@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

body {
    font-family: 'Work Sans', sans-serif !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.dark-blue-divider {
    border-bottom: 4px solid #ec440c; /* brand-600 */
}

.gray-border-bottom {
    border-bottom: 1px solid #d4d4d4;
}

.icon-folder {
    background: url("../images/icon-folder.png") no-repeat left top;
    height: 39px;
}

.icon-file {
    background: url("../images/icon-file.png") no-repeat left top;
    height: 46px;
}

.icon-pdf {
    background: url("../images/icon-pdf.png") no-repeat left top;
    height: 46px;
}

.MyDigitalLife {
    background: url("../images/mdl-icon.png") no-repeat left top;
    height: 39px;
}

.MyConsultations {
    background: url("../images/myconsulations-icon.png") no-repeat left top;
    height: 39px;
}

.LegalZoomFiles {
    background: url("../images/lz-files.png") no-repeat left top;
    height: 39px;
}

.SignedDocuments {
    background: url("../images/signeddocs-icon.png") no-repeat left top;
    height: 39px;
}

.MyRegisteredAgent {
    background: url("../images/registeredagent-icon.png") no-repeat left top;
    height: 39px;
}

.blue-toggle-icon {
    height: 7px;
    width: 27px;
}

.grey-toggle-icon {
    height: 5px;
    width: 21px;
}

.button-toggle {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
}

.blue-menu-size {
    height: 122px;
    width: 145px;
}

.grey-menu-size {
    max-height: 189px;
    width: 183px;
}

.blue-icon {
    padding: 0 10px 0 15px;
    float: left;
    vertical-align: middle;
}

.grey-icon {
    padding: 0 12px 0 16px;
    float: left;
    vertical-align: middle;
}

@font-face {
    font-family: 'psRegular';
    font-weight: normal;
    font-style: normal;
    src: url("../../../resources/fonts/pluto_sans/27BAAD_13_0.eot");
    src: url("../../../resources/fonts/pluto_sans/27BAAD_13_0.eot?#iefix") format("embedded-opentype"), url("../../../resources/fonts/pluto_sans/27BAAD_13_0.svg#wf") format("svg"), url("../../../resources/fonts/pluto_sans/27BAAD_13_0.woff") format("woff"), url("../../../resources/fonts/pluto_sans/27BAAD_13_0.ttf") format("truetype");
}

@font-face {
    font-family: 'psLight';
    src: url("../../../resources/fonts/pluto_sans/27BAAD_1E_0.eot");
    src: url("../../../resources/fonts/pluto_sans/27BAAD_1E_0.eot?#iefix") format("embedded-opentype"), url("../../../resources/fonts/pluto_sans/27BAAD_1E_0.svg#wf") format("svg"), url("../../../resources/fonts/pluto_sans/27BAAD_1E_0.woff") format("woff"), url("../../../resources/fonts/pluto_sans/27BAAD_1E_0.ttf") format("truetype");
}

@font-face {
    font-family: 'psMedium';
    src: url("../../../resources/fonts/pluto_sans/27BAAD_1F_0.eot");
    src: url("../../../resources/fonts/pluto_sans/27BAAD_1F_0.eot?#iefix") format("embedded-opentype"), url("../../../resources/fonts/pluto_sans/27BAAD_1F_0.svg#wf") format("svg"), url("../../../resources/fonts/pluto_sans/27BAAD_1F_0.woff") format("woff"), url("../../../resources/fonts/pluto_sans/27BAAD_1F_0.ttf") format("truetype");
}

@font-face {
    font-family: 'psRegularCond';
    src: url("../../../resources/fonts/pluto_sans/27BAAD_1B_0.eot");
    src: url("../../../resources/fonts/pluto_sans/27BAAD_1B_0.eot?#iefix") format("embedded-opentype"), url("../../../resources/fonts/pluto_sans/27BAAD_1B_0.svg#wf") format("svg"), url("../../../resources/fonts/pluto_sans/27BAAD_1B_0.woff") format("woff"), url("../../../resources/fonts/pluto_sans/27BAAD_1B_0.ttf") format("truetype");
}

@font-face {
    font-family: 'psCondLight';
    src: url("../../../resources/fonts/pluto_sans/27BAAD_19_0.eot");
    src: url("../../../resources/fonts/pluto_sans/27BAAD_19_0.eot?#iefix") format("embedded-opentype"), url("../../../resources/fonts/pluto_sans/27BAAD_19_0.woff") format("woff"), url("../../../resources/fonts/pluto_sans/27BAAD_19_0.ttf") format("truetype"), url("../../../resources/fonts/pluto_sans/27BAAD_19_0.svg#wf") format("svg");
}

@font-face {
    font-family: 'psMediumCond';
    src: url("../../../resources/fonts/pluto_sans/27BAAD_1A_0.eot");
    src: url("../../../resources/fonts/pluto_sans/27BAAD_1A_0.eot?#iefix") format("embedded-opentype"), url("../../../resources/fonts/pluto_sans/27BAAD_1A_0.svg#wf") format("svg"), url("../../../resources/fonts/pluto_sans/27BAAD_1A_0.woff") format("woff"), url("../../../resources/fonts/pluto_sans/27BAAD_1A_0.ttf") format("truetype");
}

@font-face {
    font-family: Helvetica;
    src: url("../fonts/Helvetica/Helvetica.otf"), url("../fonts/Helvetica/Helvetica.woff");
}

/* Unused

Pluto Sans Bold
@font-face {font-family: 'psBold';src: url('../../../resources/fonts/pluto_sans/27BAAD_14_0.eot');src: url('../../../resources/fonts/pluto_sans/27BAAD_14_0.eot?#iefix') format('embedded-opentype'),url('../../../resources/fonts/pluto_sans/27BAAD_14_0.woff') format('woff'),url('../../../resources/fonts/pluto_sans/27BAAD_14_0.ttf') format('truetype'),url('../../../resources/fonts/pluto_sans/27BAAD_14_0.svg#wf') format('svg');}
@font-face {font-family: 'psBold-Italic';src: url('../../../resources/fonts/pluto_sans/27BAAD_1_0.eot');src: url('../../../resources/fonts/pluto_sans/27BAAD_1_0.eot?#iefix') format('embedded-opentype'),url('../../../resources/fonts/pluto_sans/27BAAD_1_0.woff') format('woff'),url('../../../resources/fonts/pluto_sans/27BAAD_1_0.ttf') format('truetype'),url('../../../resources/fonts/pluto_sans/27BAAD_1_0.svg#wf') format('svg');}

Pluto Sans Light
@font-face {font-family: 'psLight';src: url('../../../resources/fonts/pluto_sans/27BAAD_1E_0.eot');src: url('../../../resources/fonts/pluto_sans/27BAAD_1E_0.eot?#iefix') format('embedded-opentype'),url('../../../resources/fonts/pluto_sans/27BAAD_1E_0.woff') format('woff'),url('../../../resources/fonts/pluto_sans/27BAAD_1E_0.ttf') format('truetype'),url('../../../resources/fonts/pluto_sans/27BAAD_1E_0.svg#wf') format('svg');}
@font-face {font-family: 'psLight-Italic';src: url('../../../resources/fonts/pluto_sans/27BAAD_4_0.eot');src: url('../../../resources/fonts/pluto_sans/27BAAD_4_0.eot?#iefix') format('embedded-opentype'),url('../../../resources/fonts/pluto_sans/27BAAD_4_0.woff') format('woff'),url('../../../resources/fonts/pluto_sans/27BAAD_4_0.ttf') format('truetype'),url('../../../resources/fonts/pluto_sans/27BAAD_4_0.svg#wf') format('svg');}

Pluto Sans Extra Light
@font-face {font-family: 'psExtraLight';src: url('../../../resources/fonts/pluto_sans/27BAAD_1C_0.eot');src: url('../../../resources/fonts/pluto_sans/27BAAD_1C_0.eot?#iefix') format('embedded-opentype'),url('../../../resources/fonts/pluto_sans/27BAAD_1C_0.woff') format('woff'),url('../../../resources/fonts/pluto_sans/27BAAD_1C_0.ttf') format('truetype'),url('../../../resources/fonts/pluto_sans/27BAAD_1C_0.svg#wf') format('svg');}
@font-face {font-family: 'psExtraLight-Italic';src: url('../../../resources/fonts/pluto_sans/27BAAD_2_0.eot');src: url('../../../resources/fonts/pluto_sans/27BAAD_2_0.eot?#iefix') format('embedded-opentype'),url('../../../resources/fonts/pluto_sans/27BAAD_2_0.woff') format('woff'),url('../../../resources/fonts/pluto_sans/27BAAD_2_0.ttf') format('truetype'),url('../../../resources/fonts/pluto_sans/27BAAD_2_0.svg#wf') format('svg');}

Pluto Sans Heavy
@font-face {font-family: 'psHeavy';src: url('../../../resources/fonts/pluto_sans/27BAAD_1D_0.eot');src: url('../../../resources/fonts/pluto_sans/27BAAD_1D_0.eot?#iefix') format('embedded-opentype'),url('../../../resources/fonts/pluto_sans/27BAAD_1D_0.woff') format('woff'),url('../../../resources/fonts/pluto_sans/27BAAD_1D_0.ttf') format('truetype'),url('../../../resources/fonts/pluto_sans/27BAAD_1D_0.svg#wf') format('svg');}
@font-face {font-family: 'psHeavy-Italic';src: url('../../../resources/fonts/pluto_sans/27BAAD_3_0.eot');src: url('../../../resources/fonts/pluto_sans/27BAAD_3_0.eot?#iefix') format('embedded-opentype'),url('../../../resources/fonts/pluto_sans/27BAAD_3_0.woff') format('woff'),url('../../../resources/fonts/pluto_sans/27BAAD_3_0.ttf') format('truetype'),url('../../../resources/fonts/pluto_sans/27BAAD_3_0.svg#wf') format('svg');}

Pluto Sans Black
@font-face {font-family: 'psBlack';src: url('../../../resources/fonts/pluto_sans/27BAAD_10_0.eot');src: url('../../../resources/fonts/pluto_sans/27BAAD_10_0.eot?#iefix') format('embedded-opentype'),url('../../../resources/fonts/pluto_sans/27BAAD_10_0.woff') format('woff'),url('../../../resources/fonts/pluto_sans/27BAAD_10_0.ttf') format('truetype'),url('../../../resources/fonts/pluto_sans/27BAAD_10_0.svg#wf') format('svg');}
@font-face {font-family: 'psBlack-Italic';src: url('../../../resources/fonts/pluto_sans/27BAAD_0_0.eot');src: url('../../../resources/fonts/pluto_sans/27BAAD_0_0.eot?#iefix') format('embedded-opentype'),url('../../../resources/fonts/pluto_sans/27BAAD_0_0.woff') format('woff'),url('../../../resources/fonts/pluto_sans/27BAAD_0_0.ttf') format('truetype'),url('../../../resources/fonts/pluto_sans/27BAAD_0_0.svg#wf') format('svg');}

Pluto Sans Thin
@font-face {font-family: 'psThin';src: url('../../../resources/fonts/pluto_sans/27BAAD_11_0.eot');src: url('../../../resources/fonts/pluto_sans/27BAAD_11_0.eot?#iefix') format('embedded-opentype'),url('../../../resources/fonts/pluto_sans/27BAAD_11_0.woff') format('woff'),url('../../../resources/fonts/pluto_sans/27BAAD_11_0.ttf') format('truetype'),url('../../../resources/fonts/pluto_sans/27BAAD_11_0.svg#wf') format('svg');}
@font-face {font-family: 'psThin-Italic';src: url('../../../resources/fonts/pluto_sans/27BAAD_7_0.eot');src: url('../../../resources/fonts/pluto_sans/27BAAD_7_0.eot?#iefix') format('embedded-opentype'),url('../../../resources/fonts/pluto_sans/27BAAD_7_0.woff') format('woff'),url('../../../resources/fonts/pluto_sans/27BAAD_7_0.ttf') format('truetype'),url('../../../resources/fonts/pluto_sans/27BAAD_7_0.svg#wf') format('svg');}

Pluto Sans Condensed Black
@font-face {font-family: 'psCondBlack';src: url('../../../resources/fonts/pluto_sans/27BAAD_15_0.eot');src: url('../../../resources/fonts/pluto_sans/27BAAD_15_0.eot?#iefix') format('embedded-opentype'),url('../../../resources/fonts/pluto_sans/27BAAD_15_0.woff') format('woff'),url('../../../resources/fonts/pluto_sans/27BAAD_15_0.ttf') format('truetype'),url('../../../resources/fonts/pluto_sans/27BAAD_15_0.svg#wf') format('svg');}
@font-face {font-family: 'psCondBlack-Italic';src: url('../../../resources/fonts/pluto_sans/27BAAD_8_0.eot');src: url('../../../resources/fonts/pluto_sans/27BAAD_8_0.eot?#iefix') format('embedded-opentype'),url('../../../resources/fonts/pluto_sans/27BAAD_8_0.woff') format('woff'),url('../../../resources/fonts/pluto_sans/27BAAD_8_0.ttf') format('truetype'),url('../../../resources/fonts/pluto_sans/27BAAD_8_0.svg#wf') format('svg');}

Pluto Sans Condensed Bold
@font-face {font-family: 'psCondBold';src: url('../../../resources/fonts/pluto_sans/27BAAD_16_0.eot');src: url('../../../resources/fonts/pluto_sans/27BAAD_16_0.eot?#iefix') format('embedded-opentype'),url('../../../resources/fonts/pluto_sans/27BAAD_16_0.woff') format('woff'),url('../../../resources/fonts/pluto_sans/27BAAD_16_0.ttf') format('truetype'),url('../../../resources/fonts/pluto_sans/27BAAD_16_0.svg#wf') format('svg');}
@font-face {font-family: 'psCondBold-Italic';src: url('../../../resources/fonts/pluto_sans/27BAAD_9_0.eot');src: url('../../../resources/fonts/pluto_sans/27BAAD_9_0.eot?#iefix') format('embedded-opentype'),url('../../../resources/fonts/pluto_sans/27BAAD_9_0.woff') format('woff'),url('../../../resources/fonts/pluto_sans/27BAAD_9_0.ttf') format('truetype'),url('../../../resources/fonts/pluto_sans/27BAAD_9_0.svg#wf') format('svg');}

Pluto Sans Condensed Extra Light
@font-face {font-family: 'psCondExLight-Italic';src: url('../../../resources/fonts/pluto_sans/27BAAD_A_0.eot');src: url('../../../resources/fonts/pluto_sans/27BAAD_A_0.eot?#iefix') format('embedded-opentype'),url('../../../resources/fonts/pluto_sans/27BAAD_A_0.woff') format('woff'),url('../../../resources/fonts/pluto_sans/27BAAD_A_0.ttf') format('truetype'),url('../../../resources/fonts/pluto_sans/27BAAD_A_0.svg#wf') format('svg');}
@font-face {font-family: 'psCondExLight';src: url('../../../resources/fonts/pluto_sans/27BAAD_17_0.eot');src: url('../../../resources/fonts/pluto_sans/27BAAD_17_0.eot?#iefix') format('embedded-opentype'),url('../../../resources/fonts/pluto_sans/27BAAD_17_0.woff') format('woff'),url('../../../resources/fonts/pluto_sans/27BAAD_17_0.ttf') format('truetype'),url('../../../resources/fonts/pluto_sans/27BAAD_17_0.svg#wf') format('svg');}

Pluto Sans Condensed Heavy
@font-face {font-family: 'psCondHeavy';src: url('../../../resources/fonts/pluto_sans/27BAAD_18_0.eot');src: url('../../../resources/fonts/pluto_sans/27BAAD_18_0.eot?#iefix') format('embedded-opentype'),url('../../../resources/fonts/pluto_sans/27BAAD_18_0.woff') format('woff'),url('../../../resources/fonts/pluto_sans/27BAAD_18_0.ttf') format('truetype'),url('../../../resources/fonts/pluto_sans/27BAAD_18_0.svg#wf') format('svg');}
@font-face {font-family: 'psCondHeavy-Italic';src: url('../../../resources/fonts/pluto_sans/27BAAD_B_0.eot');src: url('../../../resources/fonts/pluto_sans/27BAAD_B_0.eot?#iefix') format('embedded-opentype'),url('../../../resources/fonts/pluto_sans/27BAAD_B_0.woff') format('woff'),url('../../../resources/fonts/pluto_sans/27BAAD_B_0.ttf') format('truetype'),url('../../../resources/fonts/pluto_sans/27BAAD_B_0.svg#wf') format('svg');}

Pluto Sans Condensed Light
@font-face {font-family: 'psCondLight';src: url('../../../resources/fonts/pluto_sans/27BAAD_19_0.eot');src: url('../../../resources/fonts/pluto_sans/27BAAD_19_0.eot?#iefix') format('embedded-opentype'),url('../../../resources/fonts/pluto_sans/27BAAD_19_0.woff') format('woff'),url('../../../resources/fonts/pluto_sans/27BAAD_19_0.ttf') format('truetype'),url('../../../resources/fonts/pluto_sans/27BAAD_19_0.svg#wf') format('svg');}
@font-face {font-family: 'psCondLight-Italic';src: url('../../../resources/fonts/pluto_sans/27BAAD_C_0.eot');src: url('../../../resources/fonts/pluto_sans/27BAAD_C_0.eot?#iefix') format('embedded-opentype'),url('../../../resources/fonts/pluto_sans/27BAAD_C_0.woff') format('woff'),url('../../../resources/fonts/pluto_sans/27BAAD_C_0.ttf') format('truetype'),url('../../../resources/fonts/pluto_sans/27BAAD_C_0.svg#wf') format('svg');}

Pluto Sans Condensed Regular
@font-face {font-family: 'psCondRegular';src: url('../../../resources/fonts/pluto_sans/27BAAD_1B_0.eot');src: url('../../../resources/fonts/pluto_sans/27BAAD_1B_0.eot?#iefix') format('embedded-opentype'),url('../../../resources/fonts/pluto_sans/27BAAD_1B_0.woff') format('woff'),url('../../../resources/fonts/pluto_sans/27BAAD_1B_0.ttf') format('truetype'),url('../../../resources/fonts/pluto_sans/27BAAD_1B_0.svg#wf') format('svg');}
@font-face {font-family: 'psCondRegular-Italic';src: url('../../../resources/fonts/pluto_sans/27BAAD_E_0.eot');src: url('../../../resources/fonts/pluto_sans/27BAAD_E_0.eot?#iefix') format('embedded-opentype'),url('../../../resources/fonts/pluto_sans/27BAAD_E_0.woff') format('woff'),url('../../../resources/fonts/pluto_sans/27BAAD_E_0.ttf') format('truetype'),url('../../../resources/fonts/pluto_sans/27BAAD_E_0.svg#wf') format('svg');}

Pluto Sans Condensed Thin
@font-face {font-family: 'psCondThin';src: url('../../../resources/fonts/pluto_sans/27BAAD_12_0.eot');src: url('../../../resources/fonts/pluto_sans/27BAAD_12_0.eot?#iefix') format('embedded-opentype'),url('../../../resources/fonts/pluto_sans/27BAAD_12_0.woff') format('woff'),url('../../../resources/fonts/pluto_sans/27BAAD_12_0.ttf') format('truetype'),url('../../../resources/fonts/pluto_sans/27BAAD_12_0.svg#wf') format('svg');}
@font-face {font-family: 'psCondThin-Italic';src: url('../../../resources/fonts/pluto_sans/27BAAD_F_0.eot');src: url('../../../resources/fonts/pluto_sans/27BAAD_F_0.eot?#iefix') format('embedded-opentype'),url('../../../resources/fonts/pluto_sans/27BAAD_F_0.woff') format('woff'),url('../../../resources/fonts/pluto_sans/27BAAD_F_0.ttf') format('truetype'),url('../../../resources/fonts/pluto_sans/27BAAD_F_0.svg#wf') format('svg');}

*/
body .toggle-menu li {
    margin: 12px 0;
}

    body .toggle-menu li a {
        font-size: 13px;
        color: #313131;
        letter-spacing: 0.3px;
        clear: none;
        vertical-align: middle;
        display: inline-block;
        padding: 0;
    }

        body .toggle-menu li a:focus, body .toggle-menu li a:hover {
            background-color: transparent;
        }

body .action-btn {
    text-decoration: none;
    padding: 5px;
    margin: 5px;
    width: auto;
    height: 36px;
    color: #f45a27;
    cursor: pointer;
    font-size: 16px;
    border: 1px solid lightgray;
    border-radius: 3px;
    background-color: transparent;
}

    body .action-btn img {
        padding-right: 10px;
    }

body .alert-info {
    background-color: #fae0d7;
    height: 39px;
    margin: 0 0 20px 0;
    padding: 0 0 0 39px;
    border-radius: 0;
    border-color: #fff;
}

body button .close {
    color: #444;
    line-height: 39px;
    font-size: 20px;
    padding-right: 10px;
}

    body button .close:hover, body button .close:focus {
        color: #444;
    }

body #deleteMessage {
    color: #444;
    font-size: 12px;
    line-height: 39px;
}

