/* Orange Style */

:root {
    --navbar-size: 18px;
    --header-size: 15px;
    --content-size: 13px;
}

@font-face {
    font-family: "OpenSans-Regular";
    src:url("OpenSans-Regular.woff2");
}

@font-face {
    font-family: "OpenSans-SemiBold";
    src:url("OpenSans-SemiBold.woff2");
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url("glyphicons-halflings-regular.woff");
}

body {
    font-family: "OpenSans-Regular" !important;
    color: #454545;
    font-size: 14px !important;
}

/* Bootstrap 5.3.3 migration  css changes   start */
/* row class section */
.row:before, .row:after {
    display: table;
    content: " ";
}
.row:after{
    clear: both;
}


.row{
    margin-left:-15px !important;
    margin-right: -15px !important;
    margin-top: 0px !important;
}


.row>*{
    padding-left: unset !important;
    padding-right: unset !important;
    margin-top: 0 !important;
}

/* anchor tag */
a{
    text-decoration: none !important;
    outline: 0;
}

/* Form control class section*/
.form-control{
    font-size: 14px !important;
    height: 35px !important;
    width: 70% !important;
    padding: 6px 12px !important;
    color: #555 !important;
    vertical-align: middle;
    background-color: #fff !important;
    background-image: none;
    border: 1px solid #ccc !important;

}

.form-control:focus{
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
   border-color: #66afe9 !important;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee !important;
}

select.form-control{
appearance: auto !important;
-webkit-appearance: auto !important;
-moz-appearance: auto !important;
}


/* input group class section */
.input-group{
    position: relative !important;
    flex-wrap: unset !important;
    display: table !important;
    border-collapse: separate !important;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.input-group-addon, .input-group-btn {
    /* width: 1%; */
    white-space: nowrap;
    vertical-align: middle;
}
.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}



/*  search text field css section */
#txtSearchAll{
 width: 100% !important;
}

/* upload date field css section */
#dpUploadedDate{
    width: 100% !important;
}

/* button class section */
.btn{
    font-size: 14px !important;
    white-space: nowrap !important;
    font-weight: normal !important;
}
.btn{
    display: inline-block !important;
    padding: 6px 12px !important;
    margin-bottom: 0 !important;
    font-size: 14px !important;
    font-weight: normal !important;
    /* line-height: 1.428571429; */
    text-align: center ;
    white-space: nowrap !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    background-image: none !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    -o-user-select: none !important;
    user-select: none !important;
    --bs-btn-active-bg:#E28A4D  !important;
    --bs-btn-hover-bg:#E28A4D !important
    
}
input[name='check_value']:focus{
    border-width:2px !important;
    border-color: buttonborder !important ;
}

.btn:hover{
    background: #E28A4D !important;
}
#client_name.form-control:focus-visible:focus{
   border:2px solid !important;
   border-color: buttonborder !important;
}
textarea:focus-visible {
    outline-offset: 0px;
}

.label-info{
    background-color: #5bc0de;
    padding: .2em .6em .3em;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    font-weight: bold;
    line-height: 1;

}

.container-max{
max-width: 100% !important;
}

#generateOTP{
    position: relative;
    left:calc(100% - 385px)
}

select[multiple], 
select[size] .inputDefaultStyle {
    height: 340px !important;
}

/* admin page hierarchy div field css section */
#divDesignationHierarchy{
    ul{
       padding-left: 0px;
    }
}

/* document page table field css section */
table.table-bordered > tbody > tr >td{
border-top: 1px solid #ddd !important;
--bs-table-border-color:#ddd !important;
}

/*  */
select[multiple], select[size] {
    height: auto ;
}

/* modal fade and fade in class css section */
.fade{
    opacity: 0 !important;
}
.fade.in{
    /* --bs-backdrop-zindex:1055 !important; */
    opacity: 1 !important;
    /* background: transparent; */
    background: rgba(0,0,0,0.3)
}

.field-align{
    justify-content: space-between;
    text-align: center;
    position: relative;
    left: -20px;
    
 .sub-field-align{
    position: relative;
    left: -21px;
    width: 34%;
    }
}



.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
    padding-left: 15px !important;
    padding-right: 15px !important;
    /* max-width: 100% !important; */
}


@media (min-width: 576px) {
    .modal-dialog {
        --bs-modal-width : 600px !important
    }
    .modal{
        padding-top: 60px !important;
    }

    textarea.form-control{
       height: 80px !important;
    }

    .modal-header .close {
        margin-top: -2px;
    }
    .close:hover, .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .5;
        filter: alpha(opacity = 50);
    }
    button.close {
        padding: 0;
        cursor: pointer;
        background: transparent;
        border: 0;
        -webkit-appearance: none;
    }
    .close {
        float: right;
        font-size: 21px;
        font-weight: bold;
        line-height: 1;
        position: absolute;
        right: 22px;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: .2;
        filter: alpha(opacity = 20);
    }
    label{
        margin-bottom: 5px;
    }
    #dpExpiryDate.form-control{
        width: 100% !important;
    }

.input-group.date .input-group-addon {
    cursor: pointer;
    width: 16px;
    height: 16px;
}
    /* .modal-body{
        padding: 20px !important;
    } */
}

/* upload file modal progress icon */
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-time:before {
    content: "\e023";
}


/* Dropdown  button section csss*/

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }
}

.open>.dropdown-menu {
    display: block;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333;
    white-space: nowrap;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

/* col class css section */
.col-xs-1, .col-sm-1, .col-md-1, 
.col-lg-1, .col-xs-2, .col-sm-2, 
.col-md-2, .col-lg-2, .col-xs-3, 
.col-sm-3, .col-md-3, .col-lg-3, 
.col-xs-4, .col-sm-4, .col-md-4, 
.col-lg-4, .col-xs-5, .col-sm-5, 
.col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    flex:unset !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
@media  (min-width : 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{
        float: left;
        
    }
}
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
    }
    .text-right{
        text-align: right;
    }
    .text-left{
        text-align: left;
    }
    ul{
        padding-left: 0px !important;
    }
    .row>input[type='hidden']{
      width:0 !important;
    }
    .row>span{
        width: 0 !important;
    }
}
@media (min-width: 768px) {
    .navbar-left {
        float: left !important;
    }
}

@media (min-width: 768px) {
    .col-sm-12 {
        width: 100%;
    }
}
#user:focus{
    border-color: #66afe9 !important;
}




/* ********************** Bootstrap 5.3.3 migration  css changes   end *********************** */

.datagrid-cell-c2-action {
    width: 156px !important;
}
.datagrid-cell-c3-action
{
    width: 156px !important;
}
/************************************************** 1st Strip *********************************/
div#divCompanyProductStrip {
    background-position: 0px -640px;
    background-repeat: repeat-x;
    text-align: center;
    /* padding: 15px 45px;*/
    /*height: 57px;*/
    height: 72px;
    box-shadow: 0px 0px 3px 3px lightgrey;
}
#txtAttachments{
display:none;
}

span#spanCompanyName {
    float: left;
    font-size: 17px;
    font-weight: bold;
    line-height: 19px;
    color: #263869;
    height: 20px;
/*    font-family: "Times New Roman", Times, serif; */
}

span#spanProductName {
    font-size: var(--navbar-size);
    color: rgb(0, 0, 0, 0.7);
    height: 20px;
    /* font-family: Arial Black, Verdana, Helvetica, sans-serif; */
    font-weight: bold;
    padding-top: 25px;
    display: block;
}

div#divCompanyProductStrip .dropdown .dropbtn {
    margin-right: 44px;
}

/************************************************** 2nd Strip *********************************/
/*main menu - app map, quick create, main module */
div#divMainMenuStrip {
    height: 40px;
}

/* background-position: 0px -280px; margin-bottom:7px; background-repeat:repeat-x;  padding: 0px 4px 0px 10px;*/
div.divDefaultScrollMenu {
    top: 5px;
    border-top: 0px;
    border-left: 1px solid #C4C4C4;
    border-right: 2px solid #C4C4C4;
    border-bottom: 2px solid #C4C4C4;
    position: absolute;
    background-color: #fff;
    z-index: 100;
    text-align: left;
    overflow-y: scroll;
    height: 300px;
}

div.divDefaultMenu {
    top:14.5px;
    box-shadow: 1px 2px 2px 0px #c4c4c4;
    color: #454545;
    position: absolute;
    background-color: #fff;
    z-index: 100;
    text-align: left;
    width:max-content;
}

span#spanWelcomeText {
    float: left;
    font-size: 11px;
    color: #555;
    height: 18px;
    line-height: 22px;
}

div#divMainMenuStrip span#spanMainMenu {
    float: right;
}

ul#ulMainMenu {
    line-height: 40px;
    float: right;
    margin-right: 30px;
}

/* height:15px;  position:relative; padding-right:5px; min-width:475px; */
ul#ulMainMenu li {
    float: left;
    list-style-type: none;
    margin-top: -1px;
    right: 0px;
}

/* chrome & IE-6 hack */
/*\*/
html* ul#ulMainMenu {
    width: 462px;
    display: inline-block;
    padding-right: 10px;
}

/*end*/
/* IE-6 to revert the width to original else the above line will take effect */
*html ul#ulMainMenu {
    width: auto;
    padding-right: 3px;
    text-align: right;
}

/* opera hack */
html:first-child ul#ulMainMenu li {
    display: inline-block;
}

/*float:none;*/
/* menu move to top */
.mainMenu ul#ulMainMenu {
    line-height: 0px;
    float: none;
    margin-right: 0px;
    text-align: left;
}
.mainMenu li.liMainMenuStripLink{
    color: #454545;
    font-size: 14px;
    padding: 15px 8px 15px 7px;
    width:100%;
}
.mainMenu li.liMainMenuStripLinkHover {
    font-size: 14px;
    color: #fff !important;
    background: #E28A4D;
    /* color: #ffffff; */
    padding: 15px 8px 15px 7px;
    width:100%;
}
li.liMainMenuStripLink {
    color: #FDFCFA;
    font-size: 14px;
    padding: 0px 8px 0px 7px;
    cursor: pointer;
}

/* height:15;*/
li.liMainMenuStripLinkHover {
    font-size: 14px;
    color: #ffffff;
    padding: 0px 8px 0px 7px;
}

li.liMainMenuStripLinkHover a {
    font-size: 14px;
    color: #ffffff;
}

