.app-header{
    background:url('../images/banner-new.png') no-repeat center center;
}
#menuButton{
    background:url('../images/bg_image.jpg');
}
#menuElement{
    background:url('../images/bg_image.jpg');
}

.clear {
    clear:both;
}
#viewRcAndChar.disabled {
    text-decoration: line-through;
    color: grey;
    cursor: default;
}
#viewRcAndChar.enable {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
#viewRcAndChar:hover {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

#rcListWithAlignChars.disabled {
    text-decoration: line-through;
    color: grey;
    cursor: default;
}
#rcListWithAlignChars.enable {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
#rcListWithAlignChars:hover {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

.unauthorized {
    background:url('../images/unauthorized.jpg') fixed center center;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    text-align: center;
}

.unauthorized-inner {
    /*width: 500px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;*/

    /*width:300px;
    height:200px;*/
    position:absolute;
    left:25%;
    top:50%;
    margin:0px 100px 0px -182px;
}
.unauthorized-one {
    color: #ffffff;
}
.unauthorized-two {
    color: #ffffff;
}

.manufacturer-filter {
    margin-top: 0.1em;
    margin-left: 15px;
}

.myRowOne {
    background-color: red !important;
}
.myRowTwo {
    background-color: green !important;
}
.myRowThree {
    background-color: blue !important;
}

.datatable-row-highlight {
    background-color: #ECFFB3 !important;
}
#LocationxList tr:hover {
    cursor: hand;
    cursor: pointer;
}

.r-icon {
    background:url('../images/delete_remove_16.png') no-repeat;
    padding-left: 20px;
    text-decoration: none;
    margin-left: 5px;
}

.scheduleCenterHidden {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-bottom: 30px;
}
.scheduleCenter {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-bottom: 30px;
}

.scheduleDiv1 {
    width: 10%;
    height: auto;
    float: left;
    text-align: center;
}

.scheduleDiv2 {
    width: 60%;
    height: auto;
    float: left;
    text-align: center;
}

.scheduleDiv3 {
    width: 25%;
    height: auto;
    float: left;
    text-align: center;
}

div .tooltip{
    color:#168F9A;
    cursor: pointer;
}
#hiddenFcmListTooltipContainer{
    padding: 0.6em;
    background:rgba(0,0,0,1);
    color:#CCC;
    width:250px;
    border-radius: 12px;
    font-size: 0.9em;
    position: absolute;
    display: none;
    z-index: 2;
}
#hiddenLocationsContainer{
    padding: 0.6em;
    background:rgba(0,0,0,1);
    color:#CCC;
    width:150px;
    border-radius: 12px;
    font-size: 0.9em;
    position: absolute;
    display: none;
    z-index: 2;
}

table.scroll {
    /* width: 100%; */ /* Optional */
    /* border-collapse: collapse; */
    border-spacing: 0;
    /*border: 2px solid black;*/
}

table.scroll tbody,
table.scroll thead { display: block; }

