#inner {
    display: table;
    margin: 0 auto;
    /*border: 1px solid black;*/
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -100px;
}

#outer {
    /*border: 1px solid red;*/
    width: 100%
}

.label {
    font-size: 20px;
    font-weight: bold;
}

.error {
    color:red;
    font-weight:bold;
}
.Success{
    color:forestgreen;
    font-weight:bold;
    background-color:yellow;
}
.pnlLogin {
    margin-top: -40px;
    margin-right: 7px !important;
  /*  float:right;
    position:absolute;*/
}

.menu {
    margin-top: 15px;
}

.menu a {
        font-size: 20px;
        margin-left: 10px;
        color: white;
}

.align {
    align-self: center;
    padding-left: 2460px;
}

.navbar-inverse {
/*    background-image: linear-gradient(#7e2de3, #5e67e6,#2EAEE5);*/
    background-image: linear-gradient(to right, #9f78ff, #32cafe);
    /*background-color: #01b797 !important;*/
    /* display: flex !important;*/
}

.has-popup ul {
    margin-top: 15px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    width: Auto !important;
    background-image: linear-gradient(to right, #9f78ff, #32cafe);
}


.pnlLogout {
    margin-top: -40px;
    margin-right: 7px !important;
}

@media screen and (min-width: 200px) {
    .container .jumbotron, .container-fluid .jumbotron {
        margin-top: 27px !important;
    }
}

.BootStraplabel {
    display: inline-block;
    padding: 2px 4px;
    font-size: 17px;
    font-weight: bold;
    line-height: 14px;
    /*color: #ffffff;*/
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    vertical-align: baseline;
    /* background-color: #999999;*/
}
.inlineblock {
    padding-left: 30%;
    padding-right: 20%;
}

/*tr:hover {
    background-color: #f5f5f5;
}*/

GridView {
    border-collapse: collapse;
    width: 100%;
}


.loginTable tr:hover {
    /* background-color: #01b797 !important;*/
    /*    background-image: linear-gradient(#7e2de3, #5e67e6,#2EAEE5);*/
    background-color:transparent !important;
}

.defaultButton {
    background-color: #5e67e6 !important; /*#5e67e6*/
    color: White !important;
    font-size: 14px !important;
    font-weight: bold !important;
    padding: 8px !important;
}

.col-xs-3 {
    width: 18% !important;
}

.roundedLabel{
    border-radius:42px !important;
}
/*h2 {
    font-size: 25px !important;
    line-height: 20px !important;
    margin-bottom: 20px !important;
    color: #0a2288 !important;
}

*/
.StickyHeader th {
    position: sticky;
    top: 0
}

/**===== bars5 =====*/
#bars5 {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 50px;
    width: 50px;
    margin: -25px 0 0 -25px;
}

    #bars5 span {
        position: absolute;
        display: block;
        bottom: 10px;
        width: 9px;
        height: 5px;
        background: rgba(0, 0, 0, 0.25);
        -webkit-animation: bars5 3s infinite ease-in-out;
        animation: bars5 3s infinite ease-in-out;
    }

        #bars5 span:nth-child(2) {
            left: 11px;
            -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
        }

        #bars5 span:nth-child(3) {
            left: 22px;
            -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
        }

        #bars5 span:nth-child(4) {
            left: 33px;
            -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
        }

        #bars5 span:nth-child(5) {
            left: 44px;
            -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
        }

@keyframes bars5 {
    0% {
        height: 5px;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        background: skyblue;
    }

    25% {
        height: 30px;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        background: #008744;
    }

    50% {
        height: 30px;
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
        background: skyblue;
    }

    100% {
        height: 5px;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        background: #008744;
    }
}

@-webkit-keyframes bars5 {
    0% {
        height: 5px;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        background: skyblue;
    }

    25% {
        height: 30px;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        background: #008744;
    }

    50% {
        height: 30px;
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
        background: skyblue;
    }

    100% {
        height: 5px;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        background: #008744;
    }
}
/** END of bars5 */

/*html, body {
    margin: 0;
    padding: 0;
    text-align: center;
    background: #ddd;*/ /* For demonstration purposes only */