/*color:#333;  background:url(../images/theme_images.gif); background-position: 0px -910px; background-repeat:repeat-x; padding: 0px 6px 1px 5px; cursor:pointer; height:22px;*/
li.liMainMenuStripLink a {
    color: #FDFCFA;
    font-size: 14px;
}

li#liMainMenuQuickCreate,
li#liMainMenuStripSettings,
li#liMainMenuStripAppMap,
li#liMainMenuStripModule {
    cursor: default;
}

/* IE-6 hack */
*html div#divQuickCreateMenu {
    top: 18px;
    left: 0px;
    width: 243px;
}

*html div#divMainMenuSettings {
    top: 18px;
    right: -60px;
    left: 0px;
    width: 200px;
}

*html div#divModuleMenu {
    top: 18px;
    left: -100px;
    right: -12px;
}

*html div#divAppMapMenu {
    top: 18px;
    left: -300px;
    right: -45px;
}

*html li#liMainMenuQuickCreate,
*html li#liMainMenuStripSettings,
*html li#liMainMenuStripAppMap,
*html li#liMainMenuStripModule {
    position: relative;
    top: 5px;
}


/************************************************** 3rd Strip *********************************/
div#divResourceListMenuStrip {
    /* background-color: #EBEBEB; */
    background-color: #E4A834;
    height: 40px;
}

/*background-position: 0px -670px; height: 30px; background-repeat:repeat-x;*/
#ulResourceMenu {
    width: 94%;
    margin: auto;
}

ul#ulResourceMenu li {
    font-size: var(--content-size);
    text-decoration: none;
    padding: 5px 6px 0px 6px;
    cursor: default;
}

ul#ulResourceMenu li.liTab {
    display: inline-block;
    color: #000;
}

/*background:url(../images/theme_images.gif);background-position: 0px -320px; background-repeat:repeat-x; */
ul#ulResourceMenu li.liTabHover {
    display: inline-block;
}

/*background:url(../images/theme_images.gif); background-position: 0px -910px; background-repeat:repeat-x; */
ul#ulResourceMenu li.liSelectedTab {
    display: inline-block;
    color: #fff;
    /* font-weight: 900; */
    font-family: "OpenSans-SemiBold";
}

/*background:url(../images/theme_images.gif); background-position: 0px -770px; background-repeat:repeat-x; color:#FFFFFF;*/
/* To float the resource menu strip so that items appear horizontal */
div#divResourceListMenuStrip ul#ulResourceMenu li {
    float: left;
    list-style: none;
    line-height: 33px
}

/*height:20px;*/

/* IE-6 hack */
*html ul#ulResourceMenu li.liTab {
    padding: 5px 6px 10px 6px;
}

*html ul#ulResourceMenu li.liTabHover {
    padding: 5px 6px 10px 6px;
}

*html ul#ulResourceMenu li.liSelectedTab {
    padding: 5px 6px 10px 6px;
}

/* Dropdown Menu Items - both in 2nd strip and in 3rd strip*/
ul.ulDropDownList {
    border-bottom: 1px solid #ccc;
    padding: 0px 0px;
}

h2.h2DropDownMenuTitle {
    font-size: 14px;
    font-weight: bold;
    padding: 0px 2px 0px 3px;
    color: #454545;
    line-height: 19px;
    margin-left: 7px;
}

/*background-color:#39599C;*/
h3.h3DropDownMenuTitle {
    font-size: 11px;
    padding: 0px 2px 0px 3px;
    color: #666;
    line-height: 15px;
}

li.liDropDownMenuItem a {
    font-size: 13px;
    line-height: 30px;
    list-style-type: none;
    padding: 0px 10px 0px 10px;
    display: block;
    text-decoration: none;
    color: #454545;
}

/* height:18px; */
/* IE-6 hack */
*html li.liDropDownMenuItem a {
    width: 100%;
}

li.liDropDownMenuItem a.oddItem:hover,
li.liDropDownMenuItem a.evenItem:hover {
    font-size: 13px;
    color: #fff;
    background-color: #E28A4D;
    /* font-weight: 900; */
    font-family: "OpenSans-SemiBold";
}

li.liDropDownMenuItem a.oddItem {}

/*background-color:#f5f5f5;*/
li.liDropDownMenuItem a.evenItem {}

/*li.liDropDownMenuItem a.evenItem*/
li.liDropDownMenuItem {
    list-style: none;
    float: none;
    width: 100%;
}

span#spanDownArrowGif {
    background-position: 0px 0px;
    /* width: 12px; */
    height: 7px;
    display: inline-block;
    margin-left: 4px;
}

/*
span#spanDownWhiteArrowGif {background-position: 0px -380px; background-repeat:no-repeat;  width: 12px; height: 7px;display: inline-block;  margin-left:4px;}
*/
/* IE-6 hack */
*html span#spanDownArrowGif {
    background-position: 0px 5px;
    top: 5px;
    left: 4px;
}

*html span#spanDownWhiteArrowGif {
    background-position: 0px -375px;
    top: 5px;
    left: 4px;
}

li#liHorizontalSeparatorGif,
li#liHorizontalSeparatorMainMenuGif {
    margin-right: -13px;
}

/*background-position: 0px -350px; width: 1px; height: 13px; top:5px; position:relative; */
*html li#liHorizontalSeparatorGif {
    position: static;
}

/********************************************4th Strip -- Module Tile*********************************/

div#divModuleTitleStrip {
    height: 60px;
    line-height: 20px;
    padding: 0px 13px 0px 10px;

}

/*border-bottom: 1px solid #A6A7A9;*/
div.companyIconGif {
    background-position: 0px -450px;
    width: 15px;
    height: 15px;
    position: absolute;
   /* margin-top: 27px;
    margin-left: 30px;*/
}

span.spanTaskHeader {
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #39599C;
    margin: 3px 0 0 15px;
}

span#spanSearchPanel {}

/*float:right; margin:6px 15px 0px 0px; left:600px; */
span#spanSearchBox {
    float: right;
    margin: 0 0px 0px 8px;
    width: auto;
}

/* chrome & IE-6 hack */
/*\*/
html* span#spanSearchPanel {
    width: 260px;
}

/*end*/
/*\*/
html* span#spanSearchBox {
    width: 145px;
}

/*end*/

/* IE-6 hack */
*html div.companyIconGif {
    left: 14px;
}

*html span#spanSearchPanel {
    width: 250px;
}

*html span#spanSearchBox {
    width: 135px;
}

span#spanSearchPanel a {
    float: right;
    margin: 15px 0px;
    line-height: 0px;
    padding: 13px 5px;
    font-size: 14px;
    color: #6A6A6A;
    background-color: #ECECEC;
}

/* margin: 0 -4px 0px 2px;*/
span#spanAdvanceSearch {
    float: left;
    width: auto;
}

/*margin: 0 2px 0px 2px; */
input.inputSearchBox {
    border: 1px solid #ccc;
    font-size: 11px;
    color: #333;
    height: 14px;
    float: left;
    margin: 0px 0px 0px 0px;
}

a#aHelpGif {
    float: right;
    margin-top: 10px;
    margin-right: 44px;
    font-size: 14px;
    color: #fff
}

/*background:url(../images/theme_images.gif); background-position: 0px -260px; background-repeat: no-repeat;*/
a#aHelpGif span#spanHelpPage {
    padding: 1px 7px;
    /* background: #E4A834; */
    background: #000;
    font-weight: 900;
}

a#aBugGif {
    float: right;
    margin-top: 10px;
    font-size: 14px;
    color: #fff
}

/* background:url(../images/theme_images.gif); background-position: 0px -938px; background-repeat: no-repeat;  */
a#aBugGif span#spanReportProblems {
    padding: 1px 7px;
    /* background: #E4A834; */
    background: #000;
    margin-right: 7px;
    font-weight: 900;
}

a#aPrintEmailLink {
    position: absolute;
    float: left;
    /* left: 747px; */
    left:50%;
    bottom:14px;
    margin-top: 6px;
}

/************************************************* Indicate Label & Button *************************/

div#divIndicateAndButton {
    height: 20px;
    padding: 0px 6px 5px 10px;
}

table#tableButton {
    float: right;
    margin-top: -7px;
}

table#tableButton div {
    display: inline-block;
    padding: 5px;
}

div#divTableButonBottom {
    width: 100%;
    padding-bottom: 7px;
    padding-top: 2px;
}

span#spanRequiredFiled {
    font-size: 12px;
    color: #333;
    float: left;
    padding-left: 30px;
    padding-bottom: 8px;
}

#divMzappMainContent {
    padding-left: 10px;
    width: 94.5%;
    margin-left: 29px;
}

/**    Main Content div **/

/************************************************** List Starts Here *********************************/

div#divListHeader {
    /*height:25px; padding:2px 13px 2px 0px;*/
    margin: 5px 0px;
    float: right;
}

div#divListHeader .btn {
    /* background: #f17a25; */
    background: #E28A4D;
    color: #fff;
    padding: 5px 12px;
    /* font-weight: 900; */
    font-family: "OpenSans-SemiBold";
}

div#divListHeader .dropbtn {
    /* margin-right: 10px; */
    /* margin-top: 10px; */
}

div#divListHeader .button-action .btn {

    width: 100%;
    text-align: left;
    /* margin-top: 5px; */
}

div#divListHeader .button-action .btn:hover {
    /* background: #F17A25 !important; */
    background: #E28A4D !important;
    color: #fff !important;
    font-weight: 900 !important;
}

span#spanActionsLeft {
    width: 9px;
    height: 8px;
    font-size: 10px;
    color: #333;
    float: left;
    width: 75%;
    margin-top: 4px;
}

span#spanActionsRight {
    font-size: var(--content-size);
    color: #333;
    float: right;
    margin: 18px 5px 0px 0px;
}

/*float:right;  margin-top:5px;*/
div#divListFooter {
    height: 25px;
    padding: 2px 13px 2px 0px;
}

a#aThemeExportGif {
    background: url(../images/theme_images.gif);
    background-position: 0px -238px;
    background-repeat: no-repeat;
    padding-left: 15px;
    color: #666;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

a#aThemeExportGif:hover {
    color: #000;
}

#divSelectedRows,
#divSelectedRows1 {
    display: inline;
}

/************************************************* Table Css started here ***************************/

