/*@font-face {
    font-family: 'ColabThi';
    font-style: normal;
    font-weight: normal;
    src: url('colabthi-webfont-webfont.eot');
    src: url('colabthi-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('colabthi-webfont-webfont.woff2') format('woff2'), url('colabthi-webfont-webfont.woff') format('woff'), url('colabthi-webfont-webfont.ttf') format('truetype'), url('colabthi-webfont-webfont.svg#colaborate-thinregular') format('svg');
}*/

@font-face {
    font-family: OpenSans-Regular;
    src: url('OpenSans-Regular.eot');
    src: url('OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: OpenSans-Light;
    src: url('OpenSans-Light.eot');
    src: url('OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('OpenSans-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: OpenSans-Bold;
    src: url('OpenSans-Bold.eot');
    src: url('OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('OpenSans-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


body {
    background-image: url('/images/background.png');
    background-repeat: repeat;
    font-family: OpenSans-Light, Helvetica;
    font-size: 14px;
    color: #22313F;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    /*background: #fcfcfc;*/
}

input, img {
    outline: none;
}

img {
    border: 0;
}

.error {
    text-align: center;
    font-size: 12px;
    color: #d91e18;
}

.qtextbox, .qddl {
    border: none;
    font-family: inherit;
    font-size: inherit;
    margin: 0; /*-webkit-appearance: none;*/
    padding: 6px 10px;
    width: 138px;
    margin-left: 15px;
    outline: none;
    border: 1px solid #dcdcdc;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.qddl1 {
    border: none;
    font-family: inherit;
    font-size: inherit;
    margin: 0; /*-webkit-appearance: none;*/
    padding: 6px 10px;
    width: 138px;
    margin-left: 0px;
    outline: none;
    border: 1px solid #dcdcdc;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.qtextboxBig {
    width: 290px;
}

.qtextboxBig500 {
    width: 500px;
}

.qtextarea {
    -moz-resize: none;
    -ms-resize: none;
    -o-resize: none;
    resize: none;
    margin-bottom: 10px !important;
}

.qpopup .qtextbox, .qpopup .qddl {
    margin: 0;
}

.qpopupholder {
    -ms-opacity: 0.5;
    background-color: lightgray;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
}

.qpopupholderinternal {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.qpopup {
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px; /*width: 800px;*/
    width: 350px;
}

.qpopupBig {
    width: 500px;
}


input[disabled] {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    /* IE 5-7 */
    filter: alpha(opacity=10);
    -ms-opacity: 0.1;
    opacity: 0.1;
}

.qpopup input[type='submit'] {
    width: 49.4%;
    float: left;
    margin-bottom: 10px;
}

.qpopup input[value='Upload'], .qpopup input[value='Save'], .qpopup input[value='Send'], .qpopup input[value='Yes'] {
    margin-left: 3px;
}

.qpopup table {
    width: 100%;
    text-align: right;
}

.tablePanelDecisions table, .tablePanelDecisions .qddl {
    width: 100%;
    text-align: left;
}

.tablePanelDecisions .panelDecisionsTableHolder > table > tbody > tr > td {
    padding: 15px 0;
}

.tablePanelDecisions .panelDecisionsTableHolder {
    padding: 10px;
}

.qddl :disabled {
    -ms-opacity: 0.5;
    opacity: 0.5;
    background-color: greenyellow;
}

.qbutton {
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: #34495E;
    border: none;
    border-radius: 3px;
    color: #FCFCFC;
    font-family: inherit;
    font-size: inherit;
    height: 35px;
    cursor: pointer;
    padding: 0 15px;
}

.qbuttonForHyperlink {
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: #34495E;
    border: none;
    border-radius: 3px;
    color: #FCFCFC;
    font-family: inherit;
    font-size: inherit;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
    padding: 0 15px;
    box-sizing: border-box;
}

    .qbuttonForHyperlink:hover span {
        text-decoration: underline;
    }

.qbuttonverified {
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: greenyellow;
    border: none;
    border-radius: 3px;
    color: #FCFCFC;
    font-family: inherit;
    font-size: inherit;
    height: 35px;
}

.qappbuttonverified {
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: #16A085; /*#03C9A9;*/
    border: none;
    border-radius: 3px;
    color: #FCFCFC;
    font-family: inherit;
    font-size: inherit;
    height: 40px;
}

/*.qappbuttonverified:hover { background: #4ECDC4; }*/

.qappbuttonverifiedselected {
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: url(../Images/arrowSelectedMenu.png) bottom center #16A085;
    background-repeat: no-repeat;
    border: none;
    border-radius: 3px;
    color: #FCFCFC;
    /*font-family: OpenSans-Bold;*/
    font-size: inherit;
    height: 40px;
    /*text-decoration:underline;*/
}

.panelTreeItemsHolder .qappbuttonverifiedselected, .panelTreeItemsHolder .qappbuttonverified {
    background-image: url(../Images/tick.png);
    background-position: 97% 50%;
    background-repeat: no-repeat;
}

.panelTreeItemsHolder .qappbuttonverifiedselected {
    background: url(../Images/tick.png) 97% 50% no-repeat, url(../Images/arrowSelectedMenu.png) bottom center no-repeat #16A085;
}

.qappbutton {
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: #67809F; /*#3498DB;*/
    border: none;
    border-radius: 3px;
    color: #FCFCFC;
    font-family: inherit;
    font-size: inherit;
    height: 40px;
}

/*.qappbutton:last-child
{
    -ms-border-radius: 3px;
    background: #3498DB;
    border: none;
    border-radius: 3px;
    color: #FCFCFC;
    font-family: inherit;
    font-size: inherit;
    height: 40px;
}*/

/*.qappbutton:hover { background-color: #59ABE3; }*/


.qappbuttonselected {
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: url(../Images/arrowSelectedMenu.png) bottom center #67809F;
    background-repeat: no-repeat;
    border: none;
    border-radius: 3px;
    color: #FCFCFC;
    /*font-family: OpenSans-Bold;*/
    font-size: inherit;
    height: 40px;
    cursor: pointer;
    position: relative;
    /*text-decoration:underline;*/
}

.qbutton:hover {
    background-color: #4A6075;
}

.qbutton:disabled {
    -ms-opacity: 0.3;
    opacity: 0.3;
}

.qnavigationlink {
    color: #FCFCFC;
    text-decoration: none;
}

    .qnavigationlink:after {
        position: absolute;
        content: "|";
        padding-left: 24px;
    }

    .qnavigationlink:nth-last-child(2):after {
        position: absolute;
        content: "";
        padding-left: 24px;
    }

.qheadertext {
    background-color: #22313F;
    color: #FCFCFC;
    padding: 15px;
}

.qnavigationlink:visited {
    color: #FCFCFC;
}

.qbox {
    background-color: #FCFCFC;
    border: 1px solid #22313F;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    overflow: hidden;
}

.qpurpletext {
    color: #091826;
    font-size: 20px;
    font-weight: bold;
}

.tableRadius {
    border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    overflow: hidden;
    border: solid 1px #22313F;
    margin-bottom: 20px;
}

.qgrid {
    background-color: #FCFCFC;
    border: 0; /*border: solid 1px #22313F;*/
    border-collapse: collapse;
    /*margin: 0 0 10px 0;*/
    border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

    .qgrid td {
        border: none;
        padding: 5px 10px 5px 15px;
    }

    .qgrid th {
        background-color: #22313F;
        color: #FCFCFC;
        font-weight: normal;
        padding: 15px;
        text-align: left;
        border: #22313F;
    }

.qgridalternate {
    background: #F2F1EF;
}

.qgrid .qgridpager {
    background: #FCFCFC;
    border-top: 1px solid #22313F;
}

    .qgrid .qgridpager table {
        margin: 10px;
    }

    .qgrid .qgridpager td {
        padding: 0;
    }

    .qgrid .qgridpager span {
        border: 1px solid #22313F;
        -ms-border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color: #22313F;
        margin: 5px;
        padding: 4px;
        display: inline-block;
        width: 25px;
        text-align: center;
        font-family: OpenSans-Bold;
    }


    .qgrid .qgridpager a {
        -ms-border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        background-color: #22313F;
        border-radius: 3px;
        color: #FCFCFC;
        margin: 5px;
        padding: 5px;
        text-decoration: none;
        display: inline-block;
        width: 25px;
        text-align: center;
    }

        .qgrid .qgridpager a:hover {
            background-color: #2C3E50;
            text-decoration: none;
        }

.popupHolder {
    background-color: #D91E18;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 0 3px #666666;
    color: #FCFCFC;
    display: none;
    font-family: OpenSans-Regular;
    font-size: 12px;
    font-weight: normal;
    margin-left: 0px;
    padding: 10px 20px 15px 20px;
    position: absolute;
    text-align: center;
    top: 0px;
    vertical-align: middle;
    z-index: 99999;
}


/***********************************************************/
.MenuHolder {
    background-color: #091826; /*#674172;*/
    height: 55px;
    width: 100%;
}

    .MenuHolder > img {
        margin: 10px 30px 0 10px;
        float: left;
    }

.LogoffHolder {
    cursor: pointer;
}

    .LogoffHolder a {
        color: #fcfcfc;
        text-decoration: none;
    }

    .LogoffHolder img {
        vertical-align: sub;
    }

.loginForm {
    margin: auto auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 300px;
    height: 250px;
}

.loginFormHeader {
    background-color: #22313F;
    border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    color: #FCFCFC;
    font-size: 14px;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
}

.loginFormFields {
    background: #FCFCFC;
    border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    padding: 20px;
    position: relative;
    font-size: 18px;
    border: 1px solid #22313F;
}

.loginForm .loginFormFields:before {
    background-color: #FCFCFC;
    content: "";
    height: 8px;
    left: 50%;
    margin: -4px 0 0 -4px;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 8px;
}

.loginFormText {
    position: relative;
    float: left;
    font-family: OpenSans-Regular, Helvetica;
    font-size: 13px !important;
    color: #6C7A89 !important;
    line-height: 38px;
    cursor: default;
}

.loginFormText, .loginFormTextbox {
    margin-bottom: 15px;
}

.loginFormTextbox {
    position: relative;
    float: right;
}

    .loginFormTextbox input {
        border: none;
        font-family: inherit;
        font-size: inherit;
        margin: 0;
        -webkit-appearance: none;
        border: 1px solid #dcdcdc;
        padding: 6px 10px;
        width: 138px;
        margin-left: 16px;
        outline: none;
    }

.loginButton {
    width: 100%;
    margin-top: 10px;
    color: #FCFCFC;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}

.separator {
    display: inline-block;
    padding: 0 20px;
    color: #FCFCFC;
}

.FiltersAppHolder {
    padding: 20px 10px;
}

    .FiltersAppHolder .qtextbox, .FiltersAppHolder .qddl {
        margin-right: 19px;
    }

.MenuItemsHolder {
    line-height: 55px;
    width: 1024px;
    margin: 0 auto;
}

    .MenuItemsHolder .qnavigationlink {
        font-size: 15px;
        height: 55px !important;
        display: inline-block;
        padding: 0 26px;
    }

        .MenuItemsHolder .qnavigationlink:hover {
            color: #cccccc;
            background: url(../Images/arrowSelectedMenu.png) bottom center;
            background-repeat: no-repeat;
        }

    .MenuItemsHolder .selected {
        background: url(../Images/arrowSelectedMenu.png) bottom center;
        background-repeat: no-repeat;
    }

.qSideSecondaryBox {
    margin: 10px 0 20px 0;
}

.qSideSecondaryBoxContent {
    padding: 5px;
}

    .qSideSecondaryBoxContent .qtextarea {
        margin: 0;
        height: 38px;
        max-height: 38px;
        width: 210px;
        max-width: 210px;
        min-width: 210px;
        float: left;
        resize: none;
    }

    .qSideSecondaryBoxContent .qbutton[value='Add'] {
        float: right;
        height: 52px;
        width: 50px;
        padding: 0;
    }

.NotesHolder {
    margin: 10px 0;
    float: left;
    clear: both;
    width: 100%;
    font-family: OpenSans-Regular;
    font-size: 13px;
}

    .NotesHolder hr {
        border: none;
        height: 1px;
        background: #D2D7D3;
    }

.qSideVerifyEditHolder {
    margin-top: 10px;
}

    .qSideVerifyEditHolder .qbutton {
        width: 49.3%;
        background-color: #34495E;
    }

        .qSideVerifyEditHolder .qbutton:hover {
            background-color: #4A6075;
        }

.qAppMainButtonHolder input {
    width: 32.5%;
    margin-bottom: 10px;
    cursor: pointer;
    float: left;
}

    .qAppMainButtonHolder input[value="Directors"] {
        margin: 0 3.6px;
    }

.panelTreeItemsHolder input {
    width: 100%;
    margin-bottom: 5px;
    cursor: pointer;
    text-align: left;
}

.panelTreeItemsHolder .qbutton {
    text-align: center;
}

.tableInfoTreeItem, .tableInfoTreeItem td {
    border: 0 transparent;
}

    .tableInfoTreeItem .tableInfoTreeItemRightCol, .tableInfoTreeItem .tableInfoTreeItemLeftCol {
        font-family: OpenSans-Regular;
    }

    .tableInfoTreeItem .tableInfoTreeItemLeftCol {
        font-size: 11px;
    }

    .tableInfoTreeItem .tableInfoTreeItemRightCol {
        font-size: 12px;
    }

.qSideSecondaryBoxTitle {
    width: 100%;
    border-bottom: 1px solid #34495E;
    font-family: OpenSans-Regular;
    margin-bottom: 5px;
    font-size: 13px;
}

.qSideSecondaryBoxTitle2 {
    width: 100%;
    border-bottom: 1px solid #34495E;
    font-family: OpenSans-Regular;
    margin-bottom: 5px;
}

.tableInfoTreeItem .qSideSecondaryBoxTitle2 span {
    font-size: 13px !important;
}

.qSideSecondaryBoxTitle2 td {
    padding-top: 10px;
}

.CurrentCompanyHolder {
    padding: 12px 0;
    font-family: OpenSans-Regular, Helvetica;
}

    .CurrentCompanyHolder a {
        color: #446CB3;
    }

.AllDocumentsHolder {
    overflow: hidden;
    width: 100%;
}

iframe {
    border: none;
}

.AllDocumentsHeader {
    text-align: center;
    cursor: pointer;
    background-color: #34495E;
    color: #fcfcfc;
    padding: 15px;
}

    .AllDocumentsHeader:hover {
        background-color: #4A6075;
    }

    .AllDocumentsHeader img {
        margin: 0 5px;
    }

.AllDocumentsContent {
    position: absolute;
    background-color: #22313F;
    color: #FCFCFC;
    padding: 15px 0; /*border-top: 1px solid #2C3E50;*/
    text-align: center;
    /*width: 69%;*/
}

.AllDocsItem {
    width: 47%;
    float: left;
    padding: 10px;
}

.allDocumentFileItem {
    width: 100%;
    margin-bottom: 5px;
    background-color: #67809F;
    text-align: left;
    float: left;
}

.allDocumentFileItemLinked {
    width: 100%;
    margin-bottom: 5px;
    border: 1px solid #16A085; /*#03C9A9;*/
    box-shadow: inset 0 -2px 0 #16A085; /*#03C9A9;*/
    background: #67809F url(../images/info.png) 97% 50%;
    background-repeat: no-repeat;
    text-align: left;
}

    .allDocumentFileItem:hover, .allDocumentFileItemLinked:hover {
        background-color: #67809F; /* #95A9C0;*/
    }

.allDocumentFileButton {
    width: 49.4%;
    float: left;
}

    .allDocumentFileButton[value="View"] {
        float: left;
    }

    .allDocumentFileButton[value="Link"], .allDocumentFileButton[value="Unlink"] {
        float: right;
    }

.AllDocsItemPopup {
    position: absolute;
    width: 45.6%;
    display: none;
    background-color: #16A085; /*#03C9A9;*/
    margin-top: -87px;
    padding: 10px 5px;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #fff;
    z-index: 9;
}

    .AllDocsItemPopup:before {
        background-color: #16A085; /*#03C9A9;*/
        content: "";
        height: 8px;
        left: 50%;
        margin-top: 25px;
        /*margin: 25px 0 0 -37px;*/
        position: absolute;
        /*bottom: -4px;*/
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 8px;
    }

.allDocumentFileItemLinked:hover + input + input + div.AllDocsItemPopup {
    display: block;
}

.fixedSidePanel {
    height: 800px;
    position: fixed;
    right: 0;
    width: 75px;
}

.fixedLeftSidePanel {
    height: 50px;
    position: fixed;
    left: 0;
    margin-top: 9px;
    margin-left: 10px;
}

.qappsidefixedbuttonOrange {
    right: 0px;
    top: 104px;
    background: #EB9532; /*background-image: url(../design/images/decision.png);*/
    background-repeat: no-repeat;
    background-position: center 6px;
    border-radius: 3px 0px 0px 3px;
    -ms-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    color: #fcfcfc;
    padding: 35px 4px 4px 4px;
    font-size: 11px;
    width: 75px;
    height: 55px;
    font-family: OpenSans-Light, Helvetica;
    border: none;
    margin-bottom: 10px;
    cursor: pointer;
}

    .qappsidefixedbuttonOrange:hover {
        background-color: #FEB25A;
    }

.qappsidefixedbuttonOrange2 {
    right: 0px;
    top: 104px;
    background: #67809F; /*background-image: url(../design/images/decision.png);*/
    background-repeat: no-repeat;
    background-position: center 6px;
    border-radius: 3px 0px 0px 3px;
    -ms-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    color: #fcfcfc;
    padding: 35px 4px 4px 4px;
    font-size: 11px;
    width: 75px;
    height: 55px;
    font-family: OpenSans-Light, Helvetica;
    border: none;
    margin-bottom: 10px;
    cursor: pointer;
}

    .qappsidefixedbuttonOrange2:hover {
        background-color: #7D8FA4;
    }

.qappsidefixedbuttonGrey {
    right: 0;
    top: 104px;
    background: #34495E;
    -ms-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
    color: #fcfcfc;
    font-size: 11px;
    width: 75px;
    height: 55px;
    font-family: OpenSans-Light, Helvetica;
    border: none;
    margin-bottom: 10px;
    white-space: normal;
    cursor: pointer;
}

.qappsidefixedbuttonDecision {
    background-image: url(../Images/decision.png);
}

.qappsidefixedbuttonExpired {
    background-image: url(../Images/expired.png);
}

.qappsidefixedbuttonDeclined {
    background-image: url(../Images/decline.png);
}

.qappsidefixedbuttonEscalate {
    background-image: url(../Images/escalate.png);
}

.qappsidefixedbuttonFraud {
    background-image: url(../Images/fraud.png);
}

.qappsidefixedbuttonApproved {
    background-image: url(../Images/approved.png);
}

.qappsidefixedbuttonRefer {
    background-image: url(../Images/refer.png);
}

.panelDecisionItem {
    margin-bottom: 20px;
}

.btnDeleteLinkedDoc {
    width: 10% !important;
    background: #F64747;
    padding: 0;
    float: left;
    line-height: 35px;
    text-align: center;
}

    .btnDeleteLinkedDoc:hover {
        background: #FF6C6C;
    }

.btnLinkedDoc {
    width: 78.6% !important;
    text-align: left;
    float: left;
    margin-right: 2px;
}

.infoDecisionsItem {
    position: absolute;
    width: 293px !important;
    display: none;
    background-color: #EB9532;
    margin-top: 43px;
    padding: 5px;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #fcfcfc;
    z-index: 9;
}

.btnDeletePopupAllDocs, .btnDeletePopup {
    position: absolute;
    text-align: center;
    display: none;
    background-color: #F64747;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fcfcfc;
    z-index: 9;
    line-height: 35px;
    padding: 0 10px 10px 10px;
    width: 115px;
}

.btnDeletePopupAllDocs {
    margin-left: 46.2%;
}

.btnDeletePopup {
    margin-left: 310px;
}

    .btnDeletePopup input, .btnDeletePopupAllDocs input {
        float: left;
        width: 48%;
        margin-bottom: 0;
    }

        .btnDeletePopup input:first-child, .btnDeletePopupAllDocs input:first-child {
            margin-right: 4%;
        }

    .btnDeletePopup span, .btnDeletePopupAllDocs span {
        font-size: 16px;
    }

    .btnDeletePopup .green, .btnDeletePopupAllDocs .green {
        background: #16A085;
    }

/*.btnDeletePopup .red
{
    background: #F64747;
}*/

.btnSideDecision, .btnSideDecisionDisabled {
    display: inline-block;
    width: 10%;
    padding: 0;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../Images/decision.png);
    float: left;
    margin-right: 2px;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: default;
}

.btnSideDecision {
    background-color: #EB9532;
}

.btnSideDecisionDisabled {
    background-color: #ABB7B7;
}

.btnSideDecision:hover {
    background-color: #FEB25A;
}

.btnSideDecisionDisabled:hover {
    background-color: #ABB7B7;
}

.btnSideDecision:hover + div + div {
    display: block;
}

.infoDecisionsItem:before {
    background-color: #EB9532;
    content: "";
    height: 8px;
    left: 84.2%;
    margin: -4px 0 0 -4px;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 8px;
}

.btnDeletePopup:before, .btnDeletePopupAllDocs:before {
    background-color: #F64747;
    content: "";
    height: 8px;
    left: 0;
    margin: 15px 0 0 -4px;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 8px;
}


.SideFixedAppDecisionsVariable {
    margin-bottom: 40px;
}

.linkButton {
    height: 35px;
    padding: 8px 15px;
    text-decoration: none;
}

.qgrid a {
    color: #fcfcfc;
    text-decoration: none;
}

    .qgrid a.qbutton {
        padding: 2px 15px;
    }

    .qgrid a:hover {
        color: #fcfcfc;
        text-decoration: none;
    }

.ServiceUserClassesHolder .qtextbox, .ServiceUserClassesHolder .qddl, .ServiceUserFieldsHolder .qtextbox, .ServiceUserFieldsHolder .qddl, .AuditsHolder .qtextbox, .AuditsHolder .qddl {
    margin: 0;
}

.ServiceUserClassesHolder .qtextbox {
    width: 97.5%;
    padding: 10px 1%;
}


.ServiceUserClassesHolder .qbutton {
    margin: 0;
    width: 32.5%;
}

.ServiceUserFieldsHolder .qddl {
    width: 160px;
}

.ServiceUserDetailHolder .qddl {
    width: 312px;
}

.sendEmailPopupHolder .qddl {
    width: 400px;
    margin-left: 10px;
}

fieldset {
    border: none;
    margin-top: 20px;
    padding: 0;
}

    fieldset legend {
        font-size: 16px;
        font-family: OpenSans-Regular;
        border-bottom: 1px solid #22313F;
        padding-bottom: 2px;
        margin-bottom: 10px;
    }

.AuditsHolder .qddl {
    margin-left: 44px;
    width: 160px;
}

.LogoffHolder {
    float: right;
    color: #fcfcfc;
    position: absolute;
    top: 0px;
    right: 10px;
}

.backButton {
    background: #D2D7D3;
    margin-left: 18px;
    border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
}

    .backButton:hover {
        background: #ABB7B7;
    }

        .backButton:hover:before {
            background-color: #ABB7B7;
        }

    .backButton:before {
        background-color: #D2D7D3;
        content: "";
        height: 25px;
        left: 0;
        margin: -3px 0 0 5px;
        position: absolute;
        /* top: 0; */
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 25px;
        z-index: -1;
    }

.AccordionInfoBox {
    display: none;
    margin: 0 0 30px 0;
}

.AccordionIcon {
    width: 5%;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #34495E;
    height: 40px;
    float: left;
    color: #fcfcfc;
    text-align: center;
    margin-right: 1%;
    line-height: 40px;
}

.panelTreeItemsHolder > div input.qappbuttonverifiedselected, .panelTreeItemsHolder > div input.qappbuttonverified,
.panelTreeItemsHolder > div input.qappbutton, .panelTreeItemsHolder > div input.qappbuttonselected {
    width: 94% !important;
}

.AccordionActionbutton {
    width: 100%;
    clear: both;
}

.viewerHolder {
    margin-bottom: 20px;
}

    .viewerHolder .qbox {
        border: 0;
    }

.addServiceUserFieldsPopup .qddl {
    width: 160px;
}

.addServiceUserFieldsPopup .checkboxServiceUserFields {
    padding-left: 45px;
    text-align: left;
}

.titleGridview {
    width: 100%;
    font-family: OpenSans-Regular;
    border-bottom: 1px solid #22313F;
    padding-bottom: 2px;
    margin-bottom: 10px;
    font-size: 16px;
}

.formSeparator {
    border-bottom: 1px solid #D2D7D3;
    padding: 10px 0;
}

.viewerToolsHolder {
    padding: 10px 0;
    background-color: #fcfcfc;
    width: 707px;
    margin: 0 auto;
}

    .viewerToolsHolder .qddl {
        width: auto;
        margin-bottom: 5px;
    }

    .viewerToolsHolder .dvViewerBottomTools {
        padding-top: 5px;
    }

    .viewerToolsHolder .centeredElement {
        margin: 0 41px;
        float: left;
    }

    .viewerToolsHolder .linkButton {
        line-height: 35px;
    }

        .viewerToolsHolder .linkButton:first-child {
            margin-right: 4px;
        }

        .viewerToolsHolder .linkButton img {
            vertical-align: sub;
        }

.splitbarV {
    padding: 10px 4px;
    border-left: 1px solid #34495e;
    border-right: 1px solid #34495e;
    width: 8px !important;
}

    .splitbarV .splitbuttonV {
        background-color: transparent;
        background: url("../Images/moveRightViewer.png") bottom center;
        background-repeat: no-repeat;
        background-size: contain;
        outline: none;
        border: 0;
        width: 8px !important;
    }

        .splitbarV .splitbuttonV.invert {
            background-color: transparent;
            background: url("../Images/moveLeftViewer.png") bottom center;
            background-repeat: no-repeat;
            background-size: contain;
            outline: none;
            border: 0;
            width: 8px !important;
        }

.AppDetailLeftHolder {
    max-width: 307px;
}

.AllHolder {
    width: 1024px;
}

.oboutEditor {
    margin-left: 15px;
    border: 1px solid #dcdcdc;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.TemplateDetailHolder .qtextarea {
    margin-bottom: 0 !important;
}

.templateTagsHolder {
    color: #7a7a7a;
    font-size: 12px;
}

    .templateTagsHolder .qSideSecondaryBoxTitle {
        border-bottom: 1px solid #9f9e9e;
        font-family: OpenSans-Light;
    }

.UserTemplatesHolder .linkButton {
    display: inline-block;
    height: 19px;
}

.newUboCompanyTabs {
    margin: 10px;
}

    .newUboCompanyTabs .left, .newUboCompanyTabs .right {
        border-radius: 0;
        background-color: #9f9e9e;
        border: none;
        color: #FCFCFC;
        font-family: inherit;
        font-size: inherit;
        height: 35px;
        cursor: pointer;
        padding: 0 15px;
    }

        .newUboCompanyTabs .left:hover, .newUboCompanyTabs .right:hover {
            text-decoration: underline;
        }

    .newUboCompanyTabs .selected {
        background: url(../Images/arrowSelectedMenu.png) bottom center #16A085 no-repeat;
    }

    .newUboCompanyTabs .left {
    }

    .newUboCompanyTabs .right {
    }




@media screen and (min-width: 1400px) and (max-resolution: 130dpi) {
    .AllHolder {
        width: 80%;
    }

    .MenuItemsHolder {
        width: 80%;
    }
}







/** FILE UPLOAD *********************************/

.obout_ajax__fileupload input.textbox {
    border: none !important;
    background-color: #fcfcfc !important;
    font-family: OpenSans-Light, Helvetica !important;
    color: #22313F !important;
    border-radius: 3px 0 0 0 !important;
    -ms-border-radius: 3px 0 0 0 !important;
    -webkit-border-radius: 3px 0 0 0 !important;
    -moz-border-radius: 3px 0 0 0 !important;
    margin-bottom: 2px !important;
}

.obout_ajax__fileupload > div:before {
    content: "Browse";
    color: #fcfcfc;
    position: absolute;
    left: 35.5px;
}

.obout_ajax__fileupload input[type='file'] {
    width: 465px !important;
}

.obout_ajax__fileupload > div {
    background: none !important;
    width: 115px !important;
    background-color: #4A6075 !important;
    border-radius: 0 3px 0 0 !important;
    -ms-border-radius: 0 3px 0 0 !important;
    -webkit-border-radius: 0 3px 0 0 !important;
    -moz-border-radius: 0 3px 0 0 !important;
    margin-left: 3px !important;
}

.obout_ajax__fileupload div.obout_ajax__progressbar {
    width: auto !important;
    border: none !important;
    background-color: #fcfcfc !important;
    border-radius: 0 0 3px 3px !important;
    -ms-border-radius: 0 0 3px 3px !important;
    -webkit-border-radius: 0 0 3px 3px !important;
    -moz-border-radius: 0 0 3px 3px !important;
    margin-left: 0 !important;
}

div.obout_ajax__fileupload {
    background-color: #DADFE1 !important;
    border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    padding: 5px !important;
    border: none !important;
    width: auto !important;
    margin: 10px 0 15px 0;
}

/************************************************/

/** CHECKBOXES **********************************/

label[for] {
    margin-left: 5px;
    font-size: 13px;
    font-family: OpenSans-Regular;
}

.MaintainUserHolder .icheckbox_flat, .MaintainRoleHolder .icheckbox_flat {
    margin: 5px 0px 5px 13px;
}

/************************************************/

/** TOOLS **********************************/
.clear {
    clear: both;
}

.marginTop20 {
    margin-top: 20px;
}

.marginBottom20 {
    margin-bottom: 20px;
}

.marginLeft10 {
    margin-left: 10px;
}

.marginRight10 {
    margin-right: 10px;
}

.marginRight30 {
    margin-right: 30px;
}

.marginBoth10 {
    margin: 0 10px !important;
}

.marginBoth12p {
    margin: 0 1.2% !important;
}

.marginBoth5 {
    margin: 0 2px !important;
}

.left {
    float: left;
}

.right {
    float: right;
}

.dvdialogprocessbg {
    -moz-opacity: 0.5;
    -ms-opacity: 0.2;
    background-color: gray;
    filter: alpha(opacity=5);
    height: 100%;
    left: 0;
    opacity: 0.2;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999;
}

#processMessage {
    /*left: 60%;*/
    position: fixed;
    text-align: center;
    /*top: 8px;
    z-index: 1000000; */
    left: 45%;
    top: 50%;
    z-index: 999999999;
    font-family: OpenSans-Light, Helvetica;
    font-size: 14px;
    color: #22313F;
}

.docUploadState {
    text-align: center;
    padding: 10px;
    font-family: OpenSans-Light, Helvetica;
    font-size: 14px;
    color: #fff;
    border-radius: 3px;
    margin: 10px 0;
    background: #D91E18;
}

.containerfilter {
    display: block;
    width: 33.3%;
    float: left;
    padding-bottom: 15px;
}

.rowFilter {
    width: 100%;
}

.containerfilter.calendar .qtextbox {
    width: 115px;
}

.qgrid .commentsBox td {
    padding: 0;
}

.divBox {
    display: none;
    border: 1px solid #dcdcdc;
    margin: 10px;
    padding: 7px;
    background: #fff;
    border-radius: 3px;
}

.commentsBox {
    background: #22313f;
}

.dashboardTxt {
    line-height: 32px;
    float: left;
    width: 19%;
    text-align: right;
}

.divfilter {
    float: left;
    width: 81%;
}

.FiltersAppHolder .searchbox .qtextbox {
    margin-right: 19px;
    width: 137px;
}

.Sanpepcheck {
    float: right;width: 22px;height: 22px;
    background: url('/Images/pass.png') no-repeat center center #16a085;
    margin-top: -7px;
    border-radius: 3px;
    /*22313f 16a085 f64747*/
}

.SanpepcheckAccordion {
    position:absolute;width: 22px;height: 22px;
    background: url('/Images/pass.png') no-repeat center center #16a085;
    border-radius: 3px;
    right: 0;
    /*22313f 16a085 f64747*/
}

.CheckBoxLeft {

    text-align:left !important;
}