.datatable-container
{
	/* padding-left:0px !important; */
	/* padding-right:35px !important; */
}

.dataTables_wrapper table , table.dataTable.no-footer
{
	/* border: 1px rgb(204, 204, 204) solid; */
	border:1px solid rgb(211,211,211);
}
thead
{
	/* background-color: rgb(202, 202, 202) !important; */
	/* background-color:#f0f0f0; */
	background-color: rgb(232, 232, 232) !important;
}
tfoot
{
	background-color: rgb(232, 232, 232) !important;
}

table.dataTable.display tbody tr.odd>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_1,
table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr:hover>.sorting_1, table.dataTable.order-column.hover tbody tr:hover>.sorting_1,
table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1{
  background-color:white !important;
}

table.dataTable thead th,
table.dataTable thead td, 
table.dataTable tfoot th, 
table.dataTable tfoot td
{
	border-color:rgb(211,211,211) !important;
}

table.dataTable:not(.round-dt)
{
  border-collapse:collapse;
}

.round-dt
{
  border-radius:4px;
}

.round-dt tr th:first-child { border-top-left-radius: 4px; }
.round-dt tr th:last-child { border-top-right-radius: 4px; }
.round-dt tr:last-child td:first-child { border-bottom-left-radius: 4px; }
.round-dt tr:last-child td:last-child { border-bottom-right-radius: 4px; }

table.dataTable tr td 
{
   background-color:white;
   font-size: 15px;
}

/* th grey color */
table.dataTable tr th {
    background-color: #E7E8EE !important;
    color:#192c3f !important;
;

}

table.dataTable a
{
   text-decoration:none;
   color:black;
}

table.dataTable a:hover
{
  color:#3c3c3c;
}

table.dataTable tfoot
{
	border-top:1px solid rgb(211,211,211);
}

.details-control>div 
{
    background: url('../../images/details_open_disabled.png') no-repeat center center;
    width:18px;
    height:18px;
}
.have-childrens>div
{
	/* background: url('../../images/expandall.png') no-repeat center center; */
	background: url('../../images/details_open.png') no-repeat center center;
	cursor: pointer;
}

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

.details-control>p
{
	background: url('../../images/details_open_disabled.png') no-repeat center center;
    width:18px;
    height:18px;
    margin-bottom:0px !important;
} 

table.dataTable tbody th, table.dataTable tbody td {
	padding: 10px 18px;
}

.chk-blk, #blk_all {
	float:right;
}

.datatable-container
{
	margin-top:30px;
}

.dt-title
{
	position:relative;
	margin-left:15px;
	top:10px;
}

/*** DataTable Sorting New Images **********/
.dataTable thead .sorting_asc,
.dataTable thead .sorting_desc,
.dataTable thead .sorting
{
  padding-top:8px !important;
  padding-bottom:12px !important;
  background-image: none !important;
}



/*added by yaara*/
[id$="_paginate"] {
    float: left !important;
    background-color: white;
    border-radius: 8px;
    border: 1px solid #cccccc;
    height: 30px;
    padding: 0;
    margin: 8px 0px 0px 4px;
    font-weight: 500;
    font-size: 16px;
}

.paging {
    color: #003333;
    float: left;
    padding-left: 15px;
    font-size: 16px;
    margin: 10px 0px 0px 4px;
    height: 30px;
}


/*
[id$="_paginate"] span a  {
    padding-top: 3px !important;
}*/

[id$="_length"] label select {
    color: #003333;
    padding-left: 7px;
    font-size: 16px;
    font-weight: 500;
    height: 30px;
    outline: none;
    width: 56px;
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    border: 1px solid rgb(204, 204, 204);
    cursor: pointer;
    margin-left:10px !important;
      
    /* width:55px !important; */
    width: auto !important;
    padding-right: 20px;
    
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
    background:url('/images/evt/select_arrow.png') no-repeat right rgb(255, 255, 255);
    
    /* background-position-x: 35px; */
    background-position: right 5px center;
}

[id$="_length"] label select::-ms-expand{
    display: none;
}