table.tableDefault {
    border: 1px solid #DEDEDE;
    font-size: 13px;
    color: #454545;
    width: 97%;
    /*margin-left: 36px;*/
    padding-bottom: 10px;
    margin-bottom: 22px;
    margin-left: 15px;
    margin-top: 3px;
}

/* table.tableDefault tr:not(.treegrid-tr-tree){
    height: 27px;
} */
/*border:1px solid #39599C; font-size:11px; color: #000; width:99%; */

table.tableDefault tbody {
    width: 100%;
}

/*  table.tableDefault tbody tr { height:5px;} previous value 20px  */
/* background:url(../images/theme_images.gif) repeat-x;  */
table.tableDefault thead tr td {
    border-bottom: 1px solid #fda209;
    background-position: 0px -850px;
    padding: 25px;
    height: 20px;
}

#contentHeader table tbody tr td {
    padding: 2px 0px 2px 0px;
}

table.tableDefault tbody tr td {
    padding: 10px 3px 2px 10px;
}

/* previous  values 2px 6px 2px 6px */
table.data-backup-table tbody tr td {
    padding: 2px 3px 2px 11px;
}

table thead tr td,
table.tableDefault thead tr td {
    border-bottom: 1px solid #39599C repeat-x;
    background-position: 0px -850px;
    padding-right: 25px;
    height: 20px;
}

/*background:url(../images/theme_images.gif)*/
table tbody tr.oddRow,
table.tableDefault tbody tr.oddRow {
    background-color: #fff;
}

table tbody tr.evenRow,
table.tableDefault tbody tr.evenRow {
    background-color: #f5f5f5;
}

td.selectBox {
    width: 15px;
    padding-left: 10px !important;
}

/* color: #1D2A5B;*/
table.tableText,
table#tableText,
tbody.tableText tr td,
tr td.tableText,
multiAddHeader td {
    font-size: var(--content-size);
    font-style: normal;
    font-weight: normal;
    /*padding: 2px 6px 2px 6px;*/
    padding: 2px 6px 2px 15px;
}

tr td.rowHeadHighlightStyle {
    text-align: center;
    font-size: 11px;
    font-weight: normal;
    text-transform: capitalize;
    color: #555;
    background-image: url(../images/theme_images.gif);
    background-position: 0px -826px;
    background-repeat: repeat-x;
    border-top: 1px solid #AFAFAF;
    border-bottom: 1px solid #AFAFAF;
}

/* previous values #FDA209 -850px font-weight:bold*/

/* style used to represent the heading the grid in list pages */
.scrollTableHighlightStyle {
    font-size: 11px;
    font-weight: bold;
    text-transform: capitalize;
    color: #555;
    background: #C5CEE6;
    padding-right: 2px;
    padding-left: 2px;
    border: 1px solid #39599C
}

.reportTableText {
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    border-right: 1px solid #39599C;
    border-bottom: 1px solid #39599C;
    padding-right: 4px;
    padding-left: 4px;
}

.tdReportColumnLeft {
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    border-right: 1px solid #39599C;
    border-left: 1px solid #39599C;
    border-bottom: 1px solid #39599C;
    padding-right: 4px;
    padding-left: 4px;
}

.reportTableHighlightStyle {
    font-size: 11px;
    font-weight: bold;
    text-transform: capitalize;
    color: #555;
    background-position: 0px -850px;
    /* background-image: url(../images/theme_images.gif);  */
    background-repeat: repeat-x;
    border: 1px solid #ececec;
    background: #ebebeb;
}

.tableDefaultHeadHighlightStyle {
    font-size: 14px;
    /* font-weight: 600; */
    font-family: "OpenSans-SemiBold";
    text-transform: capitalize;
    color: #454545;
    padding: 10px 10px !important;
    /* border: 1px solid #DEDEDE; */
    border-bottom: 1px solid #DEDEDE;
    background-color: #F7F7F7;
}

.tableDefaultHeadHighlightStyle a {
    font-size: 14px;
    /* font-weight: 600; */
    font-family: "OpenSans-SemiBold";
    text-transform: capitalize;
    color: #454545;
    padding: 10px 0px !important;
}

/*font-size: 11px;font-weight: bold;text-transform: capitalize;color: #555;background-image: url(../images/theme_images.gif); background-position: 0px -850px; background-repeat:repeat-x;border-bottom:1px solid #39599C;*/
.tableDefaultHeadHighlightStyle a:hover {
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    color: #454545;
    padding: 10px 0px !important;
}

table.tableDefaultList {
    border: 2px solid #eaeaea;
    font-size: 11px;
    color: #000;
    width: 99%;
    /*margin-left: 27px;*/
}

table.tableDefaultList thead tr {
    /* background-color: #f7f7f7; */
    background-color: #f5f5f5;
}

table.tableDefaultList tbody {
    width: 100%;
}

table.tableDefaultList tbody tr {
    height: 34px;
}

table.tableDefaultList thead tr td {
    border: 1px solid #ebebeb;
    padding: 12px 10px;
    /*font-weight:bold;*/
    color: #555;
    text-align: center;
    font-weight: 600;
    font-size: var(--header-size);
}

table.tableDefaultList tbody tr td {
    /* border: 1px solid #ebebeb; */
    border-right: 1px solid #ebebeb;
    font-size: var(--content-size);
}

table tbody tr.oddRow,
table.tableDefaultList tbody tr.oddRow {
    background-color: #f5f5f5;
    --bs-table-bg:#f5f5f5;
}

table tbody tr.evenRow,
table.tableDefaultList tbody tr.evenRow {
    background-color: #fff;
    --bs-table-bg:#fff;
}

table.tableDefaultPrint {
    background-color: #fff;
    border: 1px solid #000000;
}

.tablePrintText {
    font-size: var(--content-size);
    font-style: normal;
    font-weight: normal;
    color: #000000;
    padding: 0px 3px;
    font-weight: 600;
    color: #6A6A6A;
}

/* style used in the view pages to display the results */
.viewTableText {
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    color: #454545;
    background-color: #eeeeee;
    border-bottom: 1px solid #fafafa;
}

.overRideViewTableText {
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    background-color: #fafafa;
    border-bottom: 1px solid #eee;
}

/* style used represent the pagination text in list pages */
td.tdListViewPaginationStyle {
    font-size: 11px;
    color: #555;
    padding-right: 5px;
    padding-left: 5px;
    border-top: 1px solid #ffffff;
    size: 3px;
    height: 20px;
}