/*}*/
/*
#wrapper {
    width: 100%;
    max-width: 980px;
    text-align: left;
    margin: 0 auto;
    background: #fff;  For demonstration purposes only 
}*/


.gridview-style1 tr th {
   /*border: 0px solid #6e7bd9;*/
   border: 0px solid #FFC985;
   color: #bb6905;
   background-color: #FFC985;
}

.gridview-style1, .gridview-style1 tr td {
   border: 0px solid #000;
}

   .gridview-style1 tr:nth-child(even) {
      /*background: #f8f7ff*/
      background: #fffaea;
   }

.gridview-style1 tr:nth-child(odd) {
      background: #fff;
}

   /*
.gridview-style1 tr:hover {
   background-color: red;
}*/

   .gridview-style1 th, .gridview-style1 td {
      padding: 8px !important;
      border-bottom: 1px solid #ddd !important;
      text-align: center !important;
   }

/* ---------------------------------------------------------------------------------------------------- */
.gridview-style2  {
   width: 100%;
}

.gridview-style2 tr th {
   border: 0px solid #FFF;
   /*color: white; */
   background-color: #FFF;
}

.gridview-style2, .gridview-style1 tr td {
    border: 0px solid #000;
}

.gridview-style2 td {
   font-size: 14px;
}



   .bg-Color-LightGray {
      background: #F9F9F9;
   }

.trHeight64 td {
   height: 64px;
   vertical-align: middle;
}

   /*
      .gridview-style2 tr {
         background: #F9F9F9
      }

      
      .gridview-style2 tr:nth-child(even) {
         background: #f8f7ff
      }

      .gridview-style2 tr:nth-child(odd) {
         background: #fff;
      }
         */
   /*
.gridview-style1 tr:hover {
   background-color: red;
}*/

   .gridview-style2 th, .gridview-style2 td {
         padding: 6px !important;
         border-bottom: 8px solid white !important;
         text-align:  !important;
      }

.tablePadding {
   border-style: None;
}

.tablePadding th, .tablePadding td {
   padding: 12px !important;
   
   font-size: 12px;
}





#page-container {
   position: relative;
   min-height: 93vh;
}

#content-wrap {
   padding-bottom: 3.1rem; /* Footer height */
}

#footer {
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 2.1rem; /* Footer height */
   text-align: center;
}


.banner {
   padding: 20px;
   /*background-color: #6244bb;*/
   background-color: #DD8B26;
   color: black;
   opacity: 1;
   transition: opacity 0.6s;
   text-align: center;
}

.MessageBanner {
   padding: 15px;
   /*background-color: #6244bb;*/
   background-color: #FFF0CF;
   color: black;
   opacity: 1;
   transition: opacity 0.6s;
   text-align: center;
   border-radius: 12px;
   margin-bottom: 20px;
}

.color-label {
   /*color: #990099;*/
   color: #bb6905; /*#DD8B26;*/
   
}

/*.color-white {
   color: white;
}*/

.color-link {
   color: black;
}

.banner_content {
   max-width: 700px;
}

.banner_content2 {
   max-width: 770px;
}


.banner_content, .banner_content2, .MessageBanner_content {
   margin: 0 auto;
}



  /* .alert.info-banner {
      background-color: #6244bb;
   }*/

.closebtn {
   margin-left: 15px;
   color: white;
   font-weight: bold;
   float: right;
   font-size: 22px;
   line-height: 20px;
   cursor: pointer;
   transition: 0.3s;
}

   .closebtn:hover {
      color: black;
   }

.bubble-paragraph, .bubble-paragraph2 {
   /*background: #F8C5FA;*/
   /*background: linear-gradient(135deg,#9658fe 0%,#3a8ffe 100%);*/
   background: linear-gradient(135deg,#dd8b26 0%,#dd8b2659 100%);
   border-radius: 18px;
   padding: 20px;
   height: 420px;
   width: 450px;
   color: black;
}

.bubble-paragraph2 {
   width: 375px;
   height: 420px;
}



.pageborder {
   margin: auto;
   width: 100%;
   border: 3px solid #DD8626; /*#5700C0*/
   padding: 10px;
}