/* Common */
.control {
    /*height: 20px;*/ /*ashok 030414*/
    height: 30px;
    width: 97.5%;
    margin: 0;
    padding: 0;
}


.uppercase {
    text-transform: uppercase;
    color: #000;
    border: 1px solid #C4C8CE;
    background-color: #FFF;
}

.selected {
    border: 1px solid #61A6E4 !important;
}

.dropdownWidth {
    width: 98%;
}
/* Text Box */
.textbox {
    /*color: #000;     border: 1px Grove #bfbdbe;     border-left-width:2px;      border-top-width:2px;     border-left-color:#F0F0F0;     border-top-color:#F0F0F0;     color: #000;*/
    border: 1px solid #C4C8CE;
    background-color: #FFF;
    padding: 0px 0px 0px 0px;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    color: #2b2b2b;
    float: left;
    padding-left: 2px;
    vertical-align: middle;
    height: 25px;
    line-height: 25px;
}

.rotextbox {
    color: #000;
    border: none !important;
    background-color: transparent !important;
}

.disabledtextbox {
    color: #838383;
    border: 1px solid #C4C8CE;
    background-color: transparent;
}

.required {
    background-color: #FFFF7F !important;
}

/* Autocomplete */
.autocomplete {
    color: #000;
    border: 1px solid #C4C8CE;
    background-color: #FFF;
}

/* Drop Down List */
.select {
    /*height: 22px;*/ /*ashok 030414*/
    height: 30px;
    line-height: 12px;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    color: #2b2b2b;
}

/* Lookup */
.lookup {
    border: 1px solid #C4C8CE;
    cursor: pointer;
    height: 20px;
    margin: 0px;
    padding: 0px;
    background-color: #FFF;
}

    .lookup .text {
        font-size: 12px;
        padding: 0 2px 0 2px;
        color: #0000FF;
        text-decoration: underline;
        width: 100%;
    }

        .lookup .text input {
            width: 100%;
            border: none;
        }

    .lookup .img {
        margin: 0;
        padding: 0;
        border-left: 1px solid #EEE;
        background-color: #F6F8FA;
    }

/* Calendar */
.calendar {
    border: 1px solid #C4C8CE;
    margin: 0px;
    padding: 0px;
    background-color: #FFF;
}

    .calendar .date {
        width: 100%;
        border: none;
        padding: 0;
        margin: 0;
    }

        /* Changed the width of calendar .date input for HYDEV-104468 by Amar Zalte on 11/01/2024 */
    .calendar .date input {
            width: 99.5%;
            border: none;
    }

    .calendar .img {
        margin: 0;
        padding: 0;
        border-left: 1px solid #EEE;
        background-color: #F6F8FA;
        cursor: pointer;
    }

/* Button */
.button {
    font-family: arial, helvetica, sans-serif;
    font-size: 0.75em;
    background: #999;
    color: #2b2b2b;
    /*background-image: url(../Images/New/search.png);*/
    height: 27px;
    width: 96px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    text-align: center;
    vertical-align: top;
}

.linkButton {
    color: #0066CC;
    cursor: pointer;
}

.searchbutton {
    font-family: arial, helvetica, sans-serif;
    font-size: 0.75em;
    color: #2b2b2b;
    background-color: White;
    background-image: url(../Images/New/search.png);
    height: 32px;
    width: 96px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    text-align: center;
    vertical-align: top;
}

    .searchbutton:hover {
        background-color: #619A0C;
    }

.clearbutton {
    font-family: arial, helvetica, sans-serif;
    font-size: 0.75em;
    color: #2b2b2b;
    background-color: White;
    background-image: url(../Images/New/clear.png);
    height: 32px;
    width: 96px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    text-align: center;
    vertical-align: top;
    margin-left: 10px !Important;
}

    .clearbutton:hover {
        background-color: #909090
    }

.redlabel {
    font-size: 12px;
    color: #FF0000;
}

/* Label */
.label {
    /*font-family:arial, helvetica, sans-serif;     font-size:0.75em;*/
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    color: #2b2b2b;
}
/* Label Bold */
.labelBold {
    font-size: 12px;
    color: #3B3B3B;
}

