.right-middle {
    float: right;
    width: 15%;
    height: 100%;
    margin: 10px !important;
}

.left-middle {
    float: left;
    width: 80%;
    padding-bottom: 15px !important;
    line-height: 20px !important;
}

.progress {
    height: 100%;
    width: 100%;
    margin: auto 0;
    overflow: hidden;
    background-color: #dedede;
    background-repeat: repeat-x;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    background-image: linear-gradient(to bottom, whitesmoke, #dedede);
}

    .progress .bar {
        text-align: right;
        font-size: 14px;
        color: #ffffff;
        border-radius: 4px;
        width: 0;
        height: 100%;
        -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: width 0.6s ease;
        -moz-transition: width 0.6s ease;
        -o-transition: width 0.6s ease;
        transition: width 0.6s ease;
        -webkit-background-size: 40px 40px;
        -moz-background-size: 40px 40px;
        -o-background-size: 40px 40px;
        background-size: 40px 40px;
        background-color: #62C462;
        background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        -webkit-animation: progress-bar-stripes 2s linear infinite;
        -moz-animation: progress-bar-stripes 2s linear infinite;
        -ms-animation: progress-bar-stripes 2s linear infinite;
        -o-animation: progress-bar-stripes 2s linear infinite;
        animation: progress-bar-stripes 2s linear infinite;
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@-ms-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 40px 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.q-title {
    width: 100%;
    padding: 5px 0px 5px 0px;
    background: #fbfbfb !important;
}

    .q-title.active {
        color: Green;
    }

.saved-info {
    color: #FF4444;
    padding-right: 10px;
    font-weight: bold;
    font-size: 12px;
}

.q-content {
    display: none;
}

.expand0 {
    display: block;
}

.optimittable {
    width: 100%;
    border: solid 1px #fff;
}

    .optimittable td span {
        display: inline-block;
        width: 50px;
        font-weight: bold;
    }

    .optimittable p {
        white-space: nowrap;
        overflow: hidden;
    }

    .optimittable tr {
        display: block;
        border-radius: 5px;
    }

    .optimittable td {
        padding: 2px 2px;
        text-align: center;
    }

    .optimittable th {
        padding: 3px 2px;
        text-align: center;
        text-transform: capitalize;
        white-space: nowrap;
    }

    .optimittable tr th:first-child, .optimittable tr td:first-child {
        width: 25%;
        text-align: left;
        padding-left: 25px;
    }

    .optimittable tr th:nth-child(2), .optimittable tr td:nth-child(2) {
        width: 1%;
    }

    .optimittable tr th:last-child, .optimittable tr td:last-child {
        width: 55%;
        padding: 6px 0px;
        text-align: right;
    }

    .optimittable tr th:last-child {
        text-align: center;
    }

    .optimittable tbody tr:first-child {
        background-color: #ededed;
    }

.optimittable2 {
    margin-top: 25px;
}

    .optimittable2 tbody tr:first-child {
        background-color: #c8e9ca;
    }


.optibutton {
    font-size: 12px;
    width: 28px !important;
    margin: 0;
    padding: 0px 10px 0px 10px;
    border: 1px solid #ddd;
    line-height: 28px;
    color: #000 !important;
    background-color: #ccc !important;
    background-image: none !important;
    cursor: pointer;
    display: inline-block;
    position: relative;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25) !important;
    box-shadow: none !important;
    -webkit-transition: all ease .15s;
    -moz-transition: all ease .15s;
    -o-transition: all ease .15s;
    transition: all ease .15s;
}

    .optibutton:hover, .optibutton.active, .optibutton:focus {
        color: #000 !important;
        background-color: #fff !important;
        border-color: #ccc;
    }

.improvebutton {
    color: #fff !important;
    background: #f00 !important;
    cursor: not-allowed !important;
    cursor: default !important;
}

    .improvebutton:hover, .improvebutton:focus {
    }

.fucolor {
    background: #f00 !important;
}

.fucolor0, .fucolor1, .fucolor2, .fucolor3, .fucolor4 {
    color: #000 !important;
}

    .fucolor0, .fucolor0:hover, .fucolor0:focus {
        background: #A0E2FA !important;
    }

    .fucolor1, .fucolor1:hover, .fucolor1:focus {
        background: #B0DD80 !important;
    }

    .fucolor2, .fucolor2:hover, .fucolor2:focus {
        background: #E7BA2A !important;
    }

    .fucolor3, .fucolor3:hover, .fucolor3:focus {
        background: #FF6741 !important;
    }

    .fucolor4, .fucolor4:hover, .fucolor4:focus {
        background: #FF2E2E !important;
    }
/*
.fucolor0 {background:#A0E2FA url("/optimit/assets/images/icons/icon-0.png")  !important; }
.fucolor1 {background:#B0DD80 url("/optimit/assets/images/icons/icon-1.png")  !important; }
.fucolor2 {background:#E7BA2A url("/optimit/assets/images/icons/icon-2.png")  !important; }
.fucolor3 {background:#FF5A30 url("/optimit/assets/images/icons/icon-3.png")  !important; }
.fucolor4 {background:#FF4444 url("/optimit/assets/images/icons/icon-4.png")  !important; }
*/
.btn-primary {
    border: solid 1px #fff !important;
    margin-right: 6px !important;
}

.opti-title th {
    text-align: center;
    font-weight: bold;
    text-transform: capitalize;
}

    .opti-title th:first-child {
        text-align: left;
    }

.opti-title td {
    vertical-align: middle;
    text-align: center;
}

    .opti-title td:first-child {
        font-weight: bold !important;
        text-align: left;
    }

#audit-circle {
    width: 150px;
}