table.tableHeadingBorder {
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

/* style used to represent the heading the grid left border in list pages */
.rowHeadHighlightStyleLeftBorder {
    font-size: 11px;
    font-weight: bold;
    text-transform: capitalize;
    color: #555;
    background-image: url(../images/theme_images.gif);
    background-position: 0px -850px;
    background-repeat: repeat-x;
    border-top: 1px solid #FDA209;
    border-bottom: 1px solid #FDA209;
    border-left: 1px #FDA209 solid;
}

/* style used for the text inside the form table with left borderin add, edit and view pages */
.tableTextLeftBorder {
    font-size: 11px;
    border-left: 1px #FDA209 solid;
    color: #000000;
}

.simpleGridBorder {
    border-right: 1px solid #eeeaee !important;
    border-left: 1px solid #eeeaee !important;
    border-bottom: 1px solid #eeeaee !important;
}

.simpleGridBorder a,
.simpleGridBorder a:hover {
    font-size: 13px;
}

/************************* Input control styles  *****************************************/
input.textAmountField {
    font-size: 13px;
    padding-right: 3px;
    text-align: right;
    border: 1px solid #ccc;
    height: 34px;
    width: 70%;
}

input.textAutoCompleteField {
    font-size: 14px;
    border: 1px solid #A7A8AA;
    background: url(../images/autocompleteStar.svg);
    background-repeat: no-repeat;
    background-position-x: 96%;
    background-size: 6%;
    width: 70% !important;
    background-position-y: 45%;
}

input.auto-complete-width {
    width: 33% !important;
    border: 1px solid #ccc !important;
}

.inputDefaultStyle {
    font-size: 14px;
    border: 1px solid #A7A8AA;
    height:25px;
    /*width: 70% !important;*/
}

.inputDefaultStyleLonger {
    font-size: 11px;
    border: 1px solid #A7A8AA;
    width: 420px;
}


.inputDefaultTiny {
    font-size: 11px;
    border: 1px solid #A7A8AA;
    width: 120px !important;
}

.inputDefaultMedium {
    font-size: 11px;
    border: 1px solid #A7A8AA;
    width: 70% !important;
}

.inputDefaultSpecial {
    font-size: 11px;
    border: 1px solid #A7A8AA;
    width: 70% !important;
}

.panelDivider {
    border-top: 1px solid #dddddd;
}

.dropdownDefaultStyle {
    font-size: 11px;
    border: 1px solid #A7A8AA;
    width: 110px;
}

.dropdownLargeStyle {
    font-size: 11px;
    border: 1px solid #A7A8AA;
    width: 300px;
}

input.inputShowCountStyle {
    border-top: 0px;
    border-left: 0px;
    border-bottom: 0px;
    border-right: 0px;
    background: transparent;
    font-size: 10px;
    color: #555;
    width: 4%;
}

/* background: #E28A4D */
.inputButtonStyle {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    background-color: #eee;
    font-size: 11px;
    color: #222;
    /* background: #F17A25; */
    background: #E28A4D;
    --bs-btn-bg:#E28A4D !important;
    color: #fff;
    --bs-btn-color:#fff !important;
    padding: 3px 12px;
    border-radius: 2px !important;
}

.inputButtonLargeStyle {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    background-color: #eee;
    font-size: 14px;
    color: #222;
    height: 30px;
    width: 190px;
}

/************************  Anchor Links ***************************************************/
a.alistingColumnStyle {
    font-size: var(--content-size);
    text-decoration: none;
    padding: 0px 2px;
    /* color: #454545; */
    color: #141414;
    /* color:#6A6A6A;font-weight: 600*/
}

/*color:#3B5998;*/
a.alistingColumnStyle:hover {
    /*color:#6A6A6A !important;*/
    color: #454545;
    font-size: var(--content-size);
}

a.aDefaultStyleLink {
    color: #454545 !important;
    font-size: var(--header-size);
    font-weight: 600;
    text-decoration: none;
}

a.aDefaultStyleLink:hover {
    color: #454545 !important;
    font-size: var(--header-size);
    /*font-weight:bold;*/
    text-decoration: none;
}

a.aAddRemoveLink {
    color: #F17A25 !important;
    font-size: 11px;
    text-decoration: none;
}

/***********************     error message  *************************************************/
.msgError {
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    color: red;
    text-align: center;
}

.msgSuccess {
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    color: green;
    text-align: center;
    margin: 10px 0px;
}

.divPageProgressBar {
    text-align: center;
}

/************************************* Javascript Calendar css ************************************/
.mzappCalendar {
    position: relative;
    border: 1px solid #999;
    font-size: 11px;
    color: #000;
    cursor: default;
    background: #c8d0d4;
/*    font-family: tahoma, verdana, sans-serif; */
}

.calendarLabel {
    text-align: left;
    padding: 2px 4px 2px 4px;
}

table.tableCalendar {
    font-size: 11px;
    color: #000;
    cursor: default;
    background-color: #eee;
}

td.tableTdCalTollTip {
    background: #e8f0f4;
    padding: 1px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    background: #dfdfdf;
    color: #000;
    text-align: center;
}

td.tableTdCalDay {
    width: 2em;
    background-color: #fff;
    text-align: right;
    padding: 2px 4px 2px 2px;
}

/* "<<", "<", ">", ">>" buttons have this class */
td.tableTdCalButtonDate {
    text-align: center;
    padding: 1px;
    border-top: 1px solid #fff;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #fff;
    background-color: #f8f7f7;
}

div.divCalCombo {
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    cursor: default;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #999;
    border-color: #b0cbe2;
    background: #eee;
    padding: 1px;
    text-align: center;
    border: 1px solid #cccccc;
    font-weight: normal;
    width: 3em;
}

/* Cell showing selected date */
td.tableTdCalSelectedDate {
    font-weight: bold;
    padding: 2px 2px 0px 2px;
    border: 1px solid;
    border-color: #990033;
    background: #eee;
}

td.tableTdCalName {
    padding: 2px;
    text-align: center;
    background-color: #d9e3ee;
    border-bottom: 1px solid #c7d7e6;
}

td.tableTdCalTitle {
    font-weight: bold;
    padding: 1px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #b0cbe2;
    color: #000;
    text-align: center;
    background-color: #f8f7f7;
}

td.tableTdCalEmptyCell {
    visibility: hidden;
}

tr.tableTrCalEmptyRow {
    visibility: visible;
}

/* Empty row (some months need less than 6 rows) */
td.tableTdCalToday {
    font-weight: bold;
    color: #990033;
}

/* Cell showing today date */

td.tableTdCalHighlight {
    background-color: #f8f7f7;
    padding: 1px 3px 1px 1px;
    border: 1px solid;
    border-color: #b0cbe2;
}

td.tableRowCalHighlight {
    background: #DEEFFF;
}

/****************************  Miscellaneous css ***********************************************/
.tableLoginBGImage {
    background-image: url(../images/theme_login_bg.gif);
}

/* This style is used for the mouse over effect for the rows in the grid that resides in the list pages */
.onMouseHoverStyle  {
    
        background-color: #DAE4FF;
        --bs-table-bg:#DAE4FF;
    
   
}

.subHeading {
    font-weight: bold;
    padding-left: 43px !important;
    padding-top: 18px !important;
    font-size: 16px;
    color: #454545;
}

div.divMatrixWindow {
    background-color: #FFFFFF;
    width: 29%;
    position: relative;
    visibility: visible;
    margin: 9px;
    height: 280px;
}

.defaultTitleStyle {
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    color: #454545;
}

.taskheader {
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #FDA209;
}

/* style used for the table that contains the task header. it draws the line below the task heading */
.moduleTitle {
    border-bottom: 1px solid #A6A7A9;
    padding-bottom: 2px;
}

span.spanTitleText {
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    padding: 2px 6px 2px 6px;
}

div.divHelpContent {
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    position: absolute;
    width: 530px;
    height: 351px;
    padding: 10px;
    overflow: scroll;
}

div.divHelpTree {
    position: absolute;
    width: 320px;
    height: 360px;
    overflow: scroll;
    border: 1px solid #39599C;
}

.rightAlign {
    float: right;
}

/********************************************** Hr & Payroll css *********************************/
/* styles used to represent the dates in the payroll - attendance */
.attnDateStyle {
    background-color: #dddddd;
    font-size: 11px;
    margin-bottom: 0px;
    margin-top: 0px;
    font-weight: bold;
}

.attnTextStyle {
    text-align: left;
    background-color: #eeeeee;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
}

.attnHeadingStyle {
    background-color: #dddddd;
    font-family: Verdana;
    font-weight: bold;
}

/* For  Attendance Editor in Payroll */
#present {
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    background-color: #EAFAB8;
}

#absent {
    font-size: 11px;
    font-weight: normal;
    background-color: #FA9C8D;
    text-align: center;
    cursor: pointer;
}

#holiday {
    background-color: #FDEDB0;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
}

#leave {
    font-size: 9px;
    font-weight: normal;
    cursor: pointer;
    text-align: center;
    background-color: #DEBAB7;
}

#nil {
    font-size: 9px;
    font-weight: normal;
    text-align: center;
    background-color: #F7E9FF;
}

/* For  Attendance Display as present --- color: green;  */
.attendancePresent {
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    color: #007c00;
    cursor: pointer;
}

/* For  Attendance Display as absent --- color: red; */
.attendanceAbsent {
    font-size: 11px;
    font-weight: normal;
    color: #fd0000;
    text-align: center;
    cursor: pointer;
}

/* For  Attendance Display as Holiday */
.attendaceHoliday {
    color: #bdb630;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
}

/* For  Attendance Display as leave --- color: green;  */
.attendaceLeave {
    font-size: 9px;
    font-weight: normal;
    cursor: pointer;
    text-align: center;
    color: #bb9d9a;
}

/* style used for the present status in the payroll - attendance */
.attendancePrsentStyle:hover {
    color: Black;
    font-weight: bold;
}

/* style used for the popup window in the payroll - attendance */
.empAttnDivPopupStyle {
    POSITION: absolute;
    width: 350px;
    background-color: #f5f5f5;
    font-size: 11px;
    border: double 1px #056B9E;
    z-index: 0;
}

div.payrollClass {
    width: 780px;
    height: 200px;
    z-index: 1;
    overflow: scroll;
    background-color: #f5f5f5;
    border: 1px solid #FEAD1E;
}

div.divPayrollClassHeadEdit {
    width: 780px;
    height: 350px;
    z-index: 1;
    overflow: scroll;
    background-color: #f5f5f5;
    border: 1px solid #FEAD1E;
}

/********************** footer ************************************************************/
div#divFooter {
    font-size: 10px;
    width: 94%;
    margin: 40px auto 20px auto;
    border-top: 1px solid #cacaca;
}

/* position: absolute;bottom: 15px;right: 60px; */
/*border-top:1px solid*/
span#spanLeftFooter {
    float: left;
    width: 20%;
    margin-left: 5px;
}

span#spanCenterFooter {
 float: left;
    width: 100%;
    position: relative;
    top: -30px;
    text-align: center;
}

span#spanRightFooter {
    float: right;
    /* background-position: 0px -870px; */
    width: 185px;
    height: 47px;
    display: block;
    margin-top: 15px;
    background: url('../../commonImages/company_logo.png');
    background-repeat: no-repeat;
}

/* position: absolute;bottom: 20px;right: 60px; */

/**********************************  END  *************************************/


/* File Upload Panel div margin top */
.uploadDivTop {
    margin-top: 2px;
}

.uploadPanelHeaderRowHeight {
    height: 2px
}

.uploadControlAlignment {
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    /*color: #000000;*/
    color: #454545;
    text-align: center;
}

.uploadTableDefault {
    border: 0px solid #fda209;
    font-size: 11px;
    color: #000;
    width: 99%;
}

span#spanInstallment {
    float: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 19px;
    color: #555;
    height: 20px;
    font-family: "OpenSans-Regular" !important;
}

.tableTextBold {
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    border-left: 1px solid #eeeaee;
    border-bottom: 1px solid #eeeaee;
    border-spacing: 0;
    width: 44px;
}

.tableTextHeading {
    text-align: left;
    font-weight: bold;
    font-size: 13px;
    border-left: 1px solid #eeeaee;
    border-bottom: 1px solid #eeeaee;
    border-top: 1px solid #eeeaee;
    border-spacing: 0;
    width: 82px;
}

.tableTextName {
    text-align: left;
    font-size: 13px;
    font-weight: normal;
    border-left: 1px solid #eeeaee;
    border-bottom: 1px solid #eeeaee;
    border-spacing: 0;
    width: 82px;
}

.tableTextDecimal {
    text-align: right;
    font-size: 10px;
    font-weight: normal;
    width: 55px;
    border: 1px solid #EEEAEE;
}

.tableTextDecimal1 {
    text-align: left;
    font-size: 10px;
    font-weight: normal;
}

.tableTextDecimal2 {
    text-align: left;
    font-size: 11px;
    font-weight: normal;
    border: 1px solid #EEEAEE;
}

.tableTextDecimal3 {
    text-align: right;
    font-size: 13px;
    font-weight: normal;
    width: 65px;
    border: 1px solid #EEEAEE;
}

.txtAlign {
    text-align: right;
    vertical-align: middle !important;
}

#chart {
    width: 880px;
    height: 350px;
    float: left;
}

.dropDownDivAlignment {
    margin-top: -6px;
}

#displayList {
    width: 573px;
    margin-left: 98px;
    margin-top: -7px;
}

#displayMessage {
    background-color: #fff;
    border: 1px solid #39599C;
    height: 123px;
    left: 332px;
    padding: 5px;
    position: absolute;
    text-align: justify;
    top: 37px;
    width: 537px;
}

table.tableDefaultOne {
    color: #000000;
    font-size: 11px;
}

tr th.rowHeadHighlightStyle {
    background-image: url("../images/theme_images.gif");
    background-position: 0 -826px;
    background-repeat: repeat-x;
    border-bottom: 1px solid #AFAFAF;
    border-top: 1px solid #AFAFAF;
    color: #454545;
    font-size: 11px;
    font-weight: bold;
    text-transform: capitalize;
}

.gmcTableStyle1 {
    font-size: 13px;
    border: 1px solid #A7A8AA;
    border-top: 0px solid #A7A8AA !important;
    border-right: 1px solid #A7A8AA !important;
}

