[data-cellid="footer_c1"][data-page=".global_login"][data-cellid="footer_c1"][data-page=".global_login"][data-cellid="footer_c1"][data-page=".global_login"] {
  width: 33.33333333%;
}
[data-cellid="footer_c2"][data-page=".global_login"][data-cellid="footer_c2"][data-page=".global_login"][data-cellid="footer_c2"][data-page=".global_login"] {
  width: 66.66666667%;
}


/* This Line is for Background of all page*/
body {
height:100%;
background:transparent url('/images/background.jpg') no-repeat center center fixed;
background-size:cover;
-webkit-print-color-adjust:exact;

}
.r-panel-page {
    margin: auto;
    min-width: 150px;
    width: 500px;
    display: table;
    max-width: calc(100vw - 20px);
    margin-top: 15%;
}
.panel {
      border-radius: 7px;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
}
.panel-primary {
    border: 1px solid #4394ce;
    box-shadow: inset 0 0 2px 1px rgb(255 255 255 / 8%), 0 16px 10px -8px rgb(111 168 226 / 60%);
    
}

.panel-primary > .panel-heading {
    background-image: linear-gradient(#3979a3, #186998 60%, #2094d7);
}
.r-panel-top {
    display: inline-block;
    flex-direction: row;
    flex-wrap: nowrap;
}

/* This Line is for Background of the logo*/
.r-vbar-page .r-left [data-logo-cell][data-logo-cell] {
    background-image: linear-gradient(#3979a3, #186998 60%, #2094d7);
    border-right: none;
    border-left: none;
    border-top: solid #1995dc 1px;
    border-bottom: solid #1995dc 1px;
    display: flex;
    align-items: stretch;
    align-self: stretch;
    flex-grow: 1;
    justify-content: center;

}
/* This Line is for Background of table menu*/
.r-vbar-page .r-left {
    background-color: #fcfcfc9c;
    border-right: solid #a0a0a06b 1px;
}

/* This Line is for Background of table*/
table {
    /* background-color: rgb(255 255 255 / 70%); */
}
/* This Line is for Background of the sub table gray*/
table[data-location="grid"].table-striped[data-body-height="2"] > tbody > tr:nth-child(4n+3), table[data-location="grid"].table-striped[data-body-height="2"] > tbody > tr:nth-child(4n+4) {
    background: #dcdcdc42;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #ffffffb8;
}
table[data-location="grid"].table-striped[data-body-height="3"] > tbody > tr:nth-child(6n+4), table[data-location="grid"].table-striped[data-body-height="3"] > tbody > tr:nth-child(6n+5), table[data-location="grid"].table-striped[data-body-height="3"] > tbody > tr:nth-child(6n+6) {
    background: #f9f9f99e;
}

/* This Line is for Background of the login*/
.bs-pagepanel {
background: #ffffffb8;
}
/* This Line is for Background menu selected*/
 .r-vbar-page .r-left .nav li.active.active.active > a {
    background: #2f9be7bd;
    color: white;
    font-weight:bold;
  }
/* This Line is for Background bar top gradient */
.navbar-default {
    background-image: linear-gradient(#527898c9, #04486fab 60%, #1d9ce5ab);
    background-repeat: no-repeat;
    
}

/* This Line is for text  top bar blue  */
.breadcrumb {
    font-size: 14px;
    color: aqua;
}
/* This Line is for image avatar */
.logo {
    
    width: 300px;
}
img.avatar {
    border-radius: 50%;
    height: 37px;
    width: 37px;
}

img {
    vertical-align: middle;
    border: 0;
}
.form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffffa3;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}