body #cc-menu-bar-desktop {
    display: inline-block;
}

body .cc-blue-menu-mobile {
    display: none;
}

body .zebra {
    position: fixed;
    left: 0;
    right: 0;
    background: url("../images/zebra.png") repeat;
    height: 35px;
    z-index: 999;
    margin-right: 15px;
    margin-left: 15px;
}

body .folder-title {
    font-size: 32px;
    line-height: 14px;
    letter-spacing: -0.8px;
    color: #ec440c; /* brand-600 */
}

body .menu-button {
    margin: 0;
    padding: 9px;
    height: auto;
    color: #f45a27;
    font-size: 16px;
    text-decoration: none;
    line-height: normal;
    cursor: pointer;
    outline: none;
    border: 1px solid #dddddd;
    border-radius: 3px;
    background: white;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #ebebeb);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #ebebeb);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #ebebeb);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #ebebeb);
    /* Standard syntax */
}

    body .menu-button:hover {
        text-decoration: none;
        border: 1px solid #dddddd;
        background: white;
        /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(white, #ebebeb);
        /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(white, #ebebeb);
        /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(white, #ebebeb);
        /* For Firefox 3.6 to 15 */
        background: linear-gradient(white, #ebebeb);
        /* Standard syntax */
    }

    body .menu-button img {
        padding-right: 9px;
        display: inline-block;
    }

    body .menu-button p {
        margin: 0;
        padding: 0;
        font-size: 16px;
        display: inline-block;
    }

    body .menu-button.button-blue {
        color: #ffffff;
        background: #f67b52; /* brand-400 */
        /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(#f67b52, #f45a27);
        /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#f67b52, #f45a27);
        /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#f67b52, #f45a27);
        /* For Firefox 3.6 to 15 */
        background: linear-gradient(#f67b52, #f45a27);
        /* Standard syntax */
    }

body .max-width-100 {
    max-width: 100% !important;
}

body .margin-0 {
    margin: 0 !important;
}

body .padding-0 {
    padding: 0 !important;
}

body .collaboration-center-input-field {
    padding: 8px;
    border-radius: 3px;
    border: 1px solid #fae0d7;
}

    body .collaboration-center-input-field::-moz-selection {
        /* Code for Firefox */
        background: #fae0d7;
        border: solid 2px #fae0d7;
    }

    body .collaboration-center-input-field::selection {
        background: #fae0d7;
        border: solid 2px #fae0d7;
    }

body .container-margin {
    margin: 26px auto 0;
}

body .margin-auto {
    margin: 26px auto 0;
}

body .main-container.landing-page-styles .header-container header.parent .container .row {
    padding-bottom: 0;
}

body .main-container.landing-page-styles .body-container {
    margin-top: 75px;
}

    body .main-container.landing-page-styles .body-container article .container > .row .file-directory-container > div.row.list-item {
        border-bottom: 1px solid #d9d9d9;
    }

        body .main-container.landing-page-styles .body-container article .container > .row .file-directory-container > div.row.list-item:last-child {
            border-bottom: none;
        }

        body .main-container.landing-page-styles .body-container article .container > .row .file-directory-container > div.row.list-item:nth-child(2) {
            padding-top: 9px;
        }

    body .main-container.landing-page-styles .body-container article .container > .row .file-directory-container > div.row:nth-child(odd) {
        background-color: #ffffff;
    }

    body .main-container.landing-page-styles .body-container article .container > .row .file-directory-container > div.row:hover {
        background-color: #fae0d7;
    }

body .main-container.toast-message .header-container header.parent .container .row > div > div.breadcrumb {
    margin-bottom: 0;
    padding-bottom: 11px;
    border: none;
}

body .main-container.toast-message .header-container header.parent .container .row > div > div.alert {
    margin: 0 0 3px 0;
    padding: 3px 0 0 30px;
    height: 23px;
    border: none;
}

    body .main-container.toast-message .header-container header.parent .container .row > div > div.alert button {
        margin: 3px 1% 0 0;
        font-size: 16px;
    }

        body .main-container.toast-message .header-container header.parent .container .row > div > div.alert button svg line {
            stroke: black;
            stroke-width: 2px;
        }

    body .main-container.toast-message .header-container header.parent .container .row > div > div.alert p#toastMessage {
        margin: 0;
        font-size: 12px;
        color: #444444;
    }

body .main-container .header-container header.parent .container .row-fixed {
    position: fixed;
}

body .main-container .header-container header.parent .container .row {
    width: 100%;
    padding-bottom: 26px;
    background-color: #ffffff;
    z-index: 1000;
}

    body .main-container .header-container header.parent .container .row > div .collaboration-center-breadcrumb {
        display: inline-block;
        margin: 0 0 23px 0;
        padding: 16px 15px 13px 22px;
        width: 100%;
        background-color: #ffffff;
        border-radius: 0;
        white-space: nowrap;
    }

        body .main-container .header-container header.parent .container .row > div .collaboration-center-breadcrumb span {
            display: inline-block;
            vertical-align: top;
        }

            body .main-container .header-container header.parent .container .row > div .collaboration-center-breadcrumb span a.breadcrumb-copy {
                display: inline-block;
                margin: 0 9px 0 0;
                font-weight: bold;
                font-size: 16px;
                color: #444444;
                text-decoration: none;
            }

            body .main-container .header-container header.parent .container .row > div .collaboration-center-breadcrumb span svg {
                display: inline-block;
                margin: 7px 9px 0 0;
                vertical-align: top;
            }

                body .main-container .header-container header.parent .container .row > div .collaboration-center-breadcrumb span svg polygon {
                    fill: black;
                    stroke: black;
                    stroke-width: 1;
                }

    body .main-container .header-container header.parent .container .row > div .header-nav h1 {
        display: inline-block;
        margin: 0;
        padding-left: 15px;
        width: 42%;
        vertical-align: bottom;
        font-size: 32px;
        color: #ec440c; /* brand-600 */
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body .main-container .header-container header.parent .container .row > div .header-nav .menu-bar {
        display: inline-block;
        width: 55%;
        text-align: right;
    }

        body .main-container .header-container header.parent .container .row > div .header-nav .menu-bar ul.collaboration-center-drop-down {
            min-width: 100%;
            margin: 9px 0 0 0;
            padding: 14px 0 17px;
            position: absolute;
            z-index: 999;
            background-color: #ffffff;
            border: 1px solid #d4d4d4;
            border-radius: 5px;
            list-style-type: none;
            box-shadow: initial;
        }

            body .main-container .header-container header.parent .container .row > div .header-nav .menu-bar ul.collaboration-center-drop-down li {
                margin-bottom: 15px;
            }

                body .main-container .header-container header.parent .container .row > div .header-nav .menu-bar ul.collaboration-center-drop-down li a {
                    padding: 0;
                    background-color: #ffffff;
                }

                    body .main-container .header-container header.parent .container .row > div .header-nav .menu-bar ul.collaboration-center-drop-down li a div {
                        width: 25%;
                        display: inline-block;
                        margin: 0 0 0 15px;
                    }

                    body .main-container .header-container header.parent .container .row > div .header-nav .menu-bar ul.collaboration-center-drop-down li a p {
                        display: inline-block;
                        margin: 0;
                        padding: 0;
                        color: black;
                    }

                body .main-container .header-container header.parent .container .row > div .header-nav .menu-bar ul.collaboration-center-drop-down li:last-child {
                    margin-bottom: 0;
                }

            body .main-container .header-container header.parent .container .row > div .header-nav .menu-bar ul.collaboration-center-drop-down.collaboration-center-dot-menu li {
                padding-right: 20px;
            }

                body .main-container .header-container header.parent .container .row > div .header-nav .menu-bar ul.collaboration-center-drop-down.collaboration-center-dot-menu li a div {
                    width: 15%;
                }

        body .main-container .header-container header.parent .container .row > div .header-nav .menu-bar .share-folder {
            display: inline-block;
            margin-right: 11px;
        }

        body .main-container .header-container header.parent .container .row > div .header-nav .menu-bar .upload {
            display: inline-block;
            margin-right: 11px;
        }

        body .main-container .header-container header.parent .container .row > div .header-nav .menu-bar .new-folder {
            display: inline-block;
            margin-right: 11px;
        }

        body .main-container .header-container header.parent .container .row > div .header-nav .menu-bar .dot-menu {
            display: inline-block;
        }

    body .main-container .header-container header.parent .container .row > div .top-nav {
        background-color: #ff0000;
    }

body .main-container .margin-top {
    margin-top: 140px;
}

body .main-container .body-container article {
    margin-bottom: 0;
}

    body .main-container .body-container article .container > .row .file-directory-container > .row {
        padding: 7px 0 5px;
    }

        body .main-container .body-container article .container > .row .file-directory-container > .row:nth-child(odd) {
            background-color: #f7f7f7;
        }

        body .main-container .body-container article .container > .row .file-directory-container > .row:hover {
            background-color: #fae0d7;
        }

        body .main-container .body-container article .container > .row .file-directory-container > .row.list-item:nth-child(2) {
            padding-top: 43px;
        }

        body .main-container .body-container article .container > .row .file-directory-container > .row.bigger-icon {
            padding: 8px 0 6px;
        }

            body .main-container .body-container article .container > .row .file-directory-container > .row.bigger-icon > div > div.left-container .file-container > div.row .file-name span.file-image {
                height: 23px;
                background-size: 17px 23px;
            }

        body .main-container .body-container article .container > .row .file-directory-container > .row.item-edit {
            background-color: #fae0d7;
        }

            body .main-container .body-container article .container > .row .file-directory-container > .row.item-edit > div > div.left-container .file-container > div.checkbox input.checkbox {
                margin-top: 11px;
            }

            body .main-container .body-container article .container > .row .file-directory-container > .row.item-edit > div > div.left-container .file-container > div.row > div.file-name span.file-image {
                margin-top: 8px;
            }

            body .main-container .body-container article .container > .row .file-directory-container > .row.item-edit > div > div.left-container .file-container > div.row > div.file-name span.file-size {
                display: none;
            }

            body .main-container .body-container article .container > .row .file-directory-container > .row.item-edit > div > div.left-container .file-container > div.row > div.file-date {
                margin-top: 7px;
            }

            body .main-container .body-container article .container > .row .file-directory-container > .row.item-edit > div > div.left-container .file-container > div.row > div.file-share {
                margin-top: 7px;
            }

            body .main-container .body-container article .container > .row .file-directory-container > .row.item-edit > div > div.left-container .file-container > div.row > div.file-menu {
                margin-top: 7px;
            }

            body .main-container .body-container article .container > .row .file-directory-container > .row.item-edit:hover {
                background-color: #fae0d7;
            }

        body .main-container .body-container article .container > .row .file-directory-container > .row.file-explorer {
            padding: 0;
            border: none;
            background-color: #f7f7f7;
            position: fixed;
            width: 94%;
            z-index: 11;
        }

            body .main-container .body-container article .container > .row .file-directory-container > .row.file-explorer .file-explorer-header > div {
                display: inline-block;
            }

                body .main-container .body-container article .container > .row .file-directory-container > .row.file-explorer .file-explorer-header > div.select-all {
                    padding-top: 10px;
                    padding-bottom: 4px;
                }

                    body .main-container .body-container article .container > .row .file-directory-container > .row.file-explorer .file-explorer-header > div.select-all input {
                        margin: 0;
                        padding: 0;
                        display: inline-block;
                        vertical-align: top;
                    }

                    body .main-container .body-container article .container > .row .file-directory-container > .row.file-explorer .file-explorer-header > div.select-all p {
                        margin: 0 0 0 33px;
                        padding: 0;
                        display: inline-block;
                        font-size: 12px;
                        font-weight: bold;
                        color: #444444;
                        vertical-align: top;
                    }

                body .main-container .body-container article .container > .row .file-directory-container > .row.file-explorer .file-explorer-header > div.modified {
                    padding: 10px 15px 4px 8px;
                }

                    body .main-container .body-container article .container > .row .file-directory-container > .row.file-explorer .file-explorer-header > div.modified p {
                        margin: 0;
                        padding: 0;
                        font-size: 12px;
                        font-weight: bold;
                        color: #444444;
                        vertical-align: top;
                    }

                body .main-container .body-container article .container > .row .file-directory-container > .row.file-explorer .file-explorer-header > div.sort {
                    padding-top: 10px;
                    padding-bottom: 4px;
                }

                    body .main-container .body-container article .container > .row .file-directory-container > .row.file-explorer .file-explorer-header > div.sort .btn-group button.sort {
                        background-color: transparent;
                        border: none;
                        padding: 0;
                        margin: 0;
                        outline: none;
                    }

                        body .main-container .body-container article .container > .row .file-directory-container > .row.file-explorer .file-explorer-header > div.sort .btn-group button.sort p {
                            margin: 0;
                            padding: 0;
                            display: inline-block;
                            font-size: 12px;
                            font-weight: bold;
                            color: #444444;
                            vertical-align: top;
                        }

                        body .main-container .body-container article .container > .row .file-directory-container > .row.file-explorer .file-explorer-header > div.sort .btn-group button.sort img {
                            margin: 5px 0 0 5px;
                            padding: 0;
                            display: inline-block;
                            vertical-align: top;
                        }

                    body .main-container .body-container article .container > .row .file-directory-container > .row.file-explorer .file-explorer-header > div.sort .btn-group ul.file-explorer-dropdown {
                        left: auto;
                        right: 0;
                        margin: 0;
                        padding: 3px 0;
                        box-shadow: none;
                        z-index: 100;
                        min-width: 89px;
                    }

                        body .main-container .body-container article .container > .row .file-directory-container > .row.file-explorer .file-explorer-header > div.sort .btn-group ul.file-explorer-dropdown li a {
                            padding: 10px 25px 10px 18px;
                        }

        body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container .checkbox {
            margin: 0;
            padding: 0;
            z-index: 10;
        }

            body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container .checkbox input .checkbox {
                margin: 0;
                padding: 0;
            }

        body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container .row .file-name {
            display: inline-block;
            float: none;
            margin-left: 65px;
            padding-left: 0;
            vertical-align: top;
        }

            body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container .row .file-name .file-image {
                margin: 0 8px 0 0;
                width: 22px;
                height: 20px;
                background-size: 22px auto;
                vertical-align: top;
            }

            body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container .row .file-name .file-copy {
                display: inline-block;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                max-width: 75%;
                color: f45a27;
                font-size: 13px;
                cursor: pointer;
            }

                body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container .row .file-name .file-copy span {
                    color: #f45a27;
                    cursor: pointer;
                    vertical-align: top;
                    font-size: 13px;
                }

                    body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container .row .file-name .file-copy span.file-copy-edit form input {
                        width: 200px;
                        vertical-align: top;
                    }

                    body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container .row .file-name .file-copy span.file-copy-edit form .save {
                        margin: 0;
                        padding: 7px 45px;
                        border: none;
                        font-size: 16px;
                        outline: none;
                        background: #f45a27;
                        /* For browsers that do not support gradients */
                        background: -webkit-linear-gradient(#f67b52, #f45a27);
                        /* For Safari 5.1 to 6.0 */
                        background: -o-linear-gradient(#f67b52, #f45a27);
                        /* For Opera 11.1 to 12.0 */
                        background: -moz-linear-gradient(#f67b52, #f45a27);
                        /* For Firefox 3.6 to 15 */
                        background: linear-gradient(#f67b52, #f45a27);
                        /* Standard syntax */
                    }

                    body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container .row .file-name .file-copy span.file-copy-edit form .close {
                        margin: 7px 0 0 10px;
                        outline: none;
                    }

                        body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container .row .file-name .file-copy span.file-copy-edit form .close svg line {
                            stroke: black;
                            stroke-width: 2;
                        }

            body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container .row .file-name .file-size {
                display: inline-block;
                font-size: 13px;
                vertical-align: top;
            }

        body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container .row .file-date {
            display: inline-block;
            float: none;
            vertical-align: top;
        }

            body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container .row .file-date span {
                font-size: 12px;
                color: #444444;
            }

        body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container .row .file-share {
            display: inline-block;
            float: none;
            width: 100px;
        }

            body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container .row .file-share a {
                text-decoration: none;
            }

                body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container .row .file-share a img {
                    margin: 0 7px 0 0;
                    vertical-align: middle;
                }

                body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container .row .file-share a p {
                    display: inline-block;
                    margin: 0;
                    font-size: 13px;
                    cursor: pointer;
                    color: black;
                }

        body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container .row .file-menu {
            display: inline-block;
            padding-right: 0;
            vertical-align: top;
            float: right;
            text-align: right;
        }

            body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container .row .file-menu greymenu-toggle .btn-group {
                vertical-align: top;
            }

                body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container .row .file-menu greymenu-toggle .btn-group button.button-toggle img {
                    vertical-align: middle;
                }

                body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container .row .file-menu greymenu-toggle .btn-group ul.gray-menu-drop-down {
                    left: auto;
                    right: 0;
                    margin: 0px 0px 0px 0px;
                    padding: 7px 0;
                    box-shadow: none;
                    border-radius: 5px;
                }

                    body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container .row .file-menu greymenu-toggle .btn-group ul.gray-menu-drop-down li {
                        margin: 0 45px 0 0;
                        padding: 8px 0;
                    }

                        body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container .row .file-menu greymenu-toggle .btn-group ul.gray-menu-drop-down li a img {
                            margin: 0 0 0 15px;
                            padding: 0;
                        }

                        body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container .row .file-menu greymenu-toggle .btn-group ul.gray-menu-drop-down li a p {
                            display: inline-block;
                            margin: 0 0 0 11px;
                        }

        body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container .icon-container {
            height: 48px;
        }

        body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container div.file-copy span:hover {
            cursor: pointer;
        }

        body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container div.file-copy .file-description {
            color: #444444;
            font-weight: 100;
        }

        body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .greymenu {
            display: inline-block;
            vertical-align: top;
        }

body.modal-open .modal-backdrop {
    background-color: #206fbf;
    opacity: .8;
}

body.modal-open.view-file .modal {
    background-color: white;
}

    body.modal-open.view-file .modal .modal-dialog {
        margin: 0;
        width: 100%;
    }

        body.modal-open.view-file .modal .modal-dialog .modal-content file-content .modal-component .header-container {
            position: relative;
            margin: 0 auto;
            width: 95%;
        }

            body.modal-open.view-file .modal .modal-dialog .modal-content file-content .modal-component .header-container .top {
                margin: 25px 0 39px;
            }

                body.modal-open.view-file .modal .modal-dialog .modal-content file-content .modal-component .header-container .top img {
                    vertical-align: top;
                }

                body.modal-open.view-file .modal .modal-dialog .modal-content file-content .modal-component .header-container .top button.modal-close {
                    right: 0;
                    position: absolute;
                    padding: 0;
                    background: transparent;
                    border: 0;
                    font-size: 13px;
                    vertical-align: top;
                }

                    body.modal-open.view-file .modal .modal-dialog .modal-content file-content .modal-component .header-container .top button.modal-close svg {
                        vertical-align: top;
                        margin: 3px 0 0;
                    }

                        body.modal-open.view-file .modal .modal-dialog .modal-content file-content .modal-component .header-container .top button.modal-close svg line {
                            stroke: black;
                            stroke-width: 1;
                        }

            body.modal-open.view-file .modal .modal-dialog .modal-content file-content .modal-component .header-container .bottom {
                margin: 0 0 40px;
            }

                body.modal-open.view-file .modal .modal-dialog .modal-content file-content .modal-component .header-container .bottom h4.modal-title {
                    display: inline-block;
                    font-size: 20px;
                    color: #444444;
                    vertical-align: top;
                }

                body.modal-open.view-file .modal .modal-dialog .modal-content file-content .modal-component .header-container .bottom button {
                    display: inline-block;
                    position: absolute;
                    right: 0;
                    vertical-align: top;
                }

                    body.modal-open.view-file .modal .modal-dialog .modal-content file-content .modal-component .header-container .bottom button img {
                        display: inline-block;
                        margin: 1px 0 0;
                        padding-right: 4px;
                        vertical-align: top;
                    }

                    body.modal-open.view-file .modal .modal-dialog .modal-content file-content .modal-component .header-container .bottom button p {
                        display: inline-block;
                    }

body.modal-open .modal .modal-dialog .modal-content {
    background-color: rgba(255, 255, 255, 0);
    border: none;
    border-radius: 0;
    box-shadow: none;
}

    body.modal-open .modal .modal-dialog .modal-content .timeout-component .close-container {
        padding: 5px 2px;
        text-align: right;
    }

        body.modal-open .modal .modal-dialog .modal-content .timeout-component .close-container button.modal-close {
            text-align: right;
            margin: 0;
            padding: 0;
            font-size: 18px;
            color: #ffffff;
            border: none;
            background: transparent;
            outline: none;
        }

    body.modal-open .modal .modal-dialog .modal-content .timeout-component .body-container {
        padding: 0 0 20px;
        background-color: white;
        text-align: center;
    }

        body.modal-open .modal .modal-dialog .modal-content .timeout-component .body-container .image-container {
            padding: 48px 92px 15px;
        }

        body.modal-open .modal .modal-dialog .modal-content .timeout-component .body-container .content-container {
            padding: 30px 92px 15px;
        }

    body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component {
        margin: 0 auto;
        padding: 0;
        width: 395px;
    }

        body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .close-container {
            text-align: right;
        }

            body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .close-container button.modal-close {
                margin: 0;
                padding: 0;
                font-size: 18px;
                line-height: 18px;
                background-color: transparent;
                border: none;
                outline: none;
                color: #ffffff;
            }

        body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container {
            background-color: #ffffff;
            height: 420px;
        }

            body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container {
                margin: 0 auto;
                padding: 10px 0 0px;
                width: 316px;
                text-align: center;
            }

                body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container h2 {
                    margin: 0 0 5px;
                    padding: 0;
                    font-size: 18px;
                    color: #ec440c; /* brand-600 */
                    text-align: center;
                }

                body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container h3 {
                    margin: 0 0 5px;
                    padding: 0;
                    color: #444444;
                    font-size: 13px;
                    font-weight: bold;
                    text-align: left;
                }

                body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container input::selection {
                    border: solid 2px #c9dff4;
                }

                body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container .calendar-header {
                    margin: 0;
                    padding: 6px 15px 6px 17px;
                    width: 100%;
                    text-align: left;
                    background-color: #ffffff;
                    border: 1px solid #c2c6c4;
                    border-radius: 5px 5px 0 0;
                    border-bottom: 1px solid #e2e2e2;
                    border-top: 1px solid #c2c6c4;
                    border-left: 1px solid #c2c6c4;
                    border-right: 1px solid #c2c6c4;
                    box-shadow: 0 3px 10px #cccccc;
                }

                    body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container .calendar-header label {
                        display: inline-block;
                        margin: 2px 0 0;
                        text-align: left;
                        color: #444444;
                        font-size: 16px;
                        font-weight: 100;
                    }

                    body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container .calendar-header img {
                        display: inline-block;
                        margin: 0 7px 0 0;
                        float: right;
                    }

                body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container > div {
                    margin: 0 0 10px;
                    padding: 0 0 9px;
                    border: none;
                    background-color: #f9f9f9;
                    border-radius: 0 0 5px 5px;
                    border-left: 1px solid #c2c6c4;
                    border-right: 1px solid #c2c6c4;
                    border-bottom: 1px solid #c2c6c4;
                    box-shadow: 0 3px 10px #cccccc;
                }

                    body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container > div > div._month {
                        padding: 10px;
                        font-size: 16px;
                        font-weight: 100;
                        color: #ec440c; /* brand-600 */
                        border: none;
                        background: none;
                    }

                        body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container > div > div._month button._previous {
                            margin: 0;
                            padding: 0;
                        }

                            body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container > div > div._month button._previous svg {
                                margin: 0 0 0 5px;
                            }

                                body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container > div > div._month button._previous svg circle {
                                    stroke: #2d96f6;
                                    stroke-width: 1;
                                    fill: #f9f9f9;
                                }

                                body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container > div > div._month button._previous svg line {
                                    stroke: #2d96f6;
                                    stroke-width: 1;
                                }

                        body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container > div > div._month button._next {
                            margin: 0;
                            padding: 0;
                        }

                            body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container > div > div._month button._next svg {
                                margin: 0 7px 0 0;
                            }

                                body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container > div > div._month button._next svg circle {
                                    stroke: #2d96f6;
                                    stroke-width: 1;
                                    fill: #f9f9f9;
                                }

                                body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container > div > div._month button._next svg line {
                                    stroke: #2d96f6;
                                    stroke-width: 1;
                                }

                        body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container > div > div._month button.unclickable-button {
                            cursor: default;
                        }

                            body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container > div > div._month button.unclickable-button svg circle {
                                stroke: #d4d4d4 !important;
                            }

                            body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container > div > div._month button.unclickable-button svg line {
                                stroke: #d4d4d4 !important;
                            }

                        body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container > div > div._month span {
                            font-size: 16px;
                            font-weight: 100;
                            color: #ec440c; /* brand-600 */
                            text-transform: capitalize;
                        }

                    body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container > div > div._days {
                        margin: 0 9px 0;
                        width: 314px;
                    }

                        body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container > div > div._days > div._day-of-week {
                            margin: 2px;
                            width: 12%;
                            font-weight: 100;
                            font-size: 12px;
                            color: #444444;
                        }

                        body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container > div > div._days > div._day {
                            margin: 2px;
                            width: 12%;
                            font-size: 12px;
                            color: #727272;
                            background-color: #f0f0f0;
                        }

                            body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container > div > div._days > div._day.-selected {
                                color: #f6f6f5;
                                background: #1491fd;
                            }

                            body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container > div > div._days > div._day:hover {
                                color: #727272;
                                background: #dddddd;
                            }

                body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container button {
                    margin: 0 0 10px;
                    padding: 10px 30px;
                }

    body.modal-open .modal .modal-dialog .modal-content .modal-component.share-link .close-container {
        padding: 3px 2px;
        text-align: right;
    }

        body.modal-open .modal .modal-dialog .modal-content .modal-component.share-link .close-container button.modal-close {
            text-align: right;
            margin: 0;
            padding: 0;
            font-size: 18px;
            color: #ffffff;
            border: none;
            background: transparent;
            outline: none;
        }

    body.modal-open .modal .modal-dialog .modal-content .modal-component.share-link .body-container {
        padding: 0 0 15px;
        background-color: white;
    }

        body.modal-open .modal .modal-dialog .modal-content .modal-component.share-link .body-container .content-container {
            padding: 25px 92px 5px;
            text-align: center;
        }

            body.modal-open .modal .modal-dialog .modal-content .modal-component.share-link .body-container .content-container h1 {
                margin: 0 0 15px 0;
                font-size: 20px;
                color: #ec440c; /* brand-600 */
            }

            body.modal-open .modal .modal-dialog .modal-content .modal-component.share-link .body-container .content-container p {
                margin: 0 0 5px 0;
                color: #444444;
                font-size: 13px;
            }

            body.modal-open .modal .modal-dialog .modal-content .modal-component.share-link .body-container .content-container input.input {
                margin: 0 0 15px 0;
                width: 100%;
            }

            body.modal-open .modal .modal-dialog .modal-content .modal-component.share-link .body-container .content-container button {
                padding: 9px 25px;
            }

        body.modal-open .modal .modal-dialog .modal-content .modal-component.share-link .body-container .error-container {
            display: none;
            padding: 20px 20px 15px;
            text-align: center;
        }

            body.modal-open .modal .modal-dialog .modal-content .modal-component.share-link .body-container .error-container p {
                margin: 0 0 10px;
                padding: 0;
                font-size: 12px;
                color: #ff0000;
            }

        body.modal-open .modal .modal-dialog .modal-content .modal-component.share-link .body-container .advanced-container {
            padding: 0 92px 0;
        }

            body.modal-open .modal .modal-dialog .modal-content .modal-component.share-link .body-container .advanced-container .advanced-cta {
                margin: 0 0 20px;
                text-align: right;
            }

                body.modal-open .modal .modal-dialog .modal-content .modal-component.share-link .body-container .advanced-container .advanced-cta a {
                    text-decoration: none;
                    cursor: pointer;
                }

                    body.modal-open .modal .modal-dialog .modal-content .modal-component.share-link .body-container .advanced-container .advanced-cta a p {
                        display: inline-block;
                        margin: 0 7px 0 0;
                        color: #444444;
                    }

                    body.modal-open .modal .modal-dialog .modal-content .modal-component.share-link .body-container .advanced-container .advanced-cta a img {
                        display: inline-block;
                    }

            body.modal-open .modal .modal-dialog .modal-content .modal-component.share-link .body-container .advanced-container #demo .item {
                margin: 0 0 5px;
            }

                body.modal-open .modal .modal-dialog .modal-content .modal-component.share-link .body-container .advanced-container #demo .item .input-container {
                    display: inline-block;
                    vertical-align: top;
                }

                    body.modal-open .modal .modal-dialog .modal-content .modal-component.share-link .body-container .advanced-container #demo .item .input-container input.checkbox {
                        margin: 0;
                        display: inline-block;
                    }

                body.modal-open .modal .modal-dialog .modal-content .modal-component.share-link .body-container .advanced-container #demo .item .disable {
                    opacity: .5;
                }

                body.modal-open .modal .modal-dialog .modal-content .modal-component.share-link .body-container .advanced-container #demo .item .enable {
                    opacity: 10;
                }

                body.modal-open .modal .modal-dialog .modal-content .modal-component.share-link .body-container .advanced-container #demo .item .link-button {
                    background: none;
                    border: none;
                    padding: 0;
                    font: inherit;
                    cursor: pointer;
                    color: #f45a27;
                    text-decoration: underline;
                    outline: none;
                }

                body.modal-open .modal .modal-dialog .modal-content .modal-component.share-link .body-container .advanced-container #demo .item .copy-container {
                    display: inline-block;
                    vertical-align: top;
                }

                    body.modal-open .modal .modal-dialog .modal-content .modal-component.share-link .body-container .advanced-container #demo .item .copy-container h4 {
                        margin: 0;
                        display: inline-block;
                        font-size: 13px;
                        font-weight: bold;
                    }

                    body.modal-open .modal .modal-dialog .modal-content .modal-component.share-link .body-container .advanced-container #demo .item .copy-container p {
                        margin: 0px;
                    }

            body.modal-open .modal .modal-dialog .modal-content .modal-component.share-link .body-container .advanced-container #demo .button-container {
                margin: 10px 0 0;
                text-align: center;
            }

                body.modal-open .modal .modal-dialog .modal-content .modal-component.share-link .body-container .advanced-container #demo .button-container button {
                    margin: 0;
                    padding: 9px 30px;
                }