.req {
    font-weight: bold;
    text-decoration: underline;
}

.select-Property {
}

.tr-Property {
}

/* Added styles for grid hyperlinks(command buttons add,delete...*/
.ui-widget-content .gridcommandbutton {
    color: #1261e1;
    cursor: hand;
    margin-left: 5px;
    font-size: 12px;
}

    .ui-widget-content .gridcommandbutton:hover {
        color: #0000FF;
        cursor: hand;
        text-decoration: underline;
    }
/* Scroll bar style*/
div, body {
    scrollbar-face-color: white;
    scrollbar-base-color: #d6e8ff;
    scrollbar-highlight-color: #d6e8ff;
    scrollbar-3dlight-color: #6699cc;
    scrollbar-darkshadow-color: #6699cc;
    scrollbar-shadow-color: #d6e8ff;
    scrollbar-arrow-color: #567db1;
}

/* Selected tab header font color setting*/
#header .ui-state-active a {
    color: #191970;
    text-decoration: none;
}
/* Scroll bar style*/
#toolbar {
    height: 28px;
    font-size: 10px;
    vertical-align: middle;
    background-color: rgb(67, 63, 64); /*background-color:#EFF2F6;     background:#FFF  url(../Images/Toolbar.gif) repeat-x top right;*/ /* border-bottom: 1px solid #A5ACB5;*/
    line-height: 30px;
    color: White;
    padding-bottom: 3px;
    float: right;
}

.userRefresh {
    background-image: url(../Images/Sprites/grid_ctrl_imgs.png) !important;
    background-position: -55px -18px;
    background-color: transparent;
    cursor: hand;
    height: 14px;
    width: 14px;
    vertical-align: middle;
}

.pp-center {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
}

.small {
    font-size: 10px;
}

.login-footer {
    color: #000;
}

/* Label */
.Navlabel {
    /*font-family:arial, helvetica, sans-serif;     font-size:0.75em;*/
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    color: #32689B;
    font-weight: bold;
    margin-top: 10px !important;
}

.highlight {
    /*background-color: #A2A9BC !important;*/
    background-color: #D2CDCA !important;
}


.Specialhighlight {
    /*background-color: #A2A9BC !important;*/
    background-color: #8CC640 !important;
}






/*-----------------------------------------JQuery Plugin Code changes --------------------------------------------------------------------------------------------------------*/



