a {
    color: #2f353a;
    text-decoration: none;
    background-color: transparent;
  }
  .text-white {
    /* color: #fcc510 !important; */
  }
  .sidebar {
    /* color: #fcc510; */
  }
  .sidebar .nav-dropdown.open .nav-link {
    /* color: #fcc510; */
    border-left: 0;
  }
  .sidebar .nav-link.active {
    /* color: #fcc510; */
    background: #2e353a;
  }
  .sidebar .nav-link {
    display: block;
    padding: 0.75rem 1rem;
    /* color: #fcc510; */
    text-decoration: none;
    background: transparent;
  }
  .sidebar .nav-link:hover {
    /* color: rgb(252, 197, 16); */
    background: #0b0b0b;
  }
table.dataTable > thead {
    background-color: #2f353a !important;
    /* color: #fcc510; */
}
table.dataTable > thead,
table.dataTable > thead .sorting,
table.dataTable > thead .sorting_asc,
table.dataTable > thead .sorting_desc,
table.dataTable > thead .sorting_disabled,
table.dataTable > thead .sorting_asc_disabled,
table.dataTable > thead .sorting_desc_disabled {
    color: #fff;
}

table.dataTable > thead th {
    padding: 7px 0.75rem;
    vertical-align: middle;
}

table.dataTable > tbody td {
    padding: 0px 0.75rem;
    vertical-align: middle;
}

  /*!
 * DataTables + Font Awesome integration
 * License: MIT - http://datatables.net/license
 */

/*
 * Sort styling
 */

table.dataTable thead th {
	position: relative;
	background-image: none !important; /* Remove the DataTables bootstrap integration styling */
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
	position: absolute;
	top: 12px;
	right: 8px;
	display: block;
	font-family: FontAwesome;
}

table.dataTable thead th.sorting:after {
	content: "\f0dc";
	color: #ddd;
	font-size: 0.8em;
	padding-top: 0.12em;
}
table.dataTable thead th.sorting_asc:after {
	content: "\f0de";
}
table.dataTable thead th.sorting_desc:after {
	content: "\f0dd";
}

div.dataTables_scrollBody table.dataTable thead th.sorting:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {
	content: "";
}

/* In Bootstrap and Foundation the padding top is a little different from the DataTables stylesheet */
table.table thead th.sorting:after,
table.table thead th.sorting_asc:after,
table.table thead th.sorting_desc:after {
	top: 8px;
}


/*
 * DataTables style pagination controls
 */
div.dataTables_paginate a.paginate_button.first,
div.dataTables_paginate a.paginate_button.previous {
	position: relative;
	padding-left: 24px;
}

div.dataTables_paginate a.paginate_button.next,
div.dataTables_paginate a.paginate_button.last {
	position: relative;
	padding-right: 24px;
}

div.dataTables_paginate a.first:before,
div.dataTables_paginate a.previous:before {
	position: absolute;
	top: 8px;
	left: 10px;
	display: block;
	font-family: FontAwesome;
}

div.dataTables_paginate a.next:after,
div.dataTables_paginate a.last:after {
	position: absolute;
	top: 8px;
	right: 10px;
	display: block;
	font-family: FontAwesome;
}

div.dataTables_paginate a.first:before {
	content: "\f100";
}

div.dataTables_paginate a.previous:before {
	content: "\f104";
}

div.dataTables_paginate a.next:after {
	content: "\f105";
}

div.dataTables_paginate a.last:after {
	content: "\f101";
}


/*
 * Bootstrap and foundation style pagination controls
 */
div.dataTables_paginate li.first > a,
div.dataTables_paginate li.previous > a {
	position: relative;
	padding-left: 24px;
}

div.dataTables_paginate li.next > a,
div.dataTables_paginate li.last > a {
	position: relative;
	padding-right: 24px;
}

div.dataTables_paginate li.first a:before,
div.dataTables_paginate li.previous a:before {
	position: absolute;
	top: 6px;
	left: 10px;
	display: block;
	font-family: FontAwesome;
}

div.dataTables_paginate li.next a:after,
div.dataTables_paginate li.last a:after {
	position: absolute;
	top: 6px;
	right: 10px;
	display: block;
	font-family: FontAwesome;
}

div.dataTables_paginate li.first a:before {
	content: "\f100";
}

div.dataTables_paginate li.previous a:before {
	content: "\f104";
}

div.dataTables_paginate li.next a:after {
	content: "\f105";
}

div.dataTables_paginate li.last a:after {
	content: "\f101";
}

/* In Foundation we don't want the padding like in bootstrap */
div.columns div.dataTables_paginate li.first a:before,
div.columns div.dataTables_paginate li.previous a:before,
div.columns div.dataTables_paginate li.next a:after,
div.columns div.dataTables_paginate li.last a:after {
	top: 0;
}

div.dataTables_processing {
    border: 2px solid #2C579B;
    color: #D12C2C;
}


.ui-datepicker-calendar {
    display: none;
    }

td.details-control {
    background: rgba(0, 0, 0, 0) url("../img/plus.png") no-repeat scroll center center;
    cursor: pointer;
    width: 18px;
}

tr.shown td.details-control {
    background: rgba(0, 0, 0, 0) url("../img/minus.png") no-repeat scroll center center;

}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #2f353a;
    border-color: #1f2224;
  }
    /*table.dataTable tbody th,
    table.dataTable tbody td {
        white-space: nowrap;
    }
    */
    @media (min-width: 768px) {
      .modal-xl {
        width: 95%;
        max-width:1200px;
      }
    }

    .block{
        display: block;
    }

    .strength_meter{
        height:23px;
        width: 100%;
        background:silver;

    }
    .strength_meter div{
        height:23px;
        width:100%;
        height:23px;
        text-align:center;
        color:black;
        font-weight:bold;
        line-height:23px;
    }
    .veryweak{
        background-color: #FFA0A0;
    border-color: #F04040!important
    }
    .weak{
    background-color: #FFB78C;
    border-color: #FF853C!important;
    }
    .medium{
    background-color: #FFEC8B;
    border-color: #FC0!important;
    }
    .strong{
    background-color: #C3FF88;
    border-color: #8DFF1C!important;
    }

    .bg-custom{
        /* background-image: url("../img/bg-mid.png"); */
        background-color: black;
    }
    .bg-custom-top{
        /* background-image: url("../img/bg-top.png"); */
        background-color: #fff;
    }
    .app-header .navbar-toggler-icon {
        height: 23px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%2373818f' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
      }
      .app-header .navbar-toggler:hover .navbar-toggler-icon {
       background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%2373818f' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
      }
      .navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {
        /* color: #ffffff; */
      }
      .navbar-nav .nav-link {
        /* color: #f2f9ff; */
      }
      .alert-info {
        color: #868e95;
        background-color: #e4e7ea;
        border-color: #e4e7ea;
      }
      .page-link {
        position: relative;
        display: block;
        padding: 0.5rem 0.75rem;
        margin-left: -1px;
        line-height: 1.25;
        color: #475159;
        background-color: #fff;
        border: 1px solid #c8ced3;
      }