.paginate_button, .paginate_button.current {
    height: 100%;
    vertical-align: middle;
    margin: 0 !important;
    width: 35px;
    border: none !important;
    background-color:white !important;
}

[id$="_length"] label  {
    font-weight: 500;
    padding-right: 31px;
    cursor: pointer;
}

[id$="_length"] label:after,{
    content: "\f107";
    font-family: FontAwesome;
    padding: 12px 8px;
    position: absolute;
    right: 32px;
    bottom:-2px;
    z-index: 1;
    pointer-events: none;
    box-sizing: border-box;
    font-size: 13px;
    cursor: pointer;
}

[id$="_length"]  {
    float: right !important;
    margin: 8px 0px 0px 4px;
    font-weight: 500;
    font-size: 16px;
}


/* DataTable Fix */
.paginate_button,
.paginate_button.next,
.paginate_button.previous
{
  padding:0px !important;
  padding-top: 2px !important;

}

.dataTables_paginate
{
   padding-top:0px !important;
   margin-left:0px !important;
}

.dataTables_length label
{
  padding-right:0px !important;
  margin-right: 0 !important;
}

.dataTables_info
{
  left:40% !important;
  margin-top:7.5px;
  position:absolute;
  display:inline-block;
}


.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover
{
	/* TODO REPLACE WITH OTHER COLOR */
	/* background-color: white !important; */
	/* background:white !important; */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):hover
{
	color:#178bfd !important;
	background: transparent !important;
  	box-shadow: none !important;
	
	/*background-image: linear-gradient(rgb(187, 212, 239) 0%, rgb(23, 139, 253) 100%) !important; */  
	/* color:black !important;*/
	/* background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(220, 220, 220) 100%) !important; */
}

.dataTables_wrapper .dataTables_paginate {
    padding-top: 0;
}

/*
.dataTables_paginate span
{
    display: inline-block;
}*/

tfoot
{
    display: none !important;
}

/* ////////////////
 Header Style 
/////////////// */
.dataTable thead .sorting_asc,
.dataTable thead .sorting_desc,
.dataTable thead .sorting
{
	padding-top:8px !important;
	padding-bottom:12px !important;
	background-image: none !important;
}

.dataTable tr th.sorting_asc:after
{
	content: url('/images/evt/arrow_up.png');
	/* content :" :asc"; */
	position:relative;
	top:2px;
	left:5px;
}

.dataTable tr th.sorting_desc:after
{
	content: url('/images/evt/arrow_down.png');
	/* content: " :desc"; */
	position:relative;
	top:2px;
	left:5px;
}

.dataTable tr th.sorting:after
{
	content: url('/images/evt/arrow_up_disabled.png');
	position:relative;
	top:2px;
	left:5px;
  display: inline-flex;
  align-items: center;
}

.dataTable tr th
{
	border-right:1px solid;
	font-family:calibri !important;
	font-size:14px !important;
	color:#494F57 !important;
  white-space: nowrap;
}
.dataTable td
{
	border-right: 1px solid #e5e5e5;
	padding-left:10px;
}

.dataTable tr:first-child td:first-child, .dataTable tr:first-child th:first-child
{
  padding-left:34px;
}


.dataTable tr:first-child td:last-child, .dataTable tr:first-child th:last-child
{
  border-right: none !important;
}

table.dataTable thead th, table.dataTable thead td,
table.dataTable tbody th, table.dataTable tbody td
{
    padding: 10px 10px !important;
}

.dataTable .odd,
.dataTable .even
{
	background-color:white;
}























.dt-loader
{
	width:100%;
	height:calc(100%);
	background-color: #F7F7F7;
	z-index:1000;
	top:0px;
	position:absolute;
}

.loader-title
{
	color: rgb(31, 80, 129);
    font-size: 36px;
    font-weight: lighter;
    font-family: 'Calibri';
    text-align:center;
    position: relative;
    text-shadow: -1px 1px rgb(255, 255, 255);
    width: 220px;
    width:100%;
}