.gmcTableStyle2 {
    font-size: 11px;
    border: 1px solid #A7A8AA;
    border-top: 0px solid #A7A8AA !important;
}

.gmcTableStyle3 {
    font-size: 11px;
    border: 1px solid #A7A8AA;
    border-top: 0px solid #A7A8AA !important;
    border-left: 0px solid #A7A8AA !important;
}

table.gmcRelTable {
    color: #000000;
    font-size: 11px;
    width: auto !important;
}

th.gmcRelTable {
    padding: 5px;
}

.gmcAgeRangeHeader {
    text-align: center;
}

.gmcRelationshipMultiCheck {
    overflow: auto;
    border: 1px solid lightgray;
    height: 130px !important;
    width: 300px;
    border-top: 0px solid #A7A8AA !important;
}

.gmcRelationshipTextBox {
    font-size: 9px;
    width: 35px;
    border: 1px solid #a7a8aa;
}

.keywordAlign {
    float: left;
    margin-top: 12px;
}

#viewDisplayMessage {
    background-color: #fff;
    border: 1px solid #39599c;
    height: 123px;
    overflow-y: scroll;
    padding: 5px;
    text-align: justify;
    width: 613px;
}

.openMenu {

    height: 25px;
    width: 40px;

}

.roundDropDown li {
    list-style: outside none none;
    padding: 4px 13px;
    text-align: left;
}

.roundDropDown {
    background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 88px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 1000;
}

.openMenu {
    border: 1px solid #eaeaea;
    height: 24px;
    padding: 0 7px;
    width: 64px;
    border-radius: 3px;
}

.openMenu img {
    padding-right: 0;
    padding-top: 4px;
}

.roundAction {
    float: left;
    padding-left: 4px;
    padding-top: 5px;
}

#composeMail {
    background: url("../../../../../externalLibrary/bootstrap/img/compose.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 19px;
    padding-left: 22px;
    padding-top: 4px;
    text-decoration: none;
    color: #454545;
}

#composeMailDiv {
    border: 1px solid #DEDEDE;
    /* border: 1px solid #454545; */
    display: block;
    height: 30px;
    padding: 4px 4px 3px 6px;
    width: 128px;
    /* border-radius:3px; */
}

#composeText {
    display: inline;
}

table.tableTextWithBorder {
    border: 1px solid;
    width: 100%;
}

.exportAllForRR {
    margin-right: 10px;
    margin-top: 10px;
    float: right;
}


.dropbtn {
    background-color: #FFFFFF;
    color: #454545;
    font-size: 14px;
    border: none;
    cursor: pointer;
    border-radius: 2px !important;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 157px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    right: -1px;
}

#divCompanyProductStrip .dropdown-content {
    right: 44px !important;
    top: 23px !important;
}

.dropdown-content a {
    color: #454545;
    padding: 12px 15px;
    text-decoration: none;
    display: block;
    font-size: 14px !important;
    float: left !important;
    width: 157px;
    text-align: left;
}

.dropdown-content.button-action {
    width: auto;
    min-width: 190px;
    max-width: 250px;
    right: 0px;
    padding: 4px 0px;
}

.dropdown-content a:hover {
    background: #E28A4D;
    color: #fff;
    text-decoration: none;
    /* font-weight: 900; */
    font-family: "OpenSans-SemiBold";
}

/*.dropdown-content a:hover {background-color: #f1f1f1}*/

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content input[type='button'],
.dropdown-content input[type='submit'] {
    background: transparent !important;
    color: #000 !important;
    /* font-weight: normal !important */
    font-family: "OpenSans-Regular" !important;
}

.btn-adv {
    width: 57% !important;
    padding: 0px !important;
}

/*.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}*/

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 8px dashed;
    border-top: 6px solid !important;
    border-right: 5px solid transparent !important;
    border-left: 5px solid transparent !important;
}

.main {
    width: 85%;
    margin: 30px auto;
}

.assetAlign {
    margin: 18px 18px 2px 18px;
    border: 1px solid #CECECE;
    padding: 20px 0px;
    height: 178px;
    padding-top: 26px;
}

@media only screen and (max-width: 1100px) {
    .assetAlign {
        margin: 12px;
    }

    .moduleName {
        font-size: 16px !important;
    }
}

@media only screen and (min-width: 1101px) and (max-width: 1290px) {
    .assetAlign {
        margin: 15px;
    }
}

.menus {
    height: 40px;
    background: #E4A834;
}

.moduleName {
    font-size: 18px;
    color: #454545 !important;
}

ul {
    margin-bottom: 0px !important;
}


/*breadcrumb*/


ul.breadcrumb {
    padding: 0px;
    list-style: none;
    background: none !important;
}

ul.breadcrumb li {
    display: inline;
    font-size: var(--navbar-size);
    color: #6A6A6A;
    font-weight: 600;
}

ul.breadcrumb li+li:before {
    padding: 4px;
    color: #454545;
    content: ">\00a0";
}

ul.breadcrumb li a {
    color: #454545;
    font-weight: 600;
    text-decoration: none;
    font-size: var(--navbar-size) !important;
}

ul.breadcrumb li a:hover {
    color: #6A6A6A;
    text-decoration: none;
}


/*search box Style*/

.searchStyle {
    margin: 15px 0px;
}

.cusFormControl {
    height: 32px !important;
    border: 1px solid #EBEBEB !important;
}

.input-group-addon {
    background-color: #EBEBEB !important;
    border: 1px solid #EBEBEB !important;
    padding: 2px 7px !important;
}

.input-group-addon a {
    color: #6A6A6A !important;
    font-size: 14px !important;
}

.input-group-addon a:hover {
    color: #6A6A6A !important;
}

.searchIcon {
    font-size: 14px !important;
    background-color: #f17a25 !important;
    border: 1px solid #f17a25 !important;
    cursor:pointer;
}

.fa-search {
    color: #FDFCFA !important;
}

.paginationPadd {
    width: 10% !important;
    padding: 0px !important;
    margin: 2px 0px;
    float: right;
}

/*a:hover{
    color:#6A6A6A !important;
}*/

#divListHeader {
    /*display:none !important;*/
}

input[type="radio"],
input[type="checkbox"] {
    margin: 0px !important;
}

/*
.advancedSearch {
	display: none;
}
*/
.buttonDiv {
    float: right;
    margin-top:10px;
}
#spanDownArrowGif {
    opacity: 0.4;
}

.liSelectedTab {
    background-color: #454545;
    color: #fff;
}

.liSelectedTab p {
    margin: 0 4px 1px;
}

span#spanDownArrowGif {
    border-top: 4px solid !important;
}

.quickMenuSeparator {
    border-left: 1.5px #FFF solid;
    height: 15px !important;
    vertical-align: middle;
    text-align: center;
    margin-left: 10px !important;
}

.nopadding {
    padding: 0 !important;
}

h1,
h2,
h3 {
    margin-top: 12px !important;
    margin-bottom: 8px !important;
}

#selectedItem {
    display: inline-block;
    margin-top: 12px;
    text-align: right;
    padding: 0px;
    left:80px;
}

#divModuleMenu .ulDropDownList {
    margin-top: 6px;
    border: none !important;
}

#divMainMenuSettings .h2DropDownMenuTitle a {
    color: 454545;
    background:transparent ;
}

#divMainMenuSettings .h2DropDownMenuTitle a:hover {
    text-decoration: none;
}

#logo {
    float: left;
    padding-left: 37px;
    padding-top: 2px;
    position: absolute;
    top: 0px;
}

#logo img{
    height:75px;
    width:120px;
    object-fit: contain;
}

#username {
    width: 100%;
    background: #E4A834;
    border-radius: 50%;
    height: 100%;
    padding: 5px 10px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 900;
}

.main-content-grid {
    text-align: left !important;
    padding: 0px !important;
}

/* file upload */

.inputfile+label {
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 0;
}

.inputfile+label {
    color: #454545;
}

/* .inputfile + label {
    max-width: 80%;
    font-size: 1.25rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
} */