/********** Angular CSS **********/
.ng-cloak {
    display: none;
}

/********** Collaboration Center Viewer CSS **********/
body {
    background-color: #ffffff;
    color: #000000;
}

    body header.header {
        margin-top: 20px;
        border-bottom: none;
    }

        body header.header .container .row > div h1 {
            margin: 10px 0 0;
            font-size: 24px;
            color: #ec440c; /* brand-600 */
            text-align: right;
        }

        body header.header .container .row > div h4 {
            margin: 0;
            font-size: 12px;
            text-align: center;
            color: #444444;
        }

        body header.header .container .row > div:nth-child(2) {
            padding-left: 0;
        }

        body header.header .container .row > div:nth-child(3) {
            display: none;
        }

    body .main-container {
        max-width: 1170px;
    }

        body .main-container .header-container header.parent {
            margin: 0 15px 0 15px;
        }

            body .main-container .header-container header.parent .container .row div.left > div {
                display: inline-block;
            }

                body .main-container .header-container header.parent .container .row div.left > div a {
                    display: inline-block;
                    width: 44px;
                    border-radius: 0;
                    border: none;
                    margin: 0 20px 0 0;
                }

            body .main-container .header-container header.parent .container .row div.left h1 {
                display: inline-block;
                margin: 5px 0 0;
                font-size: 20px;
                font-weight: bold;
                vertical-align: top;
                color: #444444;
            }

            body .main-container .header-container header.parent .container .row div.right a.btn {
                width: 85%;
                padding: 12px 0;
                float: right;
                font-size: 24px;
                font-weight: normal;
                border-radius: 6px;
                border: none;
                color: #ffffff;
                background: red;
                /* For browsers that do not support gradients */
                background: -webkit-linear-gradient(#f67b52, #f45a27);
                /* For Safari 5.1 to 6.0 */
                background: -o-linear-gradient(#f67b52, #f45a27);
                /* For Opera 11.1 to 12.0 */
                background: -moz-linear-gradient(#f67b52, #f45a27);
                /* For Firefox 3.6 to 15 */
                background: linear-gradient(#f67b52, #f45a27);
                /* Standard syntax */
            }

            body .main-container .header-container header.parent .container .row div.right button.btn {
                width: 85%;
                padding: 12px 0;
                float: right;
                font-size: 14px;
                font-weight: normal;
                border-radius: 6px;
                border: none;
                color: #ffffff;
                background: red;
                /* For browsers that do not support gradients */
                background: -webkit-linear-gradient(#f67b52, #f45a27);
                /* For Safari 5.1 to 6.0 */
                background: -o-linear-gradient(#f67b52, #f45a27);
                /* For Opera 11.1 to 12.0 */
                background: -moz-linear-gradient(#f67b52, #f45a27);
                /* For Firefox 3.6 to 15 */
                background: linear-gradient(#f67b52, #f45a27);
                /* Standard syntax */
            }

            body .main-container .header-container header.parent .container .row div.right button:active {
                border-color: 1px solid #ff0000;
            }

        body .main-container .body-container article {
            margin: 0 0 20px;
        }

            body .main-container .body-container article .container .row .file-directory-container {
                margin: 0 0 10px 0;
            }

                body .main-container .body-container article .container .row .file-directory-container > .row {
                    padding: 9px 0 8px;
                }

                    body .main-container .body-container article .container .row .file-directory-container > .row:hover {
                        background-color: #fae0d7;
                    }

                    body .main-container .body-container article .container .row .file-directory-container > .row .left-container {
                        margin: 0 0 0 22px;
                    }

                        body .main-container .body-container article .container .row .file-directory-container > .row .left-container .file-container .icon-container {
                            display: inline-block;
                            margin: 0;
                            width: 64px;
                        }

                        body .main-container .body-container article .container .row .file-directory-container > .row .left-container .file-container img {
                            display: inline-block;
                            margin: 0 20px 0 0;
                            vertical-align: top;
                        }

                        body .main-container .body-container article .container .row .file-directory-container > .row .left-container .file-container div.file-copy {
                            display: inline-block;
                            font-weight: bold;
                            font-size: 12px;
                            vertical-align: top;
                            color: #444444;
                        }

                            body .main-container .body-container article .container .row .file-directory-container > .row .left-container .file-container div.file-copy span {
                                color: #f45a27;
                            }

                    body .main-container .body-container article .container .row .file-directory-container > .row .right-container a.btn {
                        display: none;
                        border: 1px solid #c8def4;
                        background-color: #ffffff;
                        color: #f45a27;
                        border-radius: 5px;
                        padding: 10px 28px;
                    }

                    body .main-container .body-container article .container .row .file-directory-container > .row .right-container button {
                        display: none;
                        border: 1px solid #c8def4;
                        background-color: #ffffff;
                        color: #f45a27;
                        border-radius: 5px;
                        padding: 10px 28px;
                    }

            body .main-container .body-container article .container .row .side-container .side-bar {
                border: 1px solid #d9d9d9;
                padding: 40px 30px 24px;
                border-radius: 4px;
                width: auto;
            }

                body .main-container .body-container article .container .row .side-container .side-bar > div {
                    text-align: left;
                }

                    body .main-container .body-container article .container .row .side-container .side-bar > div h1 {
                        margin: 0 0 20px;
                        font-size: 20px;
                    }

                    body .main-container .body-container article .container .row .side-container .side-bar > div hr {
                        width: 50%;
                    }

                    body .main-container .body-container article .container .row .side-container .side-bar > div .container .row {
                        margin: 0;
                    }

                        body .main-container .body-container article .container .row .side-container .side-bar > div .container .row > div {
                            padding: 0;
                            color: #444444;
                        }

                            body .main-container .body-container article .container .row .side-container .side-bar > div .container .row > div:nth-child(2) {
                                padding-left: 35px;
                                border-left: 1px solid #d9d9d9;
                                border-top: none;
                            }

            body .main-container .body-container article .container .row .error-message {
                margin: 42px 0;
                padding: 0 10px;
                text-align: center;
            }

                body .main-container .body-container article .container .row .error-message h3 {
                    margin-bottom: 5px;
                    font-size: 30px;
                    color: #f45a27;
                }

                body .main-container .body-container article .container .row .error-message p {
                    font-size: 18px;
                }

        body .main-container .body-container footer {
            margin: 0 auto 58px;
            padding: 0;
            width: 95%;
        }

            body .main-container .body-container footer .bem-footer .bem-footer__top {
                display: none;
            }

            body .main-container .body-container footer .bem-footer .bem-footer__middle {
                display: none;
            }

            body .main-container .body-container footer .bem-footer .bem-footer__bottom {
                display: none;
            }

            body .main-container .body-container footer .bem-footer .bem-disclaimer .bem-disclaimer__top {
                position: relative;
                color: #444444;
            }

                body .main-container .body-container footer .bem-footer .bem-disclaimer .bem-disclaimer__top .bem-disclaimer__copyright {
                    display: inline-block;
                    font-weight: bold;
                    font-size: 12px;
                }

                body .main-container .body-container footer .bem-footer .bem-disclaimer .bem-disclaimer__top .bem-disclaimer__links {
                    display: inline-block;
                    font-weight: bold;
                    font-size: 11px;
                    position: absolute;
                    right: 0;
                }

                    body .main-container .body-container footer .bem-footer .bem-disclaimer .bem-disclaimer__top .bem-disclaimer__links a {
                        background: none !important;
                        padding-right: 0 !important;
                    }

            body .main-container .body-container footer .bem-footer .bem-disclaimer .bem-disclaimer__paragraph {
                font-size: 11px;
                color: #444444;
            }

            body .main-container .body-container footer a {
                color: #f45a27;
            }

/*Classes from CollaborationCenter.css*/
.modal {
    display: none;
    position: fixed;
    z-index: 99;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    /* background-image: url('/assets/images/blue-bg.png'); */ 
    background-repeat: repeat;
    background-color: #F89473; /* brand-300 */
}

.notifications-content {
    background-color: #fff;
    margin: auto;
    height: 245px;
    width: 90%;
    text-align: center;
    font-size: 20px;
    line-height: 31px;
    color: #ec440c; /* brand-600 */
}

.folder-content {
    background-color: #fff;
    margin: auto;
    height: 275px;
    width: 610px;
    text-align: center;
}

.file-content {
    background-color: #fff;
    margin: auto;
    height: 100%;
    width: 100%;
    text-align: center;
}

#fileContentModal {
    padding-top: 0px;
}

.body-container {
    padding: 0 0 20px;
    background-color: white;
}

    .body-container .content-container {
        padding: 48px 92px 15px;
        text-align: center;
    }

.delete-content {
    padding: 0 20px;
}

    .delete-content p {
        padding-top: 70px;
        padding-bottom: 30px;
    }

.close {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    float: right;
    font-weight: normal;
    margin-top: -35px;
    background: transparent none repeat scroll 0 0;
    cursor: pointer;
}

.delete-button {
    height: 36px;
    width: 95px;
    background: #f67b52; /* brand-400 */ /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f67b52, #f45a27); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f67b52, #f45a27); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f67b52, #f45a27); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f67b52, #f45a27); /* Standard syntax */
    color: #fff;
    border-radius: 0.25rem;
    cursor: pointer;
    display: inline-block;
    line-height: 36px;
    font-size: 16px;
    border: none;
}

    .delete-button:hover, .delete-button:focus {
        color: #fff;
    }

.copymove-content {
    background-color: #fff;
    margin: auto;
    height: 440px;
    width: 90%;
    text-align: center;
}

.copymove-close {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    float: right;
    margin-top: -25px;
    background: transparent none repeat scroll 0 0;
    cursor: pointer;
    border: none;
    background: transparent;
}

.copymove-title {
    font-size: 20px;
    line-height: 31px;
    color: #ec440c; /* brand-600 */
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0;
}

.copymove-subtext {
    font-size: 13px;
    line-height: 15px;
    color: #444;
    font-weight: 700;
    margin: 0;
    padding-bottom: 10px;
}

.copymove-menu {
    height: 280px;
    width: 90%;
    border-color: #d4d4d4;
    border-radius: 4px 4px 0 0;
    border-width: 1px;
    border-style: solid;
    margin: 0 auto;
    margin-bottom: 23px;
}

.copymove-files {
    overflow-y: auto;
    max-height: 238px;
}

    .copymove-files ul {
        list-style: none;
        margin: 0;
    }

        .copymove-files ul li {
            background: transparent;
            text-align: left;
            border-bottom: none;
            padding: 0;
            cursor: pointer;
        }

#selected-files {
    font-size: 16px;
    line-height: 18px;
    color: #444;
    font-weight: 700;
    padding-left: 11px;
    text-align: left;
    height: 40px;
    line-height: 40px;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.copymove-search {
    width: 100%;
    height: 36px;
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    border-color: #d4d4d4;
}

.folder-name img {
    line-height: 40px;
    padding-right: 5px;
}

.treearrow-right {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #959595;
    display: inline-block;
    padding-right: 4px;
    margin-top: 3px;
}

.treearrow-down {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #959595;
    display: inline-block;
    margin: 7px 4px 0 0;
}

.folder-item {
    font-size: 14px;
    color: #444;
    line-height: 40px;
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    padding-right: 10px;
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.moveitem-button {
    width: 136px;
    height: 36px;
    background: #f67b52; /* brand-400 */ /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f67b52, #f45a27); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f67b52, #f45a27); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f67b52, #f45a27); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f67b52, #f45a27); /* Standard syntax */
    color: #fff;
    border-radius: 0.25rem;
    display: inline-block;
    line-height: 36px;
    font-size: 16px;
    cursor: pointer;
    border: none;
}

    .moveitem-button:hover, .moveitem-button:focus, .moveitem-button.focus {
        color: #fff;
    }

.busy-indicator {
    position: absolute;
    top: 0;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(192, 192, 192, 0.5);
}

.loader {
    border: 3px solid #f3f3f3;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 3px solid #555;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    display: inline-block;
}


.cc-mobileAndTablet {
    width: 85%;
}

@media screen and (min-width: 1200px) {
    body .main-container .body-container article .container .row .side-container .side-bar > div .container {
        width: 215px;
        padding: 0;
    }
}

@media screen and (min-width: 960px) {
    body .main-container .margin-top {
        margin-top: 140px;
    }

    body header.header .container .row div h1 {
        text-align: left;
    }

    body header.header .container .row div:nth-child(3) {
        display: block;
        padding-right: 0;
    }

    body .main-container .body-container article .container .row .side-container {
        padding-right: 0;
        width: 25%;
    }

        body .main-container .body-container article .container .row .side-container .side-bar > div .container {
            width: 165px;
            padding: 0;
        }

            body .main-container .body-container article .container .row .side-container .side-bar > div .container .row div:nth-child(1) {
                padding-bottom: 30px;
            }

            body .main-container .body-container article .container .row .side-container .side-bar > div .container .row div:nth-child(2) {
                border-left: none;
                border-top: 1px solid #d9d9d9;
                padding: 30px 0 0;
            }

    #folderNameDropdownOptions {
        display: none !important;
    }

    h1.current-folder {
        display: inline-block !important;
    }

    #cc-originalBreadcrumb {
        display: inline-block !important;
    }
}

@media only screen and (min-width: 960px) {
    #folderNameDropdownOptions {
        display: none !important;
    }

    h1.current-folder {
        display: inline-block !important;
    }

    #cc-originalBreadcrumb {
        display: inline-block !important;
    }

    .cc-mobileAndTablet {
        display: none !important;
    }

    .cc-desktop {
        display: block !important;
    }

    body .main-container .body-container article .container .row .file-directory-container > .row .left-container .file-container div.file-copy {
        width: 80%;
    }

    body .main-container .margin-top {
        margin-top: 140px;
    }
}

@media only screen and (max-width: 959px) {
    .cc-desktop {
        display: none !important;
    }

    .cc-mobileAndTablet {
        display: block !important;
        width: 99%;
    }

    body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container .row .file-name {
        width: 93%;
    }

    body .main-container .body-container article .container > .row .file-directory-container > .row.list-item:nth-child(2) {
        padding-top: 9px;
    }

    body .main-container .header-container header.parent .container .row {
        padding-bottom: 0px;
    }

    body .main-container .header-container header.parent .container .row-fixed {
        height: 50px;
    }

    #treeMenu {
        padding-left: 0px;
    }
}

@media only (min-width: 769px) and (max-width: 959px) {
    #folderNameDropdownOptions {
        display: inline !important;
    }

    h1.current-folder {
        display: none !important;
    }

    #cc-originalBreadcrumb {
        display: none !important;
    }

    body #cc-menu-bar-desktop {
        display: none;
    }
}