.right-circlepie {
}

.green100 {
    background-color: #62C462 !important;
}

.questionbold {
    font-weight: bold;
}

.gotosummary {
    float: right;
    margin: 7px 5px 0px 0px;
}

.savequestion {
    margin-right: -5px !important;
}

.optimith1 {
    font-weight: bold;
    font-size: 16px;
    margin: 15px 0px 0px 0px !important;
    text-transform: capitalize;
}

.audit-smallname {
    margin: 0px !important;
    font-size: 18px !important;
}

.notransform {
    text-transform: none;
}

.audit-modulename {
    margin: 15px 0px;
    font-size: 20px !important;
}

.icon-double-angle-right {
    font-size: 20px !important;
}

.td-audit-list {
    text-transform: capitalize;
}

.btn-tiny {
    line-height: 18px;
    border-width: 1px;
    font-size: 10px;
    border-radius: 6px;
}

.fc-button-today {
    color: #fff;
    background: #82AF6F;
    font-weight: bold;
}

#audit-template-table th, #audit-template-table td {
    white-space: nowrap;
    overflow: visible;
    padding: 10px;
}

    #audit-template-table th, #audit-template-table td:first-child {
        white-space: normal;
    }

.googlechart {
    background: #62C462;
    margin-top: 3px;
    border-color: #62C462;
    padding-left: 0px;
}

.header-color-blue {
}

#chart_div {
    padding-left: 0px !important;
}

.builddiv {
    margin: 10px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    font-size: 16px;
}

.buildDoc {
    font-weight: bold;
    border-radius: 2px;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25) !important;
    -webkit-transition: all ease .15s;
    -moz-transition: all ease .15s;
    -o-transition: all ease .15s;
    transition: all ease .15s;
}

.rsikdetail {
    border: none;
    min-width: 400px;
}

#audit-summary-table th {
    background-color: #CCFFFF;
}

#audit-summary-table td, #audit-summary-table th {
    text-align: center;
    http: //localhost:49684/optimit/assets/inc/setup_audit_content.asp;
}

#audit-summary-table td {
    min-height: 40px !important;
}

    #audit-summary-table td:first-child, #audit-summary-table th:first-child {
        width: 50%;
        text-align: left;
    }

#audit-summary-table th:first-child {
    font-size: 14px;
}

#audit-summary-table td span {
    font-weight: bold;
    color: #414141;
}

#audit-summary-table td.risk-indextd {
    background-color: #CCFFFF;
}

#audit-summary-table tr.risk-indexlastr {
    font-size: 15px;
    font-weight: bold;
}

