/*Fonts*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400);


body {
    padding-top: 0px;
    height: inherit;
}

#body {
    float: left;
    width: 100%;
}

.displayNone {
    display: none !important;
}

.auto-margin {
    margin: auto;
}

.navbar .nav-menu-container {
    width: 94%;
    margin: auto;
}

.navbar-inner:after {
    clear: none;
}

div.container {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

    div.container.slideLeft {
        position: relative;
        left: -100%;
    }

    div.container.slideRight {
        position: relative;
        right: -100%;
    }

    div.container.fakeSlideRight {
        position: relative;
        -moz-animation: firstPage 3s;
        -o-animation: firstPage 3s;
        -webkit-animation: firstPage 3s;
        animation: firstPage 3s;
    }

    div.container.fakeSlideLeft {
        position: relative;
        -moz-animation: lastPage 3s;
        -o-animation: lastPage 3s;
        -webkit-animation: lastPage 3s;
        animation: lastPage 3s;
    }


@-moz-keyframes firstPage {
    0% {
        right: 0;
    }

    25% {
        right: -10%;
    }

    50% {
        right: -20%;
    }

    75% {
        right: -10%;
    }

    100% {
        right: 0;
    }
}

@-webkit-keyframes lastPage {
    0% {
        left: 0;
    }

    25% {
        left: -10%;
    }

    50% {
        left: -20%;
    }

    75% {
        left: -10%;
    }

    100% {
        left: 0;
    }
}

@keyframes firstPage {
    0% {
        right: 0;
    }

    25% {
        right: -10%;
    }

    50% {
        right: -20%;
    }

    75% {
        right: -10%;
    }

    100% {
        right: 0;
    }
}

@keyframes lastPage {
    0% {
        left: 0;
    }

    25% {
        left: -10%;
    }

    50% {
        left: -20%;
    }

    75% {
        left: -10%;
    }

    100% {
        left: 0;
    }
}



#sidebar-toggle {
    float: left;
    display: none;
}

.force-show-sidenav.review-main-nav {
    left: 0 !Important;
}
    .review-main-nav .well h4 {
        border: 0;
        float: left;
        width: 100%;
        text-align: center;
        border-style: inset;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 0;
        font-weight: normal;
        color: #666;
        background: #cccccc;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        -moz-background-size: 100%;
        -o-background-size: 100%;
        -webkit-background-size: 100%;
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
        background-image: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(224, 224, 224));
        background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
        background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
        background-image: linear-gradient(top, #eeeeee, #cccccc);
        -webkit-text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
        text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
        border-bottom: 1px solid #cccccc;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 );
    }

        .review-main-nav .well h4 > i {
            margin-left: 8px;
            margin-top: 3px;
        }

            .review-main-nav ul li button {
                line-height: 1;
                background: none;
            }

            .review-main-nav ul li.action-cell:hover {
                background-color: #e7e6e6;
                cursor: pointer;
            }

            .review-main-nav ul li.green-cell a > em {
                color: #6aa84f;
            }

            .review-main-nav ul li.red-cell a > em {
                color: rgb(247, 61, 61);
            }

            .review-main-nav ul li.in-use:hover {
                cursor: pointer;
            }

            .review-main-nav ul li a, .review-main-nav ul li button {
                display: inline-block;
                width: 100%;
                height: 100%;
                text-align: center;
                color: #555;
                font-size: 13px;
                border: 0;
            }

                .review-main-nav ul li a span, .review-main-nav ul li button span {
                    display: block;
                    margin: 7px 7px;
                    font-style: normal;
                    font-weight: 300;
                    font-size: 27px;
                    font-family: 'Open Sans',Helvetica,sans-serif;
                    color: #6aa84f;
                }

                #divActions #ulActions li button {
                    font-size: 11px;
                }

                .review-main-nav ul li a:hover {
                    text-decoration: none;
                }

            .review-main-nav ul li button {
                line-height: 1;
                padding: 0;
            }

            .review-main-nav ul li.reporting-cell a em {
                margin: 0;
                display: block;
                margin-bottom: 10px;
                font-style: normal;
                font-weight: 300;
                font-size: 33px;
                font-family: 'Open Sans', Helvetica, sans-serif;
            }


            .review-main-nav ul li.action-cell a em, .review-main-nav ul li.action-cell button em {
                transform: scale(0.64);
                width: 35px;
                height: 33px;
                display: block;
                margin: auto;
                text-indent: -10000px;
                margin-bottom: 8px;
                -moz-background-size: 32px 32px;
                -o-background-size: 32px 32px;
                -webkit-background-size: 32px 32px;
                background-size: 32px 32px;
                background-repeat: no-repeat;
            }

            .review-main-nav ul li.action-cell.disabled-action {
                opacity: 0.4;
            }

                .review-main-nav ul li.action-cell.disabled-action:hover {
                    cursor: default;
                    background: #ededed;
                    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
                    background-size: 100%;
                    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ededed));
                    background-image: -webkit-linear-gradient(top, #ffffff, #ededed);
                    background-image: -moz-linear-gradient(top, #ffffff, #ededed);
                    background-image: -o-linear-gradient(top, #ffffff, #ededed);
                    background-image: linear-gradient(top, #ffffff, #ededed);
                    background: -ms-linear-gradient(top, #ffffff, #ededed);
                }
                .review-main-nav ul li.action-cell.disabled-action a:hover {
                    cursor: default;
                }

            .review-main-nav ul li.action-cell.validate button em {
                background-image: url(Icons/checkmark.png);
            }

            .review-main-nav ul li.action-cell.historical-event button em {
                background-image: url(Icons/history.png);
            }

            .review-main-nav ul li.action-cell.view-form button em {
                background-image: url(Icons/search.png);
            }

            .review-main-nav ul li.action-cell.form-reject button em {
                background-image: url(Icons/x.png);
            }

            .review-main-nav ul li.action-cell.form-committee button em {
                background-image: url(Icons/user.png);
            }

            .review-main-nav ul li.action-cell.favourable-opinion button em {
                background-image: url(Icons/thumbs-up.png);
            }

            .review-main-nav ul li.action-cell.form-contacts button em {
                background-image: url(Icons/address-book.png);
            }

            .review-main-nav ul li.action-cell.form-meetings button em {
                background-image: url(Icons/calendar.png);
            }

            .review-main-nav ul li.action-cell.view-projects button em {
                background-image: url(Icons/search.png);
            }

            .review-main-nav ul li.action-cell.view-notifications button em {
                background-image: url(Icons/search.png);
            }

            .review-main-nav ul li.action-cell.view-home button em {
                background-image: url(Icons/icon-home.png);
            }

            .review-main-nav ul li.action-cell.create-folder a em, .review-main-nav ul li.action-cell.create-folder button em {
                background-image: url(Icons/icon-folder-create.png);
            }

            .review-main-nav ul li.action-cell.create-project a em, .review-main-nav ul li.action-cell.create-project button em {
                background-image: url(Icons/icon-circle-plus.png);
            }

            .review-main-nav ul li.action-cell.move-project a em, .review-main-nav ul li.action-cell.move-project button em {
                background-image: url(Icons/icon-project-move.png);
            }

            .review-main-nav ul li.action-cell.create-form button em {
                background-image: url(Icons/icon-circle-plus.png);
            }

            .review-main-nav ul li.action-cell.icon-share-roles button em {
                background-image: url(Icons/roles-add.png);
            }

            .review-main-nav ul li.action-cell.delete-folder a em, .review-main-nav ul li.action-cell.delete-folder button em {
                background-image: url(Icons/icon-folder-delete.png);
            }

            .review-main-nav ul li.action-cell.delete-project a em, .review-main-nav ul li.action-cell.delete-project button em {
                background-image: url(Icons/icon-circle-minus.png);
            }
            .review-main-nav ul li.action-cell.icon-pencil a em, .review-main-nav ul li.action-cell.icon-pencil button em {
                background-image: url(Icons/icon-pencil.png);
            }

            .review-main-nav ul li.action-cell.icon-upload button em {
                background-image: url(Icons/icon-upload.png);
            }

            .review-main-nav ul li.action-cell.icon-print button em {
                background-image: url(Icons/icon-print.png);
            }

            .review-main-nav ul li.action-cell.icon-paperclip button em {
                background-image: url(Icons/icon-paperclip.png);
            }

            .review-main-nav ul li.action-cell.icon-location a em {
                background-image: url(Icons/icon-location.png);
            }

            .review-main-nav ul li.action-cell.icon-floppy button em {
                background-image: url(Icons/icon-floppy.png);
            }

            .review-main-nav ul li.action-cell.icon-next a em {
                background-image: url(Icons/icon-next.png);
            }

            .review-main-nav ul li.action-cell.icon-previous a em {
                background-image: url(Icons/icon-previous.png);
            }

            .review-main-nav ul li.action-cell.icon-unlocked button em {
                background-image: url(Icons/icon-unlocked.png);
            }

            .review-main-nav ul li.action-cell.duplicate-project a em, .review-main-nav ul li.action-cell.duplicate-project button em {
                background-image: url(Icons/project-40x40-darkgray.png);
            }

            .review-main-nav ul li.action-cell.icon-rejectSignature button em {
                background-image: url(Icons/icon-close.png);
            }

            .review-main-nav ul li.action-cell.icon-transfer a em, .review-main-nav ul li.action-cell.icon-transfer button em {
                background-image: url(Icons/icon-transfer.png);
            }

            .review-main-nav ul li.action-cell.icon-rejectTransfer button em {
                background-image: url(Icons/icon-rejectTransfer.png);
            }

            .review-main-nav ul li.action-cell.icon-acceptTransfer button em {
                background-image: url(Icons/icon-acceptTransfer.png);
            }

            .review-main-nav ul li.action-cell.icon-share button em {
                background-image: url(Icons/share.png);
            }

            .review-main-nav ul li.action-cell.icon-users button em {
                background-image: url(Icons/users.png);
            }

            .review-main-nav ul li.action-cell.icon-download2 button em {
                background-image: url(Icons/icon-download2.png);
            }

            .review-main-nav ul li.action-cell.icon-box-add button em {
                background-image: url(Icons/icon-box-add.png);
            }

            .review-main-nav ul li.action-cell.icon-tree em {
                background-image: url(Icons/icon-tree.png);
            }

            .review-main-nav ul li.action-cell.icon-mail button em {
                background-image: url(Icons/icon-mail.png);
            }

            .review-main-nav ul li.action-cell.icon-checkcomplete button em {
                background-image: url(Icons/checkbox-checked.png);
            }

.icon-NMA button em {
    background-image: url(Icons/action-sprites-30.png);
    background-size: auto !important;
    background-position: -192px -288px;
}

.icon-XML button em {
    background-image: url(Icons/action-sprites-32.png);
    background-size: auto !important;
    background-position: -576px -192px;
}
.review-main-nav .well ul li.action-cell.icon-auto button em {
    background-image: url(Icons/icon-auto.png);
}

.icon-shuffle button em {
    background-image: url(Icons/action-sprites-32.png);
    background-size: auto !important;
    background-position: -448px -63px;
}

/*Are you sure dialog*/
.are-you-sure {
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

    .are-you-sure label {
        margin-bottom: 10px;
        border-top: 1px solid #DDD;
        padding-top: 15px;
    }

/*workarea Feedback*/
#workarea-feedback {
    position: fixed;
    left: 0;
    z-index: 1;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 43px;
    color: #FFF;
    text-align: center;
    padding-top: 10px;
    font-size: 1.5em;
    display: none;
}

    #workarea-feedback.successful {
        background-color: #6AA84F;
    }

    #workarea-feedback.failure {
        background-color: #F74343;
    }