.inputfile+label span {
    width: 200px;
    min-height: 2em;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.inputfile+label strong {
    height: 100%;
    color: #fff;
    background-color: #454545;
    display: inline-block;
}

.inputfile+label span,
.inputfile+label strong {
    padding: 0.625rem 1.25rem;
    margin-left: -7px;
}

/*input[type='file'] {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}*/



input[type='file']::file-selector-button {
    width: 89px;
    height: 38px;
    background-color: #454545 !important;
    color: #ffffff;
    /*opacity: 0;
    overflow: hidden;
    position: static;
    z-index: -1;
    margin-top: 20px; */
}

/* Login form styles Start */

.login-container {
    margin-top: 50px;
}

.welcome-content-text {
    font-size: 26px;
    font-weight: 700;
    text-align: center;
}

.welcome-login-content {
    font-size: 17px;
    font-weight: 700;
    margin-top: 30px;
    text-align: center;
}

.login-form {
    width: 38%;
    margin: 30px auto;
}

.login-button {
    text-align: center;
    /* padding-right: 10%; */
    margin: 35px 0 0 0px;
}

.login-button button {
    padding: 8px 30px;
    color: #fff;
    font-weight: bold;
    background: #e4a834;
    border: none;
    font-size: 13px !important;
}

.password-field {
    position: relative;
    margin-top: 30px !important;
    padding-left: 40px !important;
}

/* .welcome-page-assets:hover {
    background: #e4a834;
    color: #fff !important;
    background-image: url(../images/theme_images.gif);
    background-position: 0px -826px;
    background-repeat:repeat-x;
} */
.invalid-user {
    position: absolute;
    bottom: -18px;
}

.invalid-password {
    position: absolute;
    bottom: -18px;
}

.username-field {
    position: relative;
    margin-top: 30px !important;
    padding-left: 40px !important;
}

.otp-field {
    /* margin: 0px 230px; */
    margin: 0px 225px;
    background:#e4a834 !important;
    border: none !important;
}

.hide-otp{
    display : none
  }

#otpTimer {text-align:right; float:left;}

.copyright-content {
    /*font-size: 13px;*/
    font-size:13px;
    position:relative;
    top:33px;
}
.invalid-user br {
    display: none;
}

.invalid-password br {
    display: none;
}

/* commented on 20-Sep-2023 -Shyam
 .invalid-msg {margin-left: 40px;} */

/* Login form style End */


/* Change password form Style Start */
.change-password-container {
    margin-top: 44px;
}

.change-password-form {
    float: none !important;
    margin: 25px auto;
}

.password-content {
    float: none !important;
    margin: 0 auto;
    text-align: center;
}

.password-content p {
    font-size: 26px;
    font-weight: bold;
}

.new-password-field {
    margin-top: 30px;
}

.confirm-password-field {
    margin-top: 30px;
}

.ul-button {
    list-style: none;
    display: inline-flex;
    margin-top: 30px;
}

.save-btn {
    padding-right: 20px;
}

.save-btn input {
    padding: 8px 25px;
    background: #e4a834;
    border: 0px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    outline: none;
}

.save-btn:hover {
    color: #fff !important;
}

.cancel-btn input {
    padding: 7px 25px;
    background: #fff;
    border: 0px;
    border: 1px solid #cacaca;
    color: #454545;
    font-size: 14px;
    font-weight: bold;
    outline: none;
}

.cancel-btn input:hover {
    background: #454545;
    color: #fff;
}

.form-control:focus {
    border-color: none;
}

.old-password-field {
    position: relative;
}

.invalid-old-password {
    position: absolute;
    bottom: -18px;
}

.new-password-field {
    position: relative;
}

.invalid-new-password {
    position: absolute;
    bottom: -18px;
}

.confirm-password-field {
    position: relative;
}

.invalid-confirm-password {
    position: absolute;
    bottom: -18px;
}

/* Change password form Style End */

/* ajax file upload */
.ajax-file-upload {
    border-color: #454545 !important;
    font-size: 13px !important;
    height: 38px !important;
    color: #fff !important;
    padding: 14px 22px 8px 21px !important;
    background: #454545 !important;
    margin: 0px !important;
}

.ajax-upload-dragdrop {
    border: 1px solid #ccc !important;
    padding: 0 !important;
    color: #999 !important;
    margin-top: 15px;
    width: 83% !important;
}

.ajax-upload-dragdrop span b {
    font-size: 13px !important;
    padding-left: 14px !important;
}

.additionalHtml select {
/*    display: inline-block; */
}

.ajax-file-upload-statusbar {
    border: 1px solid #ccc !important;
    margin: 18px 0px 0px 0px !important;

    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    padding: 5px 5px 5px 5px;
    font-size: 13px !important;
    width: 83% !important;
}

.ajax-file-upload-filename {
    font-size: 13px !important;
    color: #454545 !important;
}

.additionalHtml {
    font-size: 13px !important;
}

.inline-btn {
    font-size: 13px !important;
    margin-left: 8px !important;
    color: #454545 !important;
    border-radius: 0px !important;
    padding: 6px 14px !important;
}

.ajax-file-upload-red {
    border-radius: 0px !important;
    font-size: 13px !important;
    padding: 8px !important;
    background: #E28A4D !important;
    color: #fff !important;
}

.ajax-file-upload-cancel {
    margin-top: 3px;
}

.cell-padding {
    padding: 10px 40px 0px 40px !important;
}

/* checkbox style */

.container-input-checkbox {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container-input-checkbox input[type='checkbox'] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 2px;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border: 1px solid #ccc;
}

/* On mouse-over, add a grey background color */
.container-input-checkbox:hover input~.checkmark {
    background-color: #fff;
    border: 1px solid #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-input-checkbox input:checked~.checkmark {
    background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-input-checkbox input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-input-checkbox .checkmark:after {
    left: 4px;
    top: 1px;
    width: 5px;
    height: 9px;
    border: 1px solid #656565;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

a.aRemoveLinkMultiAdd {
    display: block;
    /* background: #F17A25; */
    background: #E28A4D;
    color: #fff !important;
    text-decoration: none !important;
    width: 75.53px;
    height: 32px;
    font-size: 14px;
    /* padding: 8px 15px; */
    padding: 5px 12px;
    line-height: 20px;
    border-radius:2px;
    font-family: "OpenSans-SemiBold" !important;
}

a.aMultiAddLink {
    display: block;
    background: #F17A25;
    color: #fff !important;
    text-decoration: none !important;
    width: 54px;
    font-size: 13px;
    padding: 7px 14px;
}

a.aRemoveLinkMultiAdd:hover,
a.aMultiAddLink:hover {
    font-size: 14px;
}

/* move tool style */
.movetool-style {
    border: 1px solid #ccc;
    font-size: 13px;
}

input[type='button'].movetool-btn {
    background: transparent;
    color: #454545;
    border: 1px solid #ccc;
    border-radius: 0px !important;
    font-size: 13px;
}

.data-backup-panel .tableDefault {
    border: 1px solid #DEDEDE;
    font-size: 11px;
    color: #000;
    width: 94%;
    margin-left: 40px;
    padding-bottom: 10px;
    margin-bottom: 22px;
}

.data-backup-panel .tableDefaultList {
    /* margin-left: 38px; */
}

.data-backup-breadcrumb {
    float: left;
    margin: 18px 0 0 29px;
    /* font-weight: bold; */
    color: #454545;
    text-decoration: none;
    font-size: var(--navbar-size) !important;
    display: block;
    text-overflow: ellipsis;
    width: auto;
    height: 25px;
    white-space: nowrap;
    overflow: hidden;
}

.data-backup-page .action-btn {
    /* background: #f17a25; */
    background: #E28A4D;
    color: #fff;
    padding: 5px 12px;
}

.data-backup-page .action-btn:hover {
    color: #fff;
}

.data-backup-page .button-action .btn {
    white-space: normal;
    width: 100%;
    text-align: left;
    margin-top: 5px;
}

.data-backup-page .button-action .btn:hover {
    background: #E28A4D !important;
    color: #fff !important;
    text-decoration: none;
}

.data-backup-page {
    float: right;
    margin-top: 10px;
}

.data-backup span#spanActionsRight {
    margin: 15px 23px 0px 0px !important;
}

.data-backup-search {
    /* margin: 0 0px 0 38px; */
    background: #f7f7f7;
    border: 1px solid #eaeaea;
    padding: 10px 0 10px 11px;
    /* width: 94% !important; */
}

.data-backup-search span {
    font-size: 16px;
    font-weight: 600;
    color: #454545;
}

.backup-search-fields {
    border: 1px solid #eaeaea;
    /* width: 94% !important; */
    margin: 0 0 20px 0px;
    padding: 0px;
    border-top: 0px;
}

.zero-padding {
    padding: 0px !important;
}

.backup-search-fields label {
    font-size: 13px;
    color: #454545;
    /* font-weight: 600 !important; */
    margin: 10px 0 0 0;
}

.backup-search-fields .col-lg-6 {
    margin: 10px 0 20px 0;
}

.search-taken-date {
    margin-bottom: 0px !important;
}

.search-file-name {
    margin-bottom: 0px !important;
}

.data-backup-calendar {
    position: absolute !important;
    top: 58% !important;
    cursor: pointer;
    right: 6% !important;
}

.data-backup-buttons {
    margin-bottom: 15px;
}

.data-backup-buttons .col-lg-4 {
    padding: 0 0 0 18px;
}

.data-backup-buttons ul {
    list-style: none;
    display: flex;
}

.data-backup-buttons ul li {
    margin-right: 33px;
}

.data-backup-buttons ul li .save-btn {
    background: #f17a25 !important;
    color: #fff !important;
    padding: 6px 12px;
    border: 0px !important;
}

.cancel-btn {
    background: transparent !important;
    color: #454545 !important;
    padding: 5px 12px;
    border: 1px solid #454545 !important;
}

.cancel-btn:hover {
    background: #454545 !important;
    color: #fff !important;
}

.data-backup-buttons ul li .save-btn:hover {
    color: #fff !important;
}

.add-image {
    width: 17px;
    height: 17px;
}

.edit-image {
    width: 17px;
    height: 17px;
    margin-left: 5px;
}

.delete-image {
    width: 17px;
    height: 17px;
    margin-left: 5px;
}

.expand-image {
    width: 17px;
    height: 17px;
}

#divDesignationHierarchy td {
    border: 0px !important;
}

.stripcls {
    padding-top: 20px !important;
}

.cell-padding-both {
    padding: 5px 40px !important;
}

.cell-padding-up {
    padding: 10px 40px !important;
}

backup-check-all {
    margin: -6px 0 0 6px;
}

.backup-individual-check {
    margin: -7px 0 0 9px;
}

.backup-radio-btn {
    display: none !important;
}

.backup-radio {
    border-radius: 10px;
}

.backup-radio:after {
    height: 7px !important;
    width: 7px !important;
    background-color: #454545;
    border-radius: 50%;
    top: 3px !important;
    left: 3px !important;
    border-width: 0px !important;
}

.backup-check-radio {
    margin: 15px 0 10px 20px;
}

.backup-days {
    width: 50% !important;
}

.backup-schedule-hrs {
    width: 20% !important;
    background: white;
    margin: 19px 0 13px 0;
}

.time-text {
    margin: 28px 0 0px 5px;
    font-size: 13px;
}

.weekly-radio-btn {
    margin: 0 0 0 20px;
    padding-left: 25px;
}

.weekly-radio-btn:first-child {
    margin: 0px !important;
}

.privilege-edit {
    margin: 19px 0px;
}

.privilege-edit td {
    font-size: 13px !important;
    padding-left: 11px !important;
    background-color: transparent !important;
    border: 0px;
}

.privilege-edit .viewTableText {
    border: 1px solid lightgray;
    background: #f7f7f7 !important;
}

.privilege-edit .operationStatus {
    border: 0px !important;
    padding: 0px !important;
}

.list-backp-label {
    margin-bottom: 5px !important;
}

.time-minute-hrs {
    display: flex;
    padding: 0px !important;
}

.time-hrs {
    margin: 0px 30px 15px 0px;
}

.required-field {
    position: absolute;
    top: 43px;
    left: 29px;
}

.common-table-class {
    width: 94% !important;
}

.report-select-value {
    position: relative;
    width: 67% !important;
    /* margin: -52px 0 0 24px; */
    margin: -5px 0 0 24px;
    height: 210px !important;
    padding: 0px !important;
}

.report-select-value option {
    font-size: 14px;
    color: #454545;
    padding: 3px 0 3px 16px;
}

.report-table {
    width: 94% !important;
}

.report-inner-checkbox {
    border: 0px !important;
    padding: 8px 20px !important;
}

.custom-report-select-box:first-child .report-inner-checkbox:first-child {
    padding-top: 15px !important;
}

.custom-report-select-box:first-child .report-inner-checkbox:nth-child(2) {
    padding-top: 15px !important;
}

.custom-report-select-box:first-child .report-inner-checkbox:nth-child(3) {
    padding-top: 15px !important;
}

.custom-report-select-box:last-child .report-inner-checkbox:first-child {
    padding-bottom: 15px !important;
}

.custom-report-select-box:last-child .report-inner-checkbox:nth-child(2) {
    padding-bottom: 15px !important;
}

.custom-report-select-box:last-child .report-inner-checkbox:nth-child(3) {
    padding-bottom: 15px !important;
}

/* .report-inner-checkbox:last-child {
    padding-bottom: 15px !important;
} */
.custom-report-table {
    margin-bottom: 15px !important;
    margin-left: 11px !important;
    border: 1px solid #eaeaea !important;
    width: 98.3% !important;
    border-collapse: initial !important;
}

.filter-options {
    padding: 10px 0 10px 0 !important;
    font-size: 14px;
    color: #454545;
}

#filter-order-tabs {
    width: 100% !important;
    border: 1px solid #ececec !important;
    color: #454545 !important;
    background: transparent !important;
    height: 40px !important;
    margin-bottom: 15px;
}