/*Grid*/
.ui-jqgrid {
    position: relative;
    font-size: 12px;
    margin: 1px; /*font-weight: bold;*/ /*font-family: arial, helvetica, sans-serif;*/
}


    /* caption*/
    .ui-jqgrid .ui-jqgrid-titlebar {
        padding: .0em .0em .0em .0em;
        position: relative;
        border-left: 0px none;
        border-right: 0px none;
        border-top: 0px none;
    }

    /*Srinu Title Changes */
    .ui-jqgrid .ui-jqgrid-title {
        float: left;
        padding-left: 10px;
        margin: .1em 0 .2em;
        padding-top: 0px;
        font-family: Calibri;
        color: #fff;
        font-size: 1.2em;
        vertical-align: middle;
    }


    .ui-jqgrid .ui-jqgrid-titlebar .ToolbarSpan {
        float: right;
        margin: 0 5px 0 0;
        vertical-align: middle;
        padding-top: 7px;
    }


    .ui-jqgrid .ui-jqgrid-titlebar .FilterSpan {
        float: left;
        margin: 0 20px 0 0;
        padding-top: 5px;
        font-family: arial, helvetica, sans-serif;
        color: #fff;
        font-size: 0.85em;
        font-weight: normal;
        vertical-align: middle;
    }

    .ui-jqgrid .ui-jqgrid-titlebar .ToolbarLastSpan {
        float: right;
        margin: 0 20px 0 0;
        padding-top: 7px;
    }



    /*Srinu Grid Filter*/
    /*
.ui-jqgrid .ui-jqgrid-titlebar .FilterSpan
{
    float: right;
    margin: 7px 20px 0 0;
    font-family: Calibri;
    color: #fff;
    font-size: 1.1em;
    vertical-align: middle;
}*/


    /* header*/

    .ui-jqgrid .ui-jqgrid-hdiv {
        position: relative;
        margin: 0em;
        padding: 0em;
        overflow-x: hidden;
        overflow-y: auto;
        font-weight: normal;
        font-family: arial, helvetica, sans-serif;
        border-left: 0px none !important;
        border-top: 0px none !important;
        border-right: 0px none !important;
    }

    .ui-jqgrid .ui-jqgrid-htable {
        table-layout: fixed;
        margin: 0em;
    }

        .ui-jqgrid .ui-jqgrid-htable th {
            height: 30px;
            padding: 0 2px 0 2px;
            border-right-width: 1px;
            border-right-color: White;
            border-right-style: solid;
        }

            .ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
                overflow: hidden;
                white-space: nowrap;
                text-align: center;
                border-top: 0px none;
                border-bottom: 0px none;
                vertical-align: middle;
            }


    .ui-jqgrid .ui-priority-secondary, .ui-jqgrid .ui-widget-content .ui-priority-secondary, .ui-jqgrid .ui-widget-header .ui-priority-secondary {
        opacity: 1 !important;
        background-color: #D2CDCA;
    }


    .ui-jqgrid .ui-th-div-ie {
        white-space: normal !important;
        height: auto !important;
    }

    /*.ui-jqgrid .ui-th-div-ie {white-space: nowrap; zoom :1; height:17px;}*/



    /* body */

    .ui-jqgrid tr.jqgrow td {
        font-weight: normal;
        overflow: hidden;
        white-space: pre;
        /*height: 22px;*/
        padding: 2px 5px 0 5px;
        border-bottom-width: 0px;
        border-bottom-color: inherit;
        font-family: Arial, helvetica, sans-serif;
        font-size: 12px;
        border-bottom-style: solid;
        vertical-align: middle;
    }


    .ui-jqgrid tr:nth-child(first) {
        background-color: Red;
    }

    .ui-jqgrid .ui-jqgrid-btable tr:nth-child(even) {
        background-color: #FAFAFA;
    }

    .ui-jqgrid .ui-jqgrid-btable tr:nth-child(odd) {
        background-color: #D2CDCA;
    }


    .ui-jqgrid .ui-jqgrid .ui-jqgrid tr.jqgrow {
        background-color: red;
    }

    .ui-jqgrid .ui-jqgrid .ui-pg-table tr {
        background-color: #D2CDCA;
    }

    .ui-jqgrid tr.jqgroup td {
        font-weight: normal;
        overflow: hidden;
        white-space: pre;
        height: 22px;
        padding: 0 2px 0 2px;
        border-bottom-width: 0px;
        border-bottom-color: inherit;
        border-bottom-style: solid;
    }


    .ui-jqgrid tr.jqfoot td {
        font-weight: bold;
        overflow: hidden;
        white-space: pre;
        height: 22px;
        padding: 0 2px 0 2px;
        border-bottom-width: 0px;
        border-bottom-color: inherit;
        border-bottom-style: solid;
    }

    .ui-jqgrid tr.ui-row-ltr td {
        text-align: left;
        border-right-width: 1px;
        border-right-color: White;
        border-right-style: solid;
    }

    .ui-jqgrid tr.ui-row-rtl td {
        text-align: right;
        border-left-width: 1px;
        border-left-color: White;
        border-left-style: solid;
    }


    /* footer */

    .ui-jqgrid .ui-jqgrid-sdiv {
        position: relative;
        margin: 0em;
        padding: 0em;
        overflow: hidden;
        border-left: 0px none !important;
        border-top: 0px none !important;
        border-right: 0px none !important;
        color: #2e6e9e;
    }

    .ui-jqgrid .ui-jqgrid-ftable {
        table-layout: fixed;
        margin-bottom: 0em;
        color: #2e6e9e;
    }

    .ui-jqgrid tr.footrow td {
        font-weight: bold;
        overflow: hidden;
        white-space: nowrap;
        height: 50px;
        padding: 0 2px 0 2px;
        border-top-width: 1px;
        border-top-color: inherit;
        border-top-style: solid;
    }

    .ui-jqgrid tr.footrow-ltr td {
        text-align: left;
        border-right-width: 1px;
        border-right-color: inherit;
        border-right-style: solid;
        color: #2e6e9e;
    }

    .ui-jqgrid tr.footrow-rtl td {
        text-align: right;
        border-left-width: 1px;
        border-left-color: inherit;
        border-left-style: solid;
        color: #2e6e9e;
    }
    /* Pager*/


    .ui-jqgrid .ui-jqgrid-pager {
        border-left: 0px none !important;
        border-right: 0px none !important;
        border-bottom: 0px none !important;
        margin: 0px !important;
        padding: 0px !important;
        position: relative;
        height: 25px;
        white-space: nowrap;
        overflow: hidden;
        color: Gray;
        clear: both;
    }

    .ui-jqgrid .ui-pg-table {
        position: relative;
        padding-bottom: 2px;
        width: auto;
        margin: 0em;
        background-color: #D2D2D2;
    }

    .ui-jqgrid .ui-pg-input {
        height: 13px;
        font-size: .8em;
        margin: 0em;
        color: Gray;
    }

    .ui-jqgrid .ui-pg-selbox {
        font-size: .8em;
        line-height: 18px;
        display: block;
        height: 18px;
        margin: 0em;
        color: Gray;
    }

    .ui-jqgrid .ui-paging-info {
        font-weight: normal;
        height: 19px;
        margin-top: 3px;
        margin-right: 4px;
        color: Gray;
    }



