/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@-moz-document url-prefix() {
.embed-class{
    width: 100%;
    height: 400px;
}}

.embed-class{
    width: -webkit-fill-available;
    height: -webkit-fill-available;
}
#dialog-message{
	display: none;
	overflow: hidden;
	width: 100%;
	height: 100%;
	padding-top: 10px;
}

.fa-spinner{
	margin-left: 30%;
	margin-right: 30%;
	font-size:1000%; 
	color:#0087c0;
}


.fa-refresh {
	margin-left: 30%;
	margin-right: 30%;
	font-size:1000%; 
	color:#0087c0;
}

.fa-circle-o-notch{
	margin-left: 30%;
	margin-right: 30%;
	font-size:1000%; 
	color:#0087c0;
}

.label-circle{
    padding: 0% 6% 1%;
}

.no-td-top {
	border-top: 0px !important;
}
.three-column-table td {
	display: block;
}

 .dataTables{
 	width: 100% !important;
 	border-color: gainsboro !important;
 	margin-left: 0px !important;
 } 

 .dataTables th{
	background-color: #0098d8;
	font-size: 14px;
} 
.dataTablesTen{
 	width: 100% !important;
 	border-color: gainsboro !important;
 	margin-left: 0px !important;
 } 
 .dataTablesTen th{
	background-color: #0098d8;
	font-size: 14px;
} 

.dataTablesDELIN{
 	width: 100% !important;
 	border-color: gainsboro !important;
 	margin-left: 0px !important;
 } 
 .dataTablesDELIN th{
	background-color: #0098d8;
	font-size: 14px;
} 

.dataTablesRenew{
 	width: 100% !important;
 	border-color: gainsboro !important;
 	margin-left: 0px !important;
 } 
 .dataTablesRenew th{
	background-color: #0098d8;
	font-size: 14px;
} 
 .dataTablesIAGroup{
 	width: 100% !important;
 	border-color: gainsboro !important;
 	margin-left: 0px !important;
 } 
 .dataTablesIAGroup th{
	background-color: #0098d8;
	font-size: 14px;
} 
 
 .dataTables_length select{
        width: 100% !important;
  } 

.dataTablesIA{
 	width: 100% !important;
 	border-color: gainsboro !important;
 	margin-left: 0px !important;
 } 
 .dataTablesIA th{
	background-color: #0098d8;
	font-size: 14px;
} 

.dataTablesIAAdmin{
 	width: 100% !important;
 	border-color: gainsboro !important;
 	margin-left: 0px !important;
 } 
 .dataTablesIAAdmin th{
	background-color: #0098d8;
	font-size: 14px;
} 
 
table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    position: absolute;
    right: 8px;
    line-height: normal;
    display: block;
    font-family: FontAwesome;
}

table.dataTable thead th.sorting:after {
    content: " ";
    color: @twilight;
    opacity: 1 !important;
}
table.dataTable thead th.sorting_asc:after {
    content: "\f106";
    color: @brand-primary;
    opacity: 1 !important;
}
table.dataTable thead th.sorting_desc:after {
    content: "\f107";
    color: @brand-primary;
    opacity: 1 !important;
}
.table-benefits > thead > tr:last-child > th {

    text-align: left !important;

}
table.dataTablesDELIN thead th.sorting_asc:after {
    content: none !important;    
}
table.dataTablesDELIN thead th.sorting_desc:after {
    content: none !important;    
}
table.dataTable.table-condensed .sorting::after, table.dataTable.table-condensed .sorting_asc::after, table.dataTable.table-condensed .sorting_desc::after {
    top: 35% !important;
    right: 15% !important;
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
	.embed-class{
		display: none !important;
	}	
}

@media 
only screen and (max-width: 760px),
(min-device-width: 300px) and (max-device-width: 700px)  {
	.table-benefits td{
		text-align: right !important;
	}
	.td-data{
		text-align: right !important;
	}
}
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
	.embed-class{
	    padding-left: 0%;
	    width: -webkit-fill-available;
	    height: -webkit-fill-available;
	}		
	/* Even Odd Color Changer */	
	.odd{
		background-color: #eee;
	}
	
	/* Force table to not be like tables anymore */
	.dataTable table, .dataTable thead,.dataTable tbody,.dataTable th,.dataTable td, .dataTable tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -1000px;
		left: -1000px;
	}
	
	/* Add Border to tr */
	.dataTable tr { border: 1px solid #ccc; margin-top: 3%;}

	/* Set Border Color to White and Baground-color to white */
	.dataTable{
		border-color: white !important;
		background-color: white !important;
		margin-left: 0px !important;
	}
	
	.dataTable td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
        padding-right: 20%;
	}
	
	/* Add Padding to original Data inside a Table */
    .td-data {
       padding-left: 50% !important;
    }
   .table-benefits .td-data{
    	text-align: right !important;
  	}	
	.td-data:empty {
	  padding-top: 7%;
	}
	
	/* Mimic th as td */
	.dataTable td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		font-weight: 900;
		white-space: nowrap;
	}
	
	.dataTable td:before { content: attr(data-content); text-align: left;}
}

.spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10%;
  margin-botton: 5%;
  -webkit-animation: rotator 1.4s linear infinite;
          animation: rotator 1.4s linear infinite;
}

@-webkit-keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}

@keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}
.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
          animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes colors {
  0% {
    stroke: #4285F4;
  }
  25% {
    stroke: #4285F4;
  }
  50% {
    stroke: #4285F4;
  }
  75% {
    stroke: #4285F4;
  }
  100% {
    stroke: #4285F4;
  }
}

@keyframes colors {
  0% {
    stroke: #4285F4;
  }
  25% {
    stroke: #4285F4;
  }
  50% {
    stroke: #4285F4;
  }
  75% {
    stroke: #4285F4;
  }
  100% {
    stroke: #4285F4;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg);
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg);
  }
}
.svgSpinner{
 width: 150px;
 height: 150px;
}
.col-md-12 ul{
	list-style-type: none;
}
.ie-fix{
	display: none;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */

	.ie-fix{
		display: block !important;
	}
}

/* Begin - Spinner Classes */
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #0087c0;
  width: 120px;
  height: 120px;
  margin:auto;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.cbc-spinner{
	color:#0087c0;
}
/* End - Spinner Classes */
@media screen and (max-width: 1025px){
	.embed-class{
		display: none;
	}		

}