#order {
    width: 16.66% !important;
    padding: 10px 0 0px 0 !important;
    font-size: 14px !important;
    color: #454545;
    border-right: 1px solid #ececec;
    height: 40px !important;
    position: relative;
}

#order:hover {
    background: #454545 !important;
    color: #fff !important;
    height: 40px !important;
    cursor: pointer;
}

#order:after {
    width: 0px;
    height: 0px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: " ";
    position: absolute;
    left: 48.5%;
    bottom: 2px;
}

#sort {
    width: 16.66% !important;
    padding: 10px 0 0px 0 !important;
    font-size: 14px !important;
    color: #454545;
    border-right: 1px solid #ececec;
    height: 40px !important;
    position: relative;
}

#sort:hover {
    background: #454545 !important;
    color: #fff !important;
    height: 40px !important;
    cursor: pointer;
}

#sort:after {
    width: 0px;
    height: 0px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: " ";
    position: absolute;
    left: 48.5%;
    bottom: 2px;
}

#aggr {
    width: 16.66% !important;
    padding: 10px 0 0px 0 !important;
    font-size: 14px !important;
    color: #454545;
    border-right: 1px solid #ececec;
    height: 40px !important;
    position: relative;
}

#aggr:hover {
    background: #454545 !important;
    color: #fff !important;
    height: 40px !important;
    cursor: pointer;
}

#aggr:after {
    width: 0px;
    height: 0px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: " ";
    position: absolute;
    left: 48.5%;
    bottom: 2px;
}

#filter {
    width: 16.66% !important;
    padding: 10px 0 0px 0 !important;
    font-size: 14px !important;
    color: #454545;
    border-right: 1px solid #ececec;
    height: 40px !important;
    position: relative;
}

#filter:hover {
    background: #454545 !important;
    color: #fff !important;
    height: 40px !important;
    cursor: pointer;
}

#filter:after {
    width: 0px;
    height: 0px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: " ";
    position: absolute;
    left: 48.5%;
    bottom: 2px;
}

#summary {
    width: 16.66% !important;
    padding: 10px 0 0px 0 !important;
    font-size: 14px !important;
    color: #454545;
    border-right: 1px solid #ececec;
    height: 40px !important;
    position: relative;
}

#summary:hover {
    background: #454545 !important;
    color: #fff !important;
    height: 40px !important;
    cursor: pointer;
}

#summary:after {
    width: 0px;
    height: 0px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: " ";
    position: absolute;
    left: 48.5%;
    bottom: 2px;
}

#graph {
    width: 16.66% !important;
    padding: 10px 0 0px 0 !important;
    font-size: 14px !important;
    color: #454545;
    height: 40px !important;
    position: relative;
}

#graph:hover {
    background: #454545 !important;
    color: #fff !important;
    height: 40px !important;
    cursor: pointer;
}

#graph:after {
    width: 0px;
    height: 0px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: " ";
    position: absolute;
    left: 48.5%;
    bottom: 2px;
}

#customReportMenu #graph:after {
    bottom: 0px !important;
    left: 45% !important;
}

#customReportMenu #summary:after {
    bottom: 0px !important;
    left: 45% !important;
}

#customReportMenu #filter:after {
    bottom: 0px !important;
    left: 45% !important;
}

#customReportMenu #aggr:after {
    bottom: 0px !important;
    left: 45% !important;
}

#customReportMenu #sort:after {
    bottom: 0px !important;
    left: 45% !important;
}

#customReportMenu #order:after {
    bottom: 0px !important;
    left: 45% !important;
}

.filter-sub-head {
    padding: 10px 0 10px 0px !important;
    color: #454545 !important;
    font-size: 14px !important;
}

.orderby-report {
    height: 340px !important;
    border: 1px solid #ececec;
}

.orderby-report option {
    padding: 5px 0px 5px 10px !important;
    font-size: 13px !important;
}

.upupGif {
    background-image: url(../../commonImages/top.svg);
}

.upGif {
    background-image: url(../../commonImages/next.svg);
}

.downGif {
    background-image: url(../../commonImages/previous.svg);
}

.downdownGif {
    background-image: url(../../commonImages/bottom.svg);
}

#removeMultiadd td {
    padding: 0px;
    padding-top: 7px;
}

.search-btn div {
    display: inline-block;
    padding: 5px;
}

.multiAddHeader td.simpleGridBorder {
    padding: 10px;
}

.TabView .Current {
    background: #454545 !important;
    color: #fff !important;
    height: 40px !important;
    cursor: pointer;
}

.TabView .Current:after {
    width: 0px;
    height: 0px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: " ";
    position: absolute;
    left: 48.5%;
    bottom: 2px;
}

#t1 .scrollTableHighlightStyle {
    background: #ececec !important;
    border: 1px solid lightgray !important;
    font-size: 14px;
}

#t1 .tdReportColumnLeft {
    border: 1px solid lightgray !important;
}

#t1 .reportTableText {
    border: 1px solid lightgray !important;
}

.report-page-btn-greater {
    background: #ececec;
    border: 1px solid lightgray;
    width: 30px;
    height: 30px;
    font-size: 24px;
    color: #454545;
    padding: 0px 0px 0px 0px !important;
    margin: 0 0 20px 0px;
}

.report-page-btn-lesser {
    background: #ececec;
    border: 1px solid lightgray;
    width: 30px;
    height: 30px;
    font-size: 24px;
    color: #454545;
    padding: 0px 0px 0px 0px !important;
    margin: 0 0px 20px 0px;
}

input[name='btnClear'] {
    background: #fff !important;
    border: 1px solid #454545 !important;
    color: #454545 !important;
    font-weight: normal;
}

input[name='btnClear']:hover,input[name='btnClear']:focus {
    background: #454545 !important;
    color: #fff !important;
}

.tableText .form-group label {
    display: block;
}

.display-inline {
    display: inline-block;
}

select:not([multiple='']),select:not('.report-select-value') {
    -webkit-appearance: none;
    -moz-appearance: window;
    background-image: url("../../commonImages/drop_down.png") !important;
    background-repeat: no-repeat;
    background-position: 98% 60%;
    background-size: 20px;
    white-space: normal;
}
select[multiple='multiple'] {
    -webkit-appearance: none;
    -moz-appearance: window;
    background-image: none !important;
}
.filebrowser-label {
    width: 400px;
}

#divListHeader div.inner-page-btn div {
    display: inline-grid;
    padding-left: 8px;
}

.spanTaskHeader {
    width: 100%;
}

.spanTaskHeader ul {
    width: 99% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

.document-search-list-heading {
    border: 1px solid #ececec;
    width: 96.5% !important;
}

.document-search-list-heading label {
    margin-top: 8px;
    color: #454545;
    font-weight: bold !important;
    font-size: 13px;
}

.search-list-header {
    margin: 0px 0 22px 0;
    padding: 12px 0 0px 15px;
    border-bottom: 1px solid #ececec;
    font-size: 16px;
    font-weight: bold;
    background: #ececec;
    color: #454545;
}

.documents-list .tdStyle1 {
    height: 40px;
    vertical-align: middle;
}

.document-list-table .fa {
    font-size: 18px;
}

.document-list-table a {
    font-size: 13px !important;
}

.document-list-table a:hover {
    color: #454545 !important;
}

.personal-documents {
    padding: 0px 43px 0px 0px !important;
}

.personal-documents .breadcrumb {
    padding: 13px 18px;
    background: #ececec;
    margin-top: 20px;
    margin-bottom: 10px;
    border-radius: 0px;
}

.personal-documents .active {
    font-size: 15px;
    font-weight: bold;
    color: #454545 !important;
}

.wraptd2 a {
    font-size: 13px;
    color: #454545;
}

.document-list-headers td {
    vertical-align: middle !important;
}

.btn:hover,.btn:focus {
    color: white !important;
}

.form-align-template {
    width: 20%;
    height: 20px;
    margin-right: 10px;
    padding: 0 0 0 5px;
    background: #fff;
    font-size: 13px;
}

.inline-content {
    display: flex;
    margin: 10px 0 0 10px;
}

.template-checkbox {
    margin: 1px 0 0 10px;
}

input[type="checkbox"]:disabled+span {
    background: lightgray !important;
}

.no-label-select {
    /*  width: 33%; */
    display: inline-block;
    padding-left: 0px !important;
    /* margin:  0px -57px 0 0; */
}

.co-insurance-panel {
    font-size: 15px;
    height: 130px;
    border-bottom: 1px solid #ececec;
    padding-top: 15px;
    line-height: 40px;
}

.line-height-issue{
    line-height: 10px !important;
}

#addCoInsuranceDetails{
    text-align: left;
}

#contentHeader {
    height: 38px !important;
}

#contentHeader table tr {
    height: 38px;
}

#contentPanel table tr {
    height: 38px;
}
#contentPanel table tbody tr td{
    padding:2px 2px 2px 0px;
}

#contentHeader table tr td.tableTextDecimal,
#contentPanel table tr td.tableTextHeading,
#contentPanel table tr td.tableDefaultHeadHighlightStyle,
#contentPanel table tr td.tableTextDecimal,
#contentPanel table tr td.tableTextDecimal a,
#contentPanel table tr td.tableTextName {
    font-size: var(--content-size);
}