@media all and (min-width: 769px) and (max-width: 959px) {
    body header.header .container .row div h1 {
        margin: 10px 0 0;
        text-align: right;
    }

    body header.header .container .row div:nth-child(3) {
        display: none;
    }

    body .main-container .body-container article .container .row div.file-directory-container {
        margin: 0 0 10px 0;
    }

    body .main-container .body-container article .container .row div.side-container {
        width: 90%;
        margin: 0 auto;
    }

        body .main-container .body-container article .container .row div.side-container .side-bar > div .container {
            width: 583px;
            padding: 0;
        }

            body .main-container .body-container article .container .row div.side-container .side-bar > div .container .row > div:nth-child(1) {
                padding-right: 10px;
            }
}

@media screen and (max-width: 900px) {
    body .main-container .margin-top {
        margin-top: 60px;
    }

    body .cc-blue-menu-mobile {
        display: block !important;
    }
}

@media screen and (min-width: 769px) {
    body header.header {
        margin-top: 30px;
        border-bottom: 1px solid #d9d9d9;
    }

        body header.header .container .row div img {
            margin-bottom: 20px;
        }

        body header.header .container .row div h1 {
            margin: 10px 0 0;
        }

        body header.header .container .row div h4 {
            margin: 7px 0 0;
        }

        body header.header .container .row div:nth-child(1) {
            padding-left: 0;
        }

    body .main-container .header-container header.parent .container .row div.left {
        padding-left: 15px;
    }

        body .main-container .header-container header.parent .container .row div.left h1 {
            margin: 10px 0 0;
        }

    body .main-container .header-container header.parent .container .row div.right {
        padding-right: 0;
    }

        body .main-container .header-container header.parent .container .row div.right a.btn {
            font-size: 14px;
        }

        body .main-container .header-container header.parent .container .row div.right button.btn {
            font-size: 14px;
        }

    body .main-container .body-container article .container {
        margin: 0;
    }

        body .main-container .body-container article .container .row .file-directory-container {
            margin: 0;
        }

            body .main-container .body-container article .container .row .file-directory-container .row:hover .right-container button {
                display: none;
            }

            body .main-container .body-container article .container .row .file-directory-container .row .left-container {
                margin: 0;
            }

        body .main-container .body-container article .container .row .side-container .side-bar div p span {
            font-size: 11px;
            font-weight: bold;
        }

        body .main-container .body-container article .container .row .side-container .side-bar div hr {
            width: 100%;
        }

        body .main-container .body-container article .container .row .error-message {
            margin: 72px 0;
            padding: 0 10px;
        }

    body .main-container .body-container footer {
        width: 100%;
    }
}