.result0 {
    text-align: center;
    background-color: transparent;
    background-image: linear-gradient(to right, #A9A9A9, #CFCFCF, #A9A9A9);
    background-size: 1% 100%;
    background-repeat: no-repeat;
}

.result1 {
    text-align: center;
    background-color: #fdfdfd;
    background-image: linear-gradient(to right, #4BACC6, #4BACC6, #4BACC6);
    background-size: 1% 100%;
    background-repeat: no-repeat;
}

.result2 {
    text-align: center;
    background-color: #fdfdfd;
    background-image: linear-gradient(to right, #92D050, #92D050, #92D050);
    background-size: 1% 100%;
    background-repeat: no-repeat;
}

.result3 {
    text-align: center;
    background-color: #fdfdfd;
    background-image: linear-gradient(to right, #FCF305, #FCF305, #FCF305);
    background-size: 1% 100%;
    background-repeat: no-repeat;
}

.result4 {
    text-align: center;
    background-color: #fdfdfd;
    background-image: linear-gradient(to right, #E2AC00, #E2AC00, #E2AC00);
    background-size: 1% 100%;
    background-repeat: no-repeat;
}

.result5 {
    text-align: center;
    background-color: #fdfdfd;
    background-image: linear-gradient(to right, #DD0806, #DD0806, #DD0806);
    background-size: 1% 100%;
    background-repeat: no-repeat;
}
/*.result0 {
    text-align: center;
    background-color: transparent;
    background-image: linear-gradient(to right, #A9A9A9, #CFCFCF, #A9A9A9);
    background-size: 1% 100%;
    background-repeat: no-repeat;
}

.result1 {
    text-align: center;
    background-color: #4BACC6;
    background-image: linear-gradient(to right, #A9A9A9, #CFCFCF, #A9A9A9);
    background-size: 1% 100%;
    background-repeat: no-repeat;
}

.result2 {
    text-align: center;
    background-color: #92D050;
    background-image: linear-gradient(to right, #A9A9A9, #CFCFCF, #A9A9A9);
    background-size: 1% 100%;
    background-repeat: no-repeat;
}

.result3 {
    text-align: center;
    background-color: #FCF305;
    background-image: linear-gradient(to right, #A9A9A9, #CFCFCF, #A9A9A9);
    background-size: 1% 100%;
    background-repeat: no-repeat;
}

.result4 {
    text-align: center;
    background-color: #E2AC00;
    background-image: linear-gradient(to right, #A9A9A9, #CFCFCF, #A9A9A9);
    background-size: 1% 100%;
    background-repeat: no-repeat;
}

.result5 {
    text-align: center;
    background-color: #DD0806;
    background-image: linear-gradient(to right, #A9A9A9, #E5E5E5, #A9A9A9);
    background-size: 1% 100%;
    background-repeat: no-repeat;
}*/


#table-desc th {
    white-space: nowrap;
    overflow: hidden;
}

    #table-desc th:first-child {
        padding-left: 120px;
    }

#table-desc td {
    font-size: 11px;
}

#table-desc tr td:nth-child(3) {
    text-align: center;
    font-weight: bold;
}

#table-desc tr:nth-child(1) td:nth-child(3) {
    color: #fff;
    background-color: #4BACC6;
}

#table-desc tr:nth-child(2) td:nth-child(3) {
    color: #111;
    background-color: #92D050;
}

#table-desc tr:nth-child(3) td:nth-child(3) {
    color: #111;
    background-color: #FCF305;
}

#table-desc tr:nth-child(4) td:nth-child(3) {
    color: #111;
    background-color: #E2AC00;
}

#table-desc tr:nth-child(5) td:nth-child(3) {
    color: #fff;
    background-color: #DD0806;
}

#table-desc td span:first-child {
    display: inline-block;
    width: 60px;
    font-weight: bold;
}

.paddingr {
    width: 110px !important;
    float: left;
}

.paddingl {
    float: left;
    padding-right: 15px;
    width: 65% !important;
}

#childbox {
    display: none;
    width: 100% !important;
    border: solid 0px rgba(0, 0, 0, 0.1);
}

.opti-textarea {
    width: 97%;
    height: 60px;
    text-align: left;
    vertical-align: middle;
    margin-bottom: 0 !important;
 }

.currenttextarea {
    height: 90px;
}
.popuplink {
    background: #e4e9e9;
    border: none;
    color: #0773eb;
    text-align: center;
    width: 100%;
    outline: none;
}
.buttonbar {
    height: 100%;
    background: #e4e9e9;
    padding: 0 !important;
    margin: 0 !important;
    margin-left: 30px !important;
}

.author-click, .author-click:focus {
    background: none;
    border: none;
    color: #2283C5;
    padding: 5px 0px 25px 0px;
}

    .author-click:focus {
        outline: none;
    }

.ui-dialog-title {
    text-align: center;
}

.popup-displaytitle {
    display: none;
}

.font-bold {
    font-weight: bold;
}

#author-area {
    display: none;
}

.author-area {
    width: 95%;
    background: #F3EFD2;
    padding: 15px;
    margin: -20px 0px 10px 0px;
    font-size: 12px;
    border-radius: 8px;
    display: none;
    overflow: hidden;
}

.biophoto {
    padding: 13px 20px 30px 0px;
    display: block;
    float: left;
}

.author-area p {
    overflow: hidden;
}

.author-area h6 {
    font-weight: bold;
}

.btn-clearfix {
    overflow: hidden;
}

.pull-center {
    text-align: center;
    width: 100%;
}

.q-content ul {
    list-style: none !important;
    padding: 0px;
    margin: 10px 0px;
}

    .q-content ul li {
        list-style: none;
        padding: 3px 0px;
        line-height: 18px;
        margin-left: 15px;
    }

        .q-content ul li:before {
            content: "";
        }