.panel-group {
    box-sizing: border-box;
    width: 100%;
}

    .panel-group .container {
        box-sizing: border-box;
        width: 100%;
        margin-left: 0;
    }

#page-form {
    margin-left: 0px;
    float: left;
    width: 100%;
    height: 100%;
}


.review-main-nav {
    display: block;
}

.workarea-nav {
    display: none;
}

.update-alert {
    text-align: center;
    font-size: 17px;
    margin-top: 10px;
    float: left;
    width: 98%;
}




@media (max-width: 1980px) {
    .trackChangesModeContainer {
        padding-right: 322px;
    }
    body .container {
        width: inherit;
        display: block;
    }

    .track-changes-nav {
        width: 300px;
    }

    .container-inner {
        width: 100%;
        box-sizing: border-box;
        display: block;
        float: left;
        padding-left: 25px !important;
    }
}


@media (max-width: 1280px) {
    .thirdRowTrackChanges {
        box-sizing: border-box;
        height: 60%;
    }

    .userEmailSpan {
        display: none;
    }

    .trackChangesModeContainer {
        padding-right: 212px;
    }

    body .container {
        width: inherit;
        margin-left: 150px;
        display: block;
    }

    .track-changes-nav {
        width: 190px;
    }


    .submittedMetaData {
        width: 45%;
    }

        .review-main-nav .well ul li:nth-child(-n+3) {
            border-top: 1px solid rgb(209, 209, 209);
        }

        .review-main-nav .well ul li:nth-child(3n) {
            border-right: 1px solid rgb(209, 209, 209);
        }

        .review-main-nav .well ul li:nth-child(-n+2) {
            border-top: 0;
        }

        .review-main-nav .well ul li:nth-child(2n) {
            border-right: 0;
        }

    #workarea-controls-toggle .line {
        width: 36.0%;
    }
    .changedQuestionList {
        height: 220px;
    }
}