/*subgrid*/


/* loading */

/* end loading div */

/* toolbar */

/*Modal Window */

/* end Modal window*/
/* Form edit */

/* End Eorm edit */
/*.ui-jqgrid .edit-cell {}*/

/* Tree Grid */

/* moda dialog */

/* RTL Support */

.ui-searchFilter .divider div {
    background-color: black;
    height: 1px;
}

/* Custom Layout */


/* End Custom Layout */



/*---------------------------------------------------jquery.treview.css changes--------------------------------------------------------------------------------------------------------------*/

.treeview li.treeviewclass {
    margin: 0;
    padding: 3px 0pt 3px 16px;
}


/*----------------------------------------------------jquery-ui.css--------------------------------------------------------------------------------------------------------------------------------------*/


/* Layout helpers
----------------------------------*/

/* required comment for clearfix to work in Opera \*/
/* end clearfix */


/* Interaction Cues
----------------------------------*/


/* Icons
----------------------------------*/

/* states and images */



/* Misc visuals
----------------------------------*/

/* Overlays */



/* Component containers
----------------------------------*/

.ui-widget {
    /* font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; -*/
}

    .ui-widget .ui-widget {
        /* font-size: 1em;  */
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        /*font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; */
    }

.ui-widget-content {
    /* border: 1px solid #a6c9e2; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222;*/
}

    .ui-widget-content a {
        /*  color: #222222;*/
    }


.ui-widget-header a {
    /*  color: #ffffff;*/
}




.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: normal;
}

.ui-dialog .ui-dialog-buttonpane button {
    background: #999 !important;
}


/* Icons
----------------------------------*/

/* states and images */


/* MPSR*/
.ui-state-default .ui-icon {
    /*background-image: url(images/ui-icons_6da8d5_256x240.png); */
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    /*background-image: url(images/ui-icons_217bc0_256x240.png);*/
}

.ui-corner-all {
    /* -moz-border-radius: 5px;     -webkit-border-radius: 5px;     border-radius: 5px; */
}

.ui-corner-all {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}


.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .2em 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 1px;
    background: transparent url("../Images/New/pop-tab-blue.png") repeat-x top left;
}




/*---------------------------------------------------------jquery.ui.tabs.css--------------------------------------------*/