/*.loader:before,*/
/*.loader:after,*/
/*.loader */
/*{*/
  /*border-radius: 50%;*/
  /*width: 1em;*/
  /*height: 1em;*/
  /*-webkit-animation-fill-mode: both;*/
  /*animation-fill-mode: both;*/
  /*-webkit-animation: load7 1.8s infinite ease-in-out;*/
  /*animation: load7 1.8s infinite ease-in-out;*/
/*}*/
.loader 
{
  color: #1E5083;
  font-size: 10px;
  margin: 60px auto;
  margin-bottom:20px !important;
  position: relative;

  /*text-indent: -9999em;*/
  /*-webkit-transform: translateZ(0);*/
  /*-ms-transform: translateZ(0);*/
  /*transform: translateZ(0);*/
  /*-webkit-animation-delay: -0.16s;*/
  /*animation-delay: -0.16s;*/
    background-image: url(../../images/bouble.svg);
    width: 86px;
    height: 53px;
    background-repeat: no-repeat;
    background-size: 85%;
    margin-bottom: 0px !important;
}
/*.loader:before {*/
  /*left: -1.5em;*/
  /*-webkit-animation-delay: -0.32s;*/
  /*animation-delay: -0.32s;*/
/*}*/
/*.loader:after {*/
  /*left: 1.5em;*/
/*}*/
/*.loader:before,*/
/*.loader:after {*/
  /*content: '';*/
  /*position: absolute;*/
  /*top: 0;*/
/*}*/
/*@-webkit-keyframes load7 {*/
  /*0%,*/
  /*80%,*/
  /*100% {*/
    /*box-shadow: 0 1em 0 -1.3em;*/
  /*}*/
  /*40% {*/
    /*box-shadow: 0 1em 0 0;*/
  /*}*/
/*}*/
/*@keyframes load7 {*/
  /*0%,*/
  /*80%,*/
  /*100% {*/
    /*box-shadow: 0 1em 0 -1.3em;*/
  /*}*/
  /*40% {*/
    /*box-shadow: 0 1em 0 0;*/
  /*}*/
/*}*/

/* IE Loader */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .loader {
        background-image: url(../../images/bouble.gif);
        width:110px;
        top:20px;
        /*background-size:95%;*/
    }
}

/* EDGE Loader */
@supports (-ms-ime-align:auto) {
    .loader {
        background-image: url(../../images/bouble.gif);
        width:110px;
        top:20px;
        /*background-size:95%;*/
    }
}




/* ------- Paginate -------- */
.dataTables_paginate,
.dataTables_paginate a
{
	border-radius: 4px !important;
  outline: none;
}

.dataTables_paginate
{
	display:table;
}

.paginate_button
{
  width:30px;
  padding-top: 4px !important;
  text-indent:0px !important;
}

.dataTables_paginate .paginate_button.previous,
.dataTables_paginate .paginate_button.next
{
	width: 32px !important;
	font-size: 19px;
	color: #336699;
	font-weight: 900;
	vertical-align: middle !important;
	display: table-cell !important;
}

.paginate_button.current
{
	width:30px !important;
	/*background:none !important;*/
	/*border-left: 1px solid rgb(204, 204, 204) !important;*/
    /*border-right: 1px solid rgb(204, 204, 204) !important;*/
    border-radius: 0px !important;
    cursor:default !important;
}

.paginate_button a:hover
{
	background:none !important;
	background-color:#F7F7F7 !important;
}

.paginate_button a.disabled:hover
{
	background-color:white !important;
	background:none !important;
}

.dataTables_paginate .paginate_button.previous.disabled i,
.dataTables_paginate .paginate_button.next.disabled i,
.paginate_button.current
{
    color: rgba(0,0,0,0.4) !important;
}

.dataTables_paginate > a > i
{
  color:#336699;
  font-weight:900;
}


[id$="_processing"].dataTables_processing {
    height: 100%;
    position: absolute;
    top: 25px;
    width: 100%;
    font-size: 30px;
    line-height: 66%;
    color: #595959 !important;
    background: url(../../images/topomaps/ajax-loader.gif) no-repeat center center rgba(0, 0, 0, 0.09) !important;
    z-index: 1;
}