@media screen and (min-width: 769px) {
    body .main-container .header-container {
        background-color: #ffffff;
    }

        body .main-container .header-container header.parent .container {
            width: 100%;
            padding: 0;
        }

    body .main-container .body-container {
        padding: 0px 30px 0 40px;
    }

        body .main-container .body-container article .container .row .file-directory-container .row .left-container .file-container div.file-copy span {
            font-size: 16px;
            font-weight: normal;
        }
}

@media only screen and (min-width: 769px) {
    .mobile-only {
        display: none !important;
    }
}

@media only screen and (min-width: 769px) {
    .desktop-only {
        display: block !important;
    }
}

@media all and (max-width: 769px) {
    body #cc-menu-bar-desktop {
        display: none;
    }

    .cc-mobileAndTablet {
        display: block !important;
        width: 90%;
    }
}

@media screen and (min-width: 768px) {
    body .main-container .body-container article .container .row .side-container .side-bar > div .container {
        width: 658px;
        padding: 0;
    }
}

@media only screen and (max-width: 768px) {
    .mobile-only {
        display: block !important;
    }

    #folderNameDropdownOptions {
        display: inline !important;
    }

    h1.current-folder {
        display: none !important;
    }

    #cc-originalBreadcrumb {
        display: none !important;
    }

    body .main-container .body-container article .container > .row .file-directory-container > .row.list-item:nth-child(2) {
        padding-top: 0px;
    }

    body .main-container.landing-page-styles .body-container article .container > .row .file-directory-container > div.row {
        width: 100%;
        margin: 0px;
        padding-left: 10px;
    }

    body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container div.file-copy .file-description {
        width: 310px;
    }
    /*breadcrumb dropdown*/
    body > viewer-app > div > div.header-container > header > div > div > div > div.header-nav.col-xs-8.col-sm-12.ng-scope {
        padding-left: 0px;
        width: 100%;
    }
    /*blue dropdown*/
    body .main-container .header-container header.parent .container .row > div .header-nav .menu-bar {
        width: initial;
        float: right;
        padding-top: 20px;
        padding-right: 10px;
    }
    /*file folder name*/
    body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container .row .file-name {
        margin-left: 35px;
        width: 90%;
    }
    /*root folder icons*/
    body .main-container .body-container article .container .row .file-directory-container > .row .left-container .file-container .icon-container {
        display: none;
    }
    /*shared link copy link button*/
    body.modal-open .modal .modal-dialog .modal-content .modal-component.share-link .body-container .content-container button#copyLinkButton {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .desktop-only {
        display: none !important;
    }
}

