/* fallback */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/material-icons.woff2) format('woff2');
}
select {
    display: none !important;
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
.input-field{margin-top: 0px;margin-bottom: 0px;}
body{background: #eee;}
.section{background: #fff;margin-bottom: 10px;}
.no-margin-bottom{margin-bottom: 0px;}
.section-title{    margin-top: 0px;
                   border-bottom: 1px solid #ccc;font-size: 18px;
                   font-weight: 600;}
#datatable{width:100% !important;margin-top: 20px !important;
    float: left;}
#datatable_wrapper .dataTables_length,#datatable_wrapper .dataTables_info{float: left;}
#datatable_wrapper .dt-buttons{margin-left: 20px;}
#datatable_wrapper #datatable_filter{float: right;padding-top: 34px;}
#datatable_wrapper .dataTables_paginate{float: right;}
.logout-btn{width: 100%;
            background: #ccc;
            padding: 10px;
            border-radius: 5px;
            font-size: 15px;
            font-weight: bold;
            margin-top: 12px;
            float: right;
            color: red;}
.navigation-wrapper{margin-bottom: 40px;}
nav{height: auto;background-color: #fff; -moz-box-shadow:    1px 1px 2px 1px #ccc;
    -webkit-box-shadow: 3px 1px 2px 1px #ccc;
    box-shadow:         1px 1px 2px 1px #ccc;}
nav .brand-logo{position: relative;    padding-top: 5px;
                padding-bottom: 5px;}
nav .hide-on-med-and-down{padding: 13px;}
nav a{color:#113d2c; }
nav ul li a{color: #113d2c;text-transform: uppercase;font-weight: bold;}
nav ul li a:hover{text-decoration: none;}
.section{width:100%;float: left;}
.sidenav li>a{color: #113d2c;text-transform: uppercase;font-weight: bold;}
.sidenav li>a:hover{text-decoration: none;}
.sidenav li{border-bottom: 1px solid #113d2c;}
.well{background-color:white;margin-bottom: 0px;margin-top: 23px;padding-bottom: 0px;padding-top: 0px;width:100%;float:left;}
.footer-section{width:100%;float:left;background: #19224d;color: #fff;}
.footer-section .section{background: #19224d;}
.footer-section .col{margin: auto;float: none;}
.footer-inner{text-align: center;margin: auto;width:100%;}
.footer-inner p{padding-top: 0px;margin-top:0px;}
/*Table Styles*/
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
  #datatable_wrapper #datatable_filter,#datatable_wrapper .dt-buttons{width:100%;text-align: center;}
  #datatable_wrapper .dt-buttons{margin: 0px;}
  #datatable_wrapper .dataTables_length{width:100%;}
}
/*Table Styles Ends*/
#datatable_wrapper .dt-buttons{float:left;padding-top:41px;}
table.dataTable>tbody>tr.child ul{width:100%;}
table.dataTable>tbody>tr.child span.dtr-title{min-width: 160px;}
.fixedFooter{position: fixed;bottom: 0;left: 0;right: 0;}
.calendar-table .monthselect,.calendar-table .yearselect{display: inline-block;}
/*Sweet Alert Css*/
.sweetAlert-inner{    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0,0,0,.7);
    z-index: 9999999;}
.sweetAlert-inner .sAInner{
    background: #fff;
    max-width: 500px;
    border-radius: 10px;
    margin: auto;
    margin-top: 40px;
    padding: 20px;
    text-align: center;
}
.i{
        font-size: 35px;
    
    padding: 13px;
    border-radius: 50%;

}
.j{
   border: 1px solid green;
   color: #3ec01d;
}
.k{
   border: 1px solid red; 
   color: #e53935;
   padding-left: 17px;
    padding-right: 17px;
}
/*Sweet Alert Css end*/
.profile-photo{width:100%;float:left;border-radius:14px;}
.profile h2,.profile h3{margin: 0px;}
.profile .fa{color:#fff;background: #000;border-radius: 50%;margin-right: 10px;}
.profile .fa-phone{padding: 13px 15px;}
.profile .fa-envelope{padding: 13px;}
.btn, .btn-large, .btn-small{background-color: #19224d;}
.btn:hover,.btn-large:hover,.btn-small:hover{background-color:#19224d}
.profile .parname{}
.pardesig{font-size: 25px;padding: 5px 0px;}
.parsocial{margin: 0px;font-size: 21px;padding: 5px 0px;}
.buttons-sections{width:100%;float: left;margin-top: 30px;}
.voucherbtn{width:45%;float:left;margin-right: 10%;border-radius: 20px;}
.sportbtn{width:45%;float:right;border-radius: 20px;}
.modal{border-radius: 20px;}
.profile .sa-title,.index .sa-title{font-size: 21px;margin-top: 20px;}
.profile .text-muted,.index .text-muted{font-size: 19px;}
@media (max-width:991px){
    .field-margin-top-on-smallScreen{margin-top:20px;}
    .profile nav .brand-logo{webkit-transform: none;
    transform: none;width:100%;left: auto;}
}
@media (max-width:414px){
    .parsocial{font-size: 14px;}
    .sweetAlert-inner .sAInner{width: 340px;}
}
@media (max-width:320px){
    .parsocial{font-size: 18px;}
    .profile .parname {
    font-size: 28px;
    font-weight: bold;
    margin-top: 10px;
}
    .sweetAlert-inner .sAInner{width: 280px;}
    .brand-logo img{width: 261px;}
    
}