td.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
    width: 18px;
}

tr.shown td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}

th.dt-center, td.dt-center { text-align: center; }

th.dt-right, td.dt-right { text-align: right; }

.mydatatable_details{
    font-size: 12px;
    border-radius: 1px;
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
}

table.mydatatable_details tbody td{
    padding: 3px;
}

table.mydatatable_details thead th{
    padding: 3px;
}

.status-refilling {
    background-color: blue !important;
    color: white !important;
    padding: 2px 5px;
    border-radius: .25em;
}

.status-submitted{
    background-color: grey !important;
    color: white !important;
    padding: 2px 5px;
    border-radius: .25em;
}
.status-cancelling{
    background-color: orange !important;
    color: black !important;
    padding: 2px 5px;
    border-radius: .25em;
}
html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'Ubuntu', "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    height: 100%;
    margin-bottom: 60px;
    font-size: 14px;
    line-height: 1.5;
    color: #555555;
    background-color: #ffffff;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: white;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: black;
}
            .redcolor{
                 color:red;
            }

            .badge1{
                background-color: red;
                position: relative;
                top:-8px;
            }
          .fadingEffect {
              background:black;
          }
        td:last-child{
            white-space: nowrap;
        }
          .sitename {
              position:relative;
              line-height:2em;
              overflow:hidden;
              margin:0 auto;
          }
          .fadingEffect {
              position:absolute;
              top:0; bottom:0; right:0;
              width:100%;
              -moz-animation: showHide 4s ease-in alternate infinite; /* Firefox */
              -webkit-animation: showHide 4s ease-in alternate infinite; /* Safari and Chrome */
              -ms-animation: showHide 4s ease-in alternate infinite; /* IE10 */
              -o-animation: showHide 4s ease-in alternate infinite; /* Opera */
              animation: showHide 4s ease-in alternate infinite;
          }
          @-webkit-keyframes showHide { /* Chrome, Safari */
              0% {width:100%}
              40% {width:0%}
              60% {width:0%;}
              100% {width:100%;}
          }
          @-moz-keyframes showHide { /* FF */
              0% {width:100%}
              40% {width:0%}
              60% {width:0%;}
              100% {width:100%;}
          }
          @-ms-keyframes showHide { /* IE10 */
              0% {width:100%}
              40% {width:0%}
              60% {width:0%;}
              100% {width:100%;}
          }
          @-o-keyframes showHide { /* Opera */
              0% {width:100%}
              40% {width:0%}
              60% {width:0%;}
              100% {width:100%;}
          }
          @keyframes  showHide {
              0% {width:100%}
              40% {width:0%}
              60% {width:0%;}
              100% {width:100%;}
          }