.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0 .2em 1px 0;
    border-bottom: 0 !important;
    padding: 0;
    white-space: nowrap;
    background: transparent url("../../Images/New/pop-tab-blue.png") repeat-x top left;
}

    .ui-tabs .ui-tabs-nav li a {
        float: left;
        padding: 10px .5em 1em;
        text-decoration: none;
        color: #fff;
        font-size: 0.75em;
    }

    .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
        margin-bottom: 0;
        padding-bottom: 1px;
        background: transparent url("../../Images/New/pop-tab-ash.png") repeat-x top left;
    }

        .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
            cursor: text;
            color: #2b2b2b;
            font-size: 0.75em;
        }

.tdtoolbar .cursorpointer {
    white-space: nowrap;
}

.tdtoolbar .cursordefault {
    white-space: nowrap;
}
/*HabeebSH: Added this for incident #4618 on 5/4/2016.*/


.ui-dialog-buttonpane .ui-dialog-buttonset button {
    margin-right: 4px !important;
}

#upMultiUpload {
    text-align: center !important;
}

/*add to fix the file name over lapping browserbutton in IE8*/
/*<!--[if IE 8]>*/
#tblSourceFileName #cpContent_lblFileName {
    max-width: 250px; /*HabeebSH: removed /9 from all in this block on 10/19/2015 for issue #4520*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}


/*AmaranathK: Added below on 07/03/2015 for displaying ... at the end of file name if file name length is more.*/
#tblPGPFileName #cpContent_lblPGPFileName {
    max-width: 250px; /*HabeebSH: removed /9 from all in this block on 11/12/2015 for issue #4520 - previous code: max-width: 250px/9;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

/*<![endif]-->*/




@media screen and (-webkit-min-device-pixel-ratio:0) {

    #Footer div {
        /*padding-top: 4px;*/
        /*rudra added PH0020025092 */
        padding-top: 0px;
    }
}

.account70 .pp-center {
    padding-top: 12px
}
/*---------------------------------------------------------jquery.ui.theme.css--------------------------------------------*/






















.ui-import-genaral-bdiv {
    height: 100% !important;
}






@media screen and (max-width:1024px) {


    .divcontent {
        width: 73%;
    }

    .ui-jqgrid-bdisv {
        height: 187px !important;
    }

    .source-setting .ui-jqgrid-bdiv {
        height: 302px !important;
    }


    .ui-import-genaral-bdiv {
        height: 100% !important;
    }


    #tblSourceFileName #cpContent_lblFileName {
        display: block;
        max-width: 180px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #tblPGPFileName #cpContent_lblPGPFileName { /*AmaranathK: Added on 07/03/2015 for placing ... at the end of the file name if the length is more.*/
        display: block;
        max-width: 180px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #tblPGPEncryption #cpContent_lblPGPFileName { /*AmaranathK: Added on 07/03/2015 for placing ... at the end of the file name if the length is more.*/
        display: block;
        max-width: 180px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media screen and (max-width:1280px) {


    .divcontent {
        width: 77%;
    }


    #tblSourceFileName #cpContent_lblFileName {
        max-width: 250px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }


    #tblPGPFileName #cpContent_lblPGPFileName { /*AmaranathK: Added on 07/03/2015 for placing ... at the end of the file name if the length is more.*/
        max-width: 250px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #tblPGPEncryption #cpContent_lblPGPFileName { /*AmaranathK: Added on 07/03/2015 for placing ... at the end of the file name if the length is more.*/
        max-width: 250px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }




    .ui-jqgrid-bdiv {
        /*height:70% !important ;*/
    }
}





.wrappernonflexi .divcontent {
    width: 804px !important;
}

.nowhite-space {
    white-space: nowrap !important;
}

#FilterColumns {
    width: 100%
}

.tblSourceFileName .cpContent_lblFileName {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tblPGPEncryption .cpContent_lblPGPFileName { /*AmaranathK: Added on 07/03/2015 for placing ... at the end of the file name if the length is more.*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}




/*Grids */


#cpContent_gvTargetDataMapping th, #aOrder {
    white-space: nowrap;
}

.hideGridColumn {
    display: none;
}
/*rudra added PH0020025092 */
@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}