.custom-invalid-field {
    border-color: #e9322d !important;
    color: #b94a48 !important;
    box-shadow: 0 0 6px #f8b9b7 !important;
}

.actionsWrapper {
    display: none;
    border-bottom: 1px solid rgba(229, 229, 229, 1);
    margin-bottom: 20px;
    padding-bottom: 20px;
}

#numericActions {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.numericAction {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    min-height: 28px;
}

.sectionTitle {
    padding-bottom: 20px;
    font-size: 12px;
    font-weight: 700;
    color: rgba(136, 141, 147, 1);
}

.nameTitle {
    font-size: 14px;
    font-weight: 500;
    color: rgba(139, 139, 139, 1);
    padding-right: 15px;
    text-align: left;
}

.basicDataWrapper > div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    text-align: end;
}

.basicData {
    color: rgba(60, 60, 60, 1);
}

.actionNumber {
    padding: 2px 5px 2px 5px;
    background-color: rgba(36, 104, 196, 0.1);
    color: rgba(36, 104, 196, 1);
    border-radius: 4px;
    margin-right: 20px;
}

.actionTextWrapper {
    width: 100%; 
    display: flex; 
    justify-content: space-between;
    align-items: center;
}

@media (max-width:979px) {
    .thirdRowTrackChanges {
        box-sizing: border-box;
        height: 60%;
    }

    .navbar-fixed-top, .navbar-fixed-bottom {
        position: fixed;
    }

    div.container {
        width: inherit;
        margin-left: auto;
    }

    #sidebar-toggle {
        display: block;
    }
}
@media (max-width: 767px) {
    .modal {
        position: fixed;
        top: 20px;
        right: 50%;
        left: 50%;
        width: auto;
        margin: 0;
    }
    .thirdRowTrackChanges {
        box-sizing: border-box;
        height: 60%;
    }
}


.white-well {
    padding: 20px;
    min-height: 20px;
    background: white;
    box-shadow: 1px 1px 3px #aaaaaa;
    border-radius: 6px;
}