span[name='Policies_&_Endorsement_Pending_Ready_Reckoner_Underwriter_Wise(Policy_Count)'] .tableTextHeading,
span[name='Policies_&_Endorsement_Completed_/_Delivered_Ready_Reckoner_(Policy_Count)'] .tableTextHeading {
    width: 100px;
    font-size: var(--content-size);
}

span[name='Policies_&_Endorsement_Pending_Ready_Reckoner_Underwriter_Wise(Policy_Count)'] .tableTextDecimal,
span[name='Policies_&_Endorsement_Completed_/_Delivered_Ready_Reckoner_(Policy_Count)'] .tableTextDecimal {
    width: 57px;
}

span[name='Ready_Reckoner_(All_Brokerage_Values_in_Lakhs)'] .tableTextDecimal {
    width: 55px;
}

.datagrid-wrap.panel-body {
    padding: 0px;
    font-size: var(--content-size);
}

.panel-header {
    background: transparent !important;
    padding: 9px 0px !important;
    border: 1px solid #ccc !important;
}

.panel-header .panel-title {
    color: #454545;
}

/* .datagrid-header,.datagrid-header table{
    height: 30px !important;
} */
.panel-body {
    border: 1px solid #ccc !important;
}

.datagrid-header td,
.datagrid-body td,
.datagrid-body td a,
.datagrid-footer td {
    font-size: var(--content-size) !important;
}

.panel-title {
    font-size: var(--content-size) !important;
    padding-left: 8px;
}

.datagrid-body td,
.datagrid-footer td,
.datagrid-header td {
    border-right: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    letter-spacing: 1px;
}

tr.datagrid-row-selected,
tr.datagrid-row-over,
tr td.datagrid-header-over {
    background: #EBEBEB !important;
}

/* span[name='Expired_Policies_Ready_Reckoner_(All_Brokerage_Values_in_Lakhs)'] .datagrid-header{
    height: 25px !important;
}
span[name='Feedback'] .datagrid-header{
    height: 49px !important;
} */
.orange-btn {
    background: #f17a25;
    color: #fff;
    padding: 5px 12px;
    border-radius: 2px !important;
}

.orange-btn:hover {
    color: #fff !important;
}

td.search-btn {
    padding-right: 45px !important;
    text-align: right;
    padding-top: 40px !important;
}

span[name='Ready_Reckoner_General_Claims(Claims_Count)_(All_Values_in_Lakhs)'] .tableTextDecimal {
    width: 60px !important;
}

span[name='Ready_Reckoner_General_Claims(Claims_Count)_(All_Values_in_Lakhs)'] .tableTextDecimal2 {
    width: 65px;
}

span[name='Ready_Reckoner_Employee_Benefit_Claims(Claims_Count)_(All_Values_In_Lakhs)'] .tableTextDecimal {
    width: 57px;
}

textarea {
    height: 80px !important;
}
input[type='button'],input[type='submit'],input[type='reset'] {
    /* background: #f17a25; */
    background: #E28A4D;
    color: #fff;
    padding: 5px 12px;
    border-radius: 2px !important;
    /* font-weight: 900; */
    font-family: "OpenSans-SemiBold";
}

.cell-padding .form-group {
    padding: 0px !important;
}

.panel-with-icon {
    padding-left: 30px !important;
}
.inline-display {
    display: inline-block !important;
}
#txtCategoryNameDivId{
    left: 5px;
    width: 30px;
    top: -4px;
    position: absolute;
}
.datagrid-mask-msg {
    height: 40px !important;
}
.combo-panel.panel-body{
    padding:0px;
}
span[name='Compare_Quotation_Slip'] table tr{
height: 25px;
}
span[name='Compare_Quotation_Slip'] .subHeading{
    padding-left:0px !important;
}
span[name='Compare_Quotation_Slip'] .rowHeadHighlightStyle{
    background: transparent;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    font-size: 13px;
}
span[name='Compare_Quotation_Slip'] .simpleGridBorder{
    font-size: 13px;
    color:#454545;
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
}
/* .datagrid-cell-c1-insurance_company_id{
    width:508px !important;
} */
.bootstrap-dialog-header{
    font-size: 13px;
    color:#454545;
}
.bootstrap-dialog-header .close span{
    font-size: 20px;

}

.modal .btn-default,.modal .btn-default:hover, .modal .btn-default:focus, .modal .btn-default:active, .modal .btn-default.active, .modal .open .dropdown-toggle.btn-default{
    background: #f17a25 !important;
    color: #fff !important;
    padding: 5px 12px !important;
    border-color:transparent !important;
    border-radius: 2px !important;
}
legend{
    border: 0px !important;
    margin-bottom: 5px !important;
}
input[type='text']:focus{
    outline: none;
    box-shadow: none;
}
.query-file.inputfile+label strong {
    margin-left: -9px;
}
.query-file.inputfile+label span{
    margin-bottom:-1px;
}
.query-file.inputfile+label span{
    width:538px;
}
.conversation.inputfile+label{
    height: 34px;
    width: 632px;
}
.conversation.inputfile+label strong,.conversation.inputfile+label span{
    height: 33px;
}
.conversation.inputfile+label span{
    width: 632px;
    display: inline-block;
    position: absolute;
}
.report-page{
/* height: 110px !important; */
}
span[id^='dateFilterSpan']{
    position: relative;
    bottom: 28px;
    left: 48%;
}
span[id^='dateFilterSpan'] .jsCalendarGif{
    top:0px;
    right:0px;
}
select.pagination-page-list{
    width: 40px;
}
.disabled{
    background: #eee !important;
    pointer-events: none;
    cursor: no-drop;
}
textarea {
    resize: none !important;
  }
  /* .menus{
      display: none;
  } */
#main-menu .dropdown-content {
    right: 44px !important;
    top: 20px !important;
}

#main-menu #liMainMenuStripModule{
    padding: 0px;
    margin: 0px;
    color: #454545;
}
#main-menu #liMainMenuStripModule a{
    margin: 0px;
    padding: 12px 7px;
    color: #454545;
}
#main-menu #liMainMenuStripModule.liMainMenuStripLink a{
    color: #454545 !important;
}
#main-menu #liMainMenuStripModule.liMainMenuStripLinkHover a,#main-menu .liMainMenuStripLinkHover span{
    color: #fff !important;
    /* font-weight: 900 !important; */
    font-family: "OpenSans-SemiBold" !important;
}
#main-menu .dropdown-content a{
    padding:0px;
}
#divQuickCreateMenu .ulDropDownList li.liDropDownMenuItem a,#divMainMenuSettings .ulDropDownList li.liDropDownMenuItem a,#divAppMapMenu .ulDropDownList li.liDropDownMenuItem a,#divModuleMenu .ulDropDownList li.liDropDownMenuItem a{
    padding-left: 10px;
    width:100%;
}
.mainMenu li#liMainMenuStripModule a:hover{
color:#fff !important;
}
.form-group.radio-cls{
    display: inline-block;
    vertical-align: middle;
    margin-top:0px !important;
    line-height: 12px;
}
#tbl-data{
    width:100%;
}
.view-content{
    min-height: 35px;
    padding-left: 26px;
    padding-top: 4px;
    max-width: 70%;
    border: 1px solid #ccc;
}

div[id*='writePhoneData'] table tr td div.form-group {
	margin-bottom: 0px !important;
}
div[id*='writeEmailData'] table tr td div.form-group {
	margin-bottom: 0px !important;
}
table.query-management-tbl tr{
    height: 50px;
}
.padding-bottom-zero{
    padding-bottom: 0px !important;
    border-bottom: 0px !important;
}
.filter-page-scroll{
    height: 400px;
    overflow: auto;
}

.privilegeSubmitbtn{
   float: right;
   /* //margin-top: -50px; */
   position:relative;
   top:-50px;
   padding-top: 9px;
   padding-right: 20px;
}

.privilegeSubmitbtn > input[type=submit] {
	margin-right: 4px !important;
}
.privilegeSubmitbtn > input[type=button] {
	margin-right: 4px !important;
}
.privilegeSuccessMsg{
    text-align: center;
    float: right;
    width: 98%;
    position: absolute;
    padding-top: 54px;
/* btn dropbtn */
}
#cbopreqcrDiv{width:100%!important;height:70%!important;}
@-moz-document url-prefix() { #my-id { display:block;height:17px; } }

.gmcSlipCoverName{
overflow: hidden;
white-space: nowrap;
max-width: 220px;
text-overflow: ellipsis;
font-size:12px !important;
}
.btn:focus{
        outline: none !important;
    }
.inputButtonStyle:focus{
        outline: none !important;
    }
a:hover {font-size:11px; text-decoration: none !important;}
.oddItem:hover{color:#fff !important;font-size:11px;}

a:focus{
        outline: none !important;
    }
* {
  box-sizing: border-box;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
/* comment by jeyasankar */
/* .row:after {
  content: "";
  display: table;
  clear: both;
} */


.address-select-edit select   {
 width:65% !important;

}

.address-select-edit  :nth-child(1) {
  padding-left:26px !important;
}
.address-input-edit  input{
    position: relative;
    right: 17%;
    width: 72% !important;
    }
    
#writeAddress_Information #additional-form-text-edit input {width:75% !important;right:10% !important}
#writeAddress_Information .address-select-edit select {width:67% !important;}

.address-select  :nth-child(1) {
  padding-left:26px !important;
}

.address-select  select {
 width:71% !important;
}

.address-input  :nth-child(1) {
position: relative; padding-left: 32px !important;
}

.address-input  input{
  width:77% !important;
}

#writeAddress_Information #additional-form-select select {width:68% !important}
#writeAddress_Information #additional-form-text input {width:74% !important;right:8% !important}


.datagrid-cell-c4-action{
width:130px !important;
}
.datagrid-cell-c5-action{
width:130px !important;
}
.datagrid-cell-c6-action{
width:130px !important;
}
.datagrid-cell-c7-action{
width:130px !important;
}

.datagrid-cell-c8-action{
width:130px !important;
}
/* AlignFor Document Upload popup category fields. */
.top-alignment {
    margin-top: 9px;
}

.helper {
    padding-top: 10px;
}

.company-label {
    height:30px;
}

/*  */
.padd10{
    padding-top: 10px !important;
    padding-right: 10px !important;
    }

.lastLoginTime {
    font-size: 13px;
    margin: 0px auto 20px auto;
}