table.scroll tbody {
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
/*.scrollableTable {
    height:100px;
    overflow-y: auto;
}*/

div.wrap
{
    clear: both;
    float: left;
    margin-left: 5px;
}

/*  ------------------------------  */
/*  DROPDOWN drop-menu                   */
/*  ------------------------------  */
ul.drop-menu {
    list-style-type:none;
    margin:0;
    padding:6px 0 0 6px;
    float: right;
}
ul.drop-menu li {
    display:block;
    height: 30px;
    float:left;
    position:relative;
    margin:0 9px 0 0;
    padding:0;
    -khtml-opacity: 0.75;      /* khtml, old safari */
    -moz-opacity: 0.75;       /* mozilla, netscape */
    opacity: 0.75;           /* fx, safari, opera */
}
ul.drop-menu li.current {
    background:#000000;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
ul.drop-menu li:hover {
    /*background:#000000;*/
    background:#aaaaaa;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}


ul.drop-menu li a {
    display:block;
    float:left;
    color:#fff;
    text-decoration:none;
    font-size:15px;
    font-style:normal;
    font-weight:bold;
    font-family:arial, helvetica, sans-serif;
    padding:6px 15px 5px 15px;
    line-height:18px;
}

ul.drop-menu li a span {
    font-weight:normal;
    padding-left:3px;
}
ul.drop-menu li.drop a {
    padding-right:7px;
}
ul.drop-menu li.drop:hover li {
    border:none;
}
ul.drop-menu li.drop span.toggle {
    display:block;
    float:left;
    width:21px;
    height:26px;
    background:transparent url("../images/toggle.png") no-repeat 0 -20px;
    padding:0;
    margin:0 7px 0 0;
}
ul.drop-menu li.drop:hover span.toggle, ul.drop-menu li.drop.current span.toggle {
    background-position:1px 5px;
}
ul.drop-menu li.drop:hover, ul.drop-menu li.current:hover {
    -moz-border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
}
ul.drop-menu li.drop:hover ul {
    display:block;
    z-index:10;
    padding-bottom:8px;
}
ul.drop-menu li ul {
    display:none;
    position:absolute;
    width: 130%;
    top:30px;
    left:0;
    list-style-type:none;
    margin:0;
    padding:9px 0 0 0;
    background:#000000;
    filter: alpha(opacity=75); /* internet explorer */
}
ul.drop-menu li ul li {
    float:none;
    height: auto;
    margin:0;
    padding:0;
    border:none;
    filter: alpha(opacity=100); /* internet explorer */
}
ul.drop-menu li ul li a {
    float:none;
    background:none;
    margin:0;
    padding:0;
    display:block;
    font-size:13px;
    height:auto;
    margin:0;
    padding:4px 13px 4px 13px;
    font-weight:normal;
}

/* drop down drop-menu hover styles */
ul.drop-menu li:hover ul {
    border:none;
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -webkit-border-bottom-left-radius:4px;
    -webkit-border-bottom-right-radius:4px;
}
ul.drop-menu li:hover ul * {
    background:none;
    -moz-border-radius:0;
    -webkit-border-radius:0;
}
ul.drop-menu li ul li:hover {
    background-color:#333333;
}

/*  ------------------------------  */
/*  DROPDOWN drop-menu                   */
/*  ------------------------------  */


/*  ------------------------------  */
/*  Tree view                   */
/*  ------------------------------  */
.css-treeview ul,
.css-treeview li
{
    padding: 0;
    margin: 0;
    list-style: none;
}

.css-treeview input
{
    position: absolute;
    opacity: 0;
}

.css-treeview
{
    font: normal 11px "Segoe UI", Arial, Sans-serif;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.css-treeview a
{
    color: #00f;
    text-decoration: none;
}

.css-treeview a:hover
{
    text-decoration: underline;
}

.css-treeview input + label + ul
{
    margin: 0 0 0 22px;
}

.css-treeview input ~ ul
{
    display: none;
}

.css-treeview label,
.css-treeview label::before
{
    cursor: pointer;
}

.css-treeview input:disabled + label
{
    cursor: default;
    opacity: .6;
}

.css-treeview input:checked:not(:disabled) ~ ul
{
    display: block;
}

.css-treeview label,
.css-treeview label::before
{
    background: url('../images/icons-tree.png') no-repeat;
}

.css-treeview label,
.css-treeview a,
.css-treeview label::before
{
    display: inline-block;
    height: 16px;
    line-height: 16px;,
    vertical-align: middle;
}

.css-treeview label
{
    background-position: 18px 0;
}

.css-treeview label::before
{
    content: "";
    width: 16px;
    margin: 0 0px 0 0;
    vertical-align: middle;
    background-position: 0 -32px;
}

.css-treeview input:checked + label::before
{
    background-position: 0 -16px;
}

/* webkit adjacent element selector bugfix */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .css-treeview
    {
        -webkit-animation: webkit-adjacent-element-selector-bugfix infinite 1s;
    }

    @-webkit-keyframes webkit-adjacent-element-selector-bugfix
    {
        from
        {
            padding: 0;
        }
        to
        {
            padding: 0;
        }
    }
}

/*  ------------------------------  */
/*  Tree view                   */
/*  ------------------------------  */

.errorBox {
    box-shadow: 0 0 0.5em #ffaaaa !important;
    background: none repeat scroll 0 0 #fff3f3 !important;
    border-color: #ffaaaa !important;
    color: #cc0000 !important;
}
.okBox {
    background-color: #fcfcfc !important;
    border: 1px solid #cccccc !important;
}
span.pop:hover {
    cursor: pointer;
}

.date_picker_n {
    text-align: center;
    background-image: url("../images/calendar.png");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 18px;
    width: 78px;
}

.ui-datepicker-trigger
{
    height:18px;
    margin-right: 5px;

    /*padding:0px;
    padding-left:5px;
    vertical-align:baseline;
    position:relative;
    top:4px;*/

}

.tSpanF
{
    background-image: url("../images/forward1.png");
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin-top: 7px;
}
.tSpanB
{
    background-image: url("../images/back1.png");
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin-top: 7px;
}
/**********2nd List************/
.naviCenter {
    /*width: 100%;*/
    width: auto;
    height: auto;
    margin: 0 auto;
    padding-bottom: 30px;

    /*background-color: #efefef;
    box-shadow: 0 0 3px 1px #aaaaaa;
    padding: 0.5em 0.75em;*/
}

.naviDiv1 {
    width: 32%;
    height: auto;
    float: left;
    text-align: center;
}

.naviDiv2 {
    width: 32%;
    height: auto;
    float: left;
    text-align: center;
    line-height:24px;
    font-weight: bold;
}

.naviDiv3 {
    /*width: 32%;*/
    width: auto;
    height: auto;
    float: right;
    text-align: right;
    line-height:24px;
}
div .navx ul li input[type="radio"] {
    margin-top: 4px;
    margin-left: 4px;
    margin-right: 1px;
}
/**********2nd List************/
.myButton {
    border-radius: 0.3em;
    box-shadow: 0 0 4px 4px #d1d1d1;
    color: #666666;
    /*display: block;*/
    padding: 0.25em 0.7em;
    text-decoration: none;
    font-weight: bold;
    /*text-decoration: line-through;*/
}
#searchFinal.disabled {
    /*text-decoration: line-through;*/
    color: rosybrown;
    /*color: indianred;*/
    cursor: default;
}
#searchFinal.enable {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

.navx-add-plus {
    color: #666666;
    /*padding: 0.25em 0.7em;*/
    padding-bottom: 0.25em;
    padding-left: 1.7em;
    padding-right: 0.7em;
    padding-top: 0.25em;

    text-decoration: none;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    box-shadow: 0 0 4px 4px #d1d1d1;
    /*background:url('../images/add-16-round.png') no-repeat left center;*/
    background-image: url('../images/add-16-square.png');
    background-position: left 2px center;
    background-repeat: no-repeat
}

.navx-add-pop {
    color: #666666;
    /*padding: 0.25em 0.7em;*/
    padding-bottom: 0.25em;
    padding-right: 1.7em;
    padding-left: 0.7em;
    padding-top: 0.25em;

    text-decoration: none;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    box-shadow: 0 0 4px 4px #d1d1d1;
    /*background:url('../images/add-16-round.png') no-repeat left center;*/
    background-image: url('../images/pop-it-noq.png');
    background-position: right 2px center;
    background-repeat: no-repeat
}

/****table by DIV****/
.tableD {
    display:table;
}
.rowD {
    display:table-row;
    height: 5px;
}
.cellD {
    display:table-cell;
    padding:1px;
    height: 5px;
}
.headerD {
    font-weight:bold;
    text-align:center;
}
/****table by DIV****/
/*****Custom input fields length*****/
.fieldcontain-mh-small {
    margin-top: 0.5em;
}
.fieldcontain-mh-small label, .fieldcontain-mh-small .property-label {
    color: #666666;
    width: 25%;
}

.fieldcontain-mh-mid {
    margin-top: 0.5em;
}
.fieldcontain-mh-mid label, .fieldcontain-mh-mid .property-label {
    color: #666666;
    width: 40%;
}

.fieldcontain-mh-big {
    margin-top: 0.5em;
}
.fieldcontain-mh-big label, .fieldcontain-mh-big .property-label {
    color: #666666;
    width: 50%;
}

/*hjjhjgjhgjh*/

.mh-tf-small{
    width: 100px;
}
.mh-tf-sort{
    width: 200px;
}
.mh-tf-sort-plus{
    width: 275px;
}
.mh-tf-mid{
    width: 350px;
}
.mh-tf-long{
    width: 500px;
}



.mh-select-small{
    width: 110px;
}
.mh-select-sort{
    width: 211px;
}
.mh-tf-sort-plus{
    width: 287px;
}
.mh-select-mid{
    width: 361px;
}
.mh-select-long{
    width: 511px;
}
/*****Custom input fields length*****/
/*****Custom checked-unchecked box*****/
.cb + label{
    background: url('../images/checked-box.png') no-repeat 0 0;
    height: 16px;
    width: 16px;
    display:inline-block;
    padding: 0 0 0 0px;
    line-height  : 24px;
    cursor: pointer;
}
.un-cb + label{
    background: url('../images/unchecked-box.png') no-repeat 0 0;
    height: 16px;
    width: 16px;
    display:inline-block;
    padding: 0 0 0 0px;
    line-height  : 24px;
    cursor: pointer;
}
.buttons .upload {
    /*background-image: url("../images/upload.png");*/
    background-image: url("../images/upload-white.png");
    background-position: 0.7em center;
    background-repeat: no-repeat;
    text-indent: 18px;
}
/*****Custom checked-unchecked box*****/
/*****Special box*****/
.text-arrow {
    background-color:#efefef;
    color:#fff;
    display:inline-block;
    padding-left:4px;
}
.arrow {
    border-style: dashed;
    border-color: transparent;
    border-width: 0.20em;
    display: -moz-inline-box;
    display: inline-block;
    /* Use font-size to control the size of the arrow. */
    font-size: 100px;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: middle;
    width: 0;
    background-color:#fff; /* change background color acc to bg color */
    border-left-width: 0.2em;
    border-left-style: solid;
    border-left-color: #efefef;
    left:0.25em;
}
.anchor-arrow {
    font-weight: bold;
    padding-left: 25px;
    color:dimgray !important;
    text-decoration: none;
}

.icon-res {
    display: inline-block;
    line-height: 16px;
    padding-left: 16px;
    background: url("../images/button_ok.png") no-repeat scroll 0 0 transparent;
}
/*****Jasper View Start*****/
.jasperFormClass{
    margin-top: 5px;
}
form.jasperFormClass > a > img {
    width: 20px;
    height: 20px;
}

.jasperFormClassN{
    margin-top: 5px;
    color: white;
    font-weight: bold;
}
form.jasperFormClassN > a > img {
    width: 20px;
    height: 20px;
}
/*****Jasper View End*****/
/*****Special box*****/
.ttbd{
    border: 1px solid greenyellow;
}

.enbBtn{
    background-color: #363636;
}
.disBtn{
    background-color: #363636 !important;
}

/********* INPUT ******/
.invalidInput {
    background: #fff3f3 none repeat scroll 0 0;
    border-color: #ffaaaa;
    color: #cc0000;
}

.validInput {
    background-color: #fcfcfc;
    border: 1px solid #cccccc;
    box-shadow: 0 0 0.5em #ffffff;
}

.divHide {
    display: none;
}
.divShow {
    display: block;
}

/********* INPUT ******/

.tooltip_eventInfo_x {
    position: relative;
    right: -200px;
    width: 300px;
}
.tDivCls{
    min-width: 200px;
    background-color: lightpink;
    max-width: 1000px;
}
/***************DigiSIS*****************/
.btnLook {
    border-radius: 0.3em;
    box-shadow: 0 0 4px 4px #d1d1d1;
    color: white !important;
    display: block;
    padding: 0.25em 0.7em;
    text-decoration: none;
    background-color: #600024 !important;
}
.btnLook:hover {
    box-shadow: none;
    /*color: red !important;*/
    /*background-color: #600024 !important;*/
}
/***************DigiSIS*****************/

/***************RESPONSIVE_DATATABLES_CSS*****************/
/*
.ttbd
.hideExtra { white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }

class="display dataTable" role="grid"
style="overflow-x: scroll; max-width: 100%;
display: block; word-wrap:break-word;" cellspacing="0" */
/*******COMMON CLASSES*******/
.resDtTdThStyle th, td  {
    vertical-align: middle;
}
.resDtTdThStyle tr  {
    border-bottom: 1pt solid #B0BED9;
}
.resDtTdThStyle tr:hover {
    background-color:#ecffb3 !important;
}

/*.resDtHover tr:hover {
    background-color:#ecffb3 !important;
}*/
/*.resDtThead{
    background-color:#E5E5FF !important;
    background-color:#744150 !important;
    color: white !important;
}*/

/*******COMMON CLASSES*******/
.resDt{
    max-width: 100%;
    display: block;
    word-wrap:break-word;
}
.resDtX{
    /*max-width: 100% !important;
    min-width: 100% !important;*/
    max-width: 100%;
    overflow-x: scroll;
    display: block;
    word-wrap:break-word;
    /*text-align: center;*/
}

.resDtY{
    max-width: 100%;
    overflow-y: scroll;
    display: block;
    word-wrap:break-word;
}
.resDtXy{
    max-width: 100%;
    overflow-x: scroll;
    overflow-y: scroll;
    display: block;
    word-wrap:break-word;
}
.singleButton{
    background-color: #744150;
    color: white !important;
    border-radius: 0.3em;
    margin-top: 2px;
    margin-bottom: 2px;
    cursor: pointer;
}
.singleButton:focus {
    background-color: #744151;
    color: white !important;
}
.disButton{
    background-color: #ffffff  !important;
    color: darkslategray !important;
}

/***************RESPONSIVE_DATATABLES_CSS*****************/

/***************FILE_INPUT_CSS*****************/
label.myLabel_n input[type="file"] {
    position: fixed;
    top: -1000px;
}

/***** Example custom styling *****/
.myLabel_n {
    border: 2px solid #744150;
    border-radius: 4px;
    padding: 2px 5px;
    margin: 2px;
    background: #DDD;
    display: inline-block;
}
.myLabel_n:hover {
    background: #CCC;
}
.myLabel_n:active {
    /*background: #CCF;*/
}
.myLabel_n :invalid + span {
    color: #A44;
}
.myLabel_n :valid + span {
    color: #000000;
}

.dateBackground {
    background-color: red !important;
}
.fc-day-top{
    cursor: pointer;
}
/***************FILE_INPUT_CSS*****************/
.innerListClass{
    overflow-x:scroll;
}

#sub-title {
    width: 100%;
    margin: 0 auto;
    /*text-align: center;*/
}

#sub-left {
    width: 18%;
    float: left;
    margin-top: 5px;
}

#sub-right {
    width: 80%;
    float: left;
    margin-left: 0.5%;
    margin-top: 5px;
}

.clear-both {
    clear: both;
}

.centerDivL {
    width: 100%;
    max-height: 74px;
    /*height: auto;*/
    margin: 0 auto;
    /*background-color: #FFA500;*/
}

.div1L {
    width: 50%;
    height: auto;
    /*max-height: 45px;*/
    /*background-color: #A52A2A;*/
    float: left;
}

.div2L {
    /*width: 10%; !important;*/
    height: auto;
    float: right !important;
}
.centerDiv2L {
    height: 40px !important;
    background-color: #744150;
    box-shadow: 0 0 3px 1px #aaaaaa;
    margin-right: 19px;
}
.div3L {
    width: 97%;
    height: auto;
    /*background-color: #008000;*/
    margin: 0 auto;
    padding-top: 2px;
    font-size: medium;
    font-weight: bold;
    text-align: end;
}

.div4L {
    width: 88%;
    height: auto;
    /*background-color: #008000;*/
    margin: 0 auto;
    text-align: end;
}