@media screen and (max-width: 479px) {
    body header.header .container .row div {
        padding-right: 10px;
    }

    body .main-container .body-container article .container > .row .file-directory-container > .row .left-container .file-container div.file-copy .file-description {
        width: 100%;
    }

    body .main-container.landing-page-styles .body-container article .container > .row .file-directory-container > div.row {
        width: 100%;
        margin: 0px;
        padding-left: 10px;
    }
    /*breadcrumb dropdown*/
    body > viewer-app > div > div.header-container > header > div > div > div > div.header-nav.col-xs-8.col-sm-12.ng-scope {
        padding-left: 0px;
        width: 100%;
    }

    /*blue dropdown*/
    body .main-container .header-container header.parent .container .row > div .header-nav .menu-bar {
        width: initial;
        float: right;
        padding-top: 20px;
        padding-right: 10px;
    }

    body header.header .container .row div img {
        width: 136px;
        height: 35px;
    }

    body header.header .container .row div h1 {
        font-size: 18px;
    }

    body header.header .container .row div:nth-child(1) {
        padding-left: 10px;
    }

    body .main-container .header-container header.parent .container .row div.left {
        padding-left: 10px;
    }

        body .main-container .header-container header.parent .container .row div.left div {
            vertical-align: top;
        }

            body .main-container .header-container header.parent .container .row div.left div a {
                margin-right: 10px;
            }

        body .main-container .header-container header.parent .container .row div.left h1 {
            font-size: 16px;
            width: 70%;
        }

    body .main-container .header-container header.parent .container .row div.right {
        padding-right: 10px;
    }

        body .main-container .header-container header.parent .container .row div.right a.btn {
            font-size: 12px;
        }

        body .main-container .header-container header.parent .container .row div.right button.btn {
            font-size: 12px;
        }

    body .main-container .body-container article .container .row .file-directory-container .row .left-container {
        margin: 0 0 0 5px;
    }

    /*body .main-container .body-container article .container .row .file-directory-container .row .left-container .file-container div.icon-container {
            width: 55px;
        }*/

    /*body .main-container .body-container article .container .row .file-directory-container .row .left-container .file-container div.file-copy {
            width: 73%;
            margin-right: 37px;
            float: right;
        }*/

    body .main-container .body-container article .container .row .side-container .side-bar {
        padding: 40px 15px 24px;
    }

        body .main-container .body-container article .container .row .side-container .side-bar > div .container .row > div h1 {
            font-size: 18px;
        }

        body .main-container .body-container article .container .row .side-container .side-bar > div .container .row > div p span {
            font-size: 11px;
            font-weight: bold;
        }

        body .main-container .body-container article .container .row .side-container .side-bar > div .container .row > div hr {
            width: 100%;
        }

        body .main-container .body-container article .container .row .side-container .side-bar > div .container .row > div:nth-child(1) {
            padding-right: 10px;
        }

    body .main-container .body-container footer .bem-footer .bem-disclaimer .bem-disclaimer__top .bem-disclaimer__copyright {
        margin-right: 10px;
    }

    body .main-container .body-container footer .bem-footer .bem-disclaimer .bem-disclaimer__top .bem-disclaimer__links {
        position: initial;
    }
}

