table.dataTable > thead {
    background-color: #3f76c7 !important;
    color: white;
}
table.dataTable > thead .sorting,
table.dataTable > thead .sorting_asc,
table.dataTable > thead .sorting_desc,
table.dataTable > thead .sorting_asc_disabled,
table.dataTable > thead .sorting_desc_disabled {
    color: white;
}

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-1 {
    background: rgba(0, 0, 0, 0) url("../img/plus.png") no-repeat scroll center center;
    cursor: pointer;
    width: 18px;
}

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

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

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

    /*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;
    }