/* Version 1.1.3   */
/*short mis clases */

div.row > div,
div.row {
    box-sizing: border-box;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.dn {
    display: none;
}
/*show after document ready */
.sadr {
    display: none;
}

.vf {
    visibility: hidden;
}

.clr {
    clear: both;
}

.dib {
    display: inline-block;
    margin-top: auto;
    margin-bottom: auto;
}

.dcb {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    
}

.pntr {
    cursor: pointer;
}

.pre {
    white-space: pre;
}

.pa {
    position: absolute;
    top: 0;
}

.pr {
    position: relative;
}

.t-decno {
    text-decoration: none;
}

.fill {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.inlineflex {
    display: inline-flex;
}

.ovrfl {
    overflow: auto;
}

.ovrflX {
    overflow-x: hidden;
}

.rm {
    margin-right: 20px;
}

.w30 {
    width: 30px;
}

    .w30 img {
        vertical-align: middle;
    }

.w50 {
    width: 50px;
}

    .w50 img {
        vertical-align: middle;
    }

.w100 {
    width: 100px;
}

.w150 {
    width: 150px;
}

.w200 {
    width: 200px;
}

.w300 {
    width: 300px;
}

.w400 {
    width: 400px;
}

.w500 {
    width: 500px;
}

.h30 {    
    height:30px; 
}
.h50 {
    height: 50px;
}
.h100 {
    height: 100px;
}

.m-t0 {
    margin-top: 0 !important;
}

.m-t10 {
    margin-top: 10px;
}

.m-t20 {
    margin-top: 20px;
}

.m-t30 {
    margin-top: 30px;
}

.m-t50 {
    margin-top: 50px;
}

.m-b0 {
    margin-bottom: 0 !important;
}

.m-b10 {
    margin-bottom: 10px;
}

.m-b20 {
    margin-bottom: 20px;
}

.m-b30 {
    margin-bottom: 30px;
}

.m-b50 {
    margin-bottom: 50px;
}



.m-l0 {
    margin-left: 0 !important;
}

.m-l10 {
    margin-left: 10px;
}

.m-l20 {
    margin-left: 20px;
}

.m-l30 {
    margin-left: 30px;
}

.m-l50 {
    margin-left: 50px;
}

.ta-l {
    text-align: left;
}

.ta-c {
    text-align: center;
}

.ta-r {
    text-align: right;
}

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

.fs-l {
    font-size: large;
}

.fs-ll {
    font-size: larger;
}

.fs-m {
    font-size: medium;
}

.fs-s {
    font-size: small;
}

.fs-ss {
    font-size: smaller;
}

.fs-xl {
    font-size: x-large;
}

.fs-xxl {
    font-size: xx-large;
}

.fs-xxl {
    font-size: xx-large;
}


.col-b1 {
    background-color: #c6dbee;
}

.red {
    color: red !important;
    font-weight: 800;
    margin-left: 3px;
}



.borderless {
    border-top-style: none !important;
    border-left-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
}


/* not uSE */
.title1 {
    font-size: x-large;
}

.title2 {
    font-size: larger;
}

.title3 {
    font-size: medium;
}

.title4 {
    font-size: medium;
}

.title5 {
    font-size: medium;
}

.title6 {
    font-size: medium;
}



.BGR1 {
    background-color: red;
}

.BGR2 {
    background-color: green;
}

.BGR3 {
    background-color: blue;
}

.BGR4 {
    background-color: yellow;
}

/* ----- end not use */
.df_MainContainer {
    display: block !important;
    width: 100% !important;
    margin: 0;
    padding: 0;
    clear: both;
    position: relative !important;
    /* padding-top: 20px; */
    border1: 1px solid red;
}

.pnlNavigator {
    width: 170px;
    display: inline-block;
    float: left;
}

.pnlMain {
    display: inline-block;
    padding: 5px 20px 5px 20px;
    height: auto;
    width: calc(100% - 210px);
}

.noNavigator {
    display: block;
    width: 100% !important;
}



@media (max-width: 767px) {

    .df_MainContainer {
        overflow-y: auto;
        margin-top: 61px; /*QUrac menu bug fix */
    }

    .pnlNavigator {
        display: block;
        width: 100% !important;
    }

    .pnlMain {
        display: block;
        width: 100vw !important;
        padding: 0;
        overflow-y: auto;
    }

    .noNavigator {
        display: block;
        width: 100vw !important;
    }
}



.df_futr {
    height: 25px;
}


.dfstate {
    font-weight: bold !important;
}

    .dfstate:hover {
    }

.dfstate-icon {
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.dfstate-icon-hover {
    background-image: url("ui/images/ui-icons_72a7cf_256x240.png");
    background-position: -112px -144px;
}

.dfstate .dfstate-icon {
    background-image: url("ui/images/ui-icons_72a7cf_256x240.png");
    background-position: -80px -144px;
}
/* doflow email */
.usrIcn {
    display: inline-block;
    width: 40px;
    border: solid 1px rgba(0, 0, 0, 0.3);
    border-radius: 20px;
}


/*Jquery ui helpers*/
.jqui-dialog-no-close .ui-dialog-titlebar-close {
    display: none;
}

.jqui-dialog-wall .ui-dialog-titlebar {
    display: none;
}

.jqui-dialog-wall ui-dialog-buttonset {
    display: none;
}

.ui-tooltip {
    max-width: 480px !important;
}


/* df overlay button */
.df_box {
    display: block;
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 4px;
    min-height: 15px;
    border: 1px solid #E3E3E3;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
    background-color: #F5F5F5;
}


.dfmap_infWnd {
    max-width: 300px;
    display: block;
    padding: 2px;
    margin-bottom: 10px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

    .dfmap_infWnd > img,
    .dfmap_infWnd a > img {
        display: block;
        max-width: 100%;
        height: auto;
        margin-right: auto;
        margin-left: auto;
    }

    .dfmap_infWnd hr {
        margin: 3px;
        border-top: 1px solid #eee;
    }

    .dfmap_infWnd .caption {
        padding: 9px;
        color: #333;
    }


.dfmap_UIcntr {
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0,0,0,.3);
    margin-bottom: 22px;
    text-align: center;
}

/*Docflow Opinion controls*/
.opinion .edt {
    font-size: 16px; color: #1c1e21; 
    width: 100%;
    border: 1px solid blue;
    margin-bottom: 8px;
}

    .opinion .edt [role="textbox"] {
        text-align: left;
        margin: 5px;
        padding: 0px 0px 0px 4px;
        overflow-x: hidden;
        overflow-y: auto;
        cursor: text;
        overflow-wrap: break-word;
        min-height: 70px;
        white-space: normal;
    }

    .opinion .edt p {
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        margin: 0px;
    }



.opinion, OpLogin, OpMsg {
    vertical-align: top;
    width: 90%;
}

    .opinion h3 {
        margin: 25px 3px;
        font-size: large;
    }

.OpLogin {
    color: #2793E6;
    font-weight: bold;
}

    .OpLogin span {
        color: #888888;
        font-weight: normal;
        margin-left: 20px;
    }

.OpImage {
    width: 55px;
    vertical-align: top;
}

    .OpImage img {
        width: 48px;
    }

.OpBtns img {
    width: 32px;
}

.OpBtnAdd {
    cursor: pointer;
    color: #888888;
    text-decoration: underline;
    display: block;
    margin: 3px 0px 5px 0px;
}
.OpMsg {
    overflow-wrap: anywhere;
}

.OpMsg span {
    font-weight: bold;
    background-color: #edf7ff;
    margin-right: 5px;
    padding: 2px;
    border: 1px solid rgb(80, 124, 209);
}

.edt [role="button"] {
    background-image: url("../../images/DocFlow/Delete.gif");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: white;
    cursor: pointer;
    display: block;
    float: right;
    top: 25px;
    width: 25px;
    height: 30px;
}
/*Gant control for DFGantchar*/
.gantt {
    border: 1px solid black;
    border-spacing: 0px 0px;
    border-collapse: collapse;
}

    .gantt td {
        border: 1px solid black;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        border-spacing: 0px 0px;
        text-align: center;
    }

    .gantt [title] {
        cursor: pointer;
    }

    .gantt img {
        margin: 0px 0px 0px 0px;
        padding: 0px;
        border: 0px solid red;
        display: block;
        height: 100%;
    }
/*docfolw end */

.dfPanel {
    width: 100%;
    padding: 10px 5px;
    margin-right: auto;
    margin-left: auto;
    background-color: #edf7ff;
}

    .dfPanel::after, .dfPanel::before {
        display: table;
        content: " ";
        clear: both;
    }

.TskDsc {
    color: #AE0000;
    font-size: 12px;
    font-weight: bold;
    display: block;
}

.df_Title {
    FONT-SIZE: 10pt;
    Color: #000099;
    MARGIN: 0px;
    font-weight: bold;
}

.df_tblSearch {
    width: 100%;
    height: 35px;
    border-width: 1px;
    border-style: solid;
    border-collapse: collapse;
}
/* DocFlow All serach control */
.df_AllSearch {
    background-color: #5bc3e4;
    margin-top: 15px;
    margin-bottom: 15px;
    border-style: none;
    width: 100%;
}

    .df_AllSearch td {
        padding: 10px;
    }

        .df_AllSearch td input[type='text'] {
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 17px;
            color: #999;
            border: none !important;
            outline: none !important;
            border-radius: 5px;
            height: 40px;
            padding-left: 10px;
        }

        .df_AllSearch td input[type='image'] {
            border-width: 0;
            padding: 11px 20px;
            border-radius: 6px;
            background-color: #0063b0;
        }
/* DocFlow All serach control END */

/*docfLo onefileuppload */
.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }



/* for inflant csroling s*/
.pjInfiniteScroll_IndicatorWrapper {
    text-align: center;
    height: 30px;
}

.pjInfiniteScroll_LoadMoreWrapper {
    text-align: center;
    padding: 0;
}

.pjInfiniteScroll_LoadMore {
    -moz-box-shadow: inset 0px 1px 0px 0px #cf866c;
    -webkit-box-shadow: inset 0px 1px 0px 0px #cf866c;
    box-shadow: inset 0px 1px 0px 0px #cf866c;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
    background: -moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
    background-color: #d0451b;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #942911;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 13px;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #854629;
}

    .pjInfiniteScroll_LoadMore:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
        background: -moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
        background: -webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
        background: -o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
        background: -ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
        background: linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
        background-color: #bc3315;
    }

    .pjInfiniteScroll_LoadMore:active {
        position: relative;
        top: 1px;
    }

.df_social {
    margin: 4px;
}

    .df_social > .fa {
        margin-right: 3px;
        font-size: 14px;
        width: 36px;
        text-align: center;
        text-decoration: none;
        border-radius: 50%;
        background: #0073b1;
        color: white;
        opacity: 1;
        padding: 10px;
    }

        .df_social > .fa:hover {
            opacity: 0.7;
        }

    .df_social > .fa-facebook {
        background-color: #3B5998;
        color: white;
    }

    .df_social > .fa-twitter {
        background-color: #55ACEE;
        color: white;
    }

    .df_social > .fa-linkedin {
        background-color: #007bb5;
        color: white;
    }

    .df_social > .fa-link {
        background-color: #ff6600;
        color: white;
    }

/*  pagination  */
.dfPager-info {
    display: none;
}

/* Bootstrap fix */

.pagination li {
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
}

.oTbl{


}
.oTbl td {
    padding:5px 5px 5px 5px;
}
/*  tab control fix  */
.TabbedPanelsContentVisible {
    overflow: auto;
}