@media only screen and (max-width: 389px) {
    body .main-container .body-container article .container .row .file-directory-container .row .left-container .file-container div.file-copy {
        margin-right: 0px;
    }

    body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component {
        width: initial;
    }

        body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container {
            width: initial;
        }

            body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container > div {
                width: 100%
            }

                body.modal-open .modal .modal-dialog .modal-content datetime-picker .modal-component.date-picker .body-container .content-container > div > div._days {
                    width: 100%
                }
}

@media screen and (max-width: 320px) {
    /*breadcrumb dropdown*/
    body > viewer-app > div > div.header-container > header > div > div > div > div.header-nav.col-xs-8.col-sm-12.ng-scope {
        padding-left: 0px;
        width: 100%;
    }

    /*blue dropdown*/
    body .main-container .header-container header.parent .container .row > div .header-nav .menu-bar {
        width: initial;
        float: right;
        padding-top: 20px;
        padding-right: 10px;
    }

    #folderNameDropdownOptions {
        width: 84%;
    }
}

.lz-line .container {
    width: 100%;
}

    .lz-line .container .row div:first-child {
        background-color: #030077;
        height: 4px;
    }

    .lz-line .container .row div:last-child {
        background-color: #317fce;
        height: 4px;
    }

.breadcrumb-toggle {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    margin-top: 22px;
}

    .breadcrumb-toggle li a {
        padding: 0 10px;
        font-weight: bold;
        font-size: 15px;
        color: #444444;
    }

        .breadcrumb-toggle li a:focus, .breadcrumb-toggle li a:hover {
            background-color: #fff;
        }

.filename-container {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

#folderNameDropdownOptions {
    display: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    height: 4rem;
    padding: 0 3rem 0 1rem;
    border: 1px solid #a3d4ff;
    margin-top: 10px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    #folderNameDropdownOptions {
        padding: 0px;
    }
}

.scrollClass {
    max-height: 150px;
    overflow: auto;
    height: 6rem !important;
}

.noScrollClass {
    height: 4rem !important;
}

.cc-lp-preview-header {
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    display: flex;
    height: 48px;
    justify-content: space-between;
    padding: 0 20px;
}

#filePreviewCloseSpanButton {
    cursor: pointer;
}

#filePreviewDownloadSpanButton {
    cursor: pointer;
}