:root {
  --white: #F1FAEE;
  --light-blue: #A8DADC;
  --blue: #457B9D;
  --dark-blue: #1D3557;
  --red: #E63946

}

#home-icon {
  font-size: 150%;
  color: var(--dark-blue);

}
.block{
  display:grid;
  height:50px;
  margin:0 10px 10px 0;
  padding:10px 21px;
  text-transform:uppercase;
  font-family:'Arial';
  font-weight:400;
  font-size:16px;
  text-transform: uppercase;
  color:white;
  background:gray;
  word-break: break-word;
}

.block p{
  margin-left: 27px;
  margin-top: -28px;
}

.block a {
  color:var(--white);
  text-decoration:none;
}

.block:hover {
  font-weight:bold;
}

.country_label{
  color:var(--dark-blue);
  font-size:150%;
}

.subblock {
	margin-left:3%;
}

.branch-container{
	margin-left:3%;
	margin-top:200px;
}
.branch-container.row.span_12.container {
	margin-top:20px;
	margin-bottom:10px;
}
.subclasses{
  /* width:300px;
  margin-left:25%; */
}

.dataTables_wrapper  {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 90%;
  margin-left: 5%;
  margin-top:20px;
}

.dataTables_length label {
	display: flex;
}

.dataTables_length .fancy-select-wrap {
	padding-left: 10px;
	padding-right: 10px;
	padding-top:0px!important;
}

table.dataTable.no-footer {
    padding-top: 10px;
}

.domain_table_wrapper td, .domain_table_wrapper th {
  text-align: left;
  padding: 8px;
  color:black;
}

.domain_table_wrapper th {
	font-weight:600;
}

.domain_table_wrapper tr:nth-child(even) {
  background-color: white;
}

.domain_table_wrapper tr:nth-child(odd) {
  background-color: #f3f3f3;
}
.domain_table_wrapper thead tr th{
  background-color: gray;
}
.domain_table_wrapper thead tr th:hover{
  cursor:pointer;
}
.domain_table_wrapper th.center {
	text-align:center;
}



table.dataTable thead tr th.sorting_desc:after {
   font-family: 'Material Icons';
  content: "arrow_upward";
  -webkit-font-feature-settings: 'liga';
}

table.dataTable thead tr th.sorting_asc:after {
  font-family: 'Material Icons';
  content: "arrow_downward";
  -webkit-font-feature-settings: 'liga';
}

td i{
	color: var(--dark-blue);
}

td a {
    display:block;
    width:100%;
	color:black;
    text-decoration: none;
    text-align:center;
}

.selector-textbox-container{
	background: rgb(243, 243, 243);
	width: 200px;
	height: 145px;
	display: none;
    color: black;
    text-align: center;
	border: 1px solid black;
    border-radius: 6px;
    padding: 2px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 42px;
	left: -100px;
}
.selector-textbox-container button {
	margin-top: 6px;
	padding: 6px;
}
.selector-textbox-container::after {
	z-index: -1;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 2%;
    content: '';
    width: 0;
    height: 0;
    border-top: solid 30px #a9a4a4;
    border-left: solid 30px transparent;
    border-right: solid 30px transparent;
}

.selector-textbox-container p{
	padding-bottom: 0px;
	padding-top: 3px;
	margin-bottom: -15px;
}

p.selector-error-field {
	color:red;
}

.selector-textbox-container input{
	width: 82%;
	margin-top: 6px !important;
}

input.selector-textbox{
	width: 33%;
}
span.material-icons.red.selector{
/* 	float:left; */
}

span.material-icons.add-selector{
	cursor: pointer;
}



.icon-wrapper{
	margin-left: calc(50% - 16px);
    width: 56px;
    display: flex;
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: rgb(243, 243, 243, 0.95);
    color: black;
    text-align: center;
	border: 1px solid black;
    border-radius: 6px;
    padding: 2px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: 27px;
	left: -95px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}



h2.info-header{
	text-align: center;
	margin-top: 20px;
}

.material-icons.green{
	color:green;
}
.material-icons.orange{
	color:orange;
}
.material-icons.red{
	color:red;
}

.info-icon{
  text-align: center;
}
.refresh-right {
  margin-right: 15px;
  float: right;
  cursor: pointer;
}

.chart_container{
	margin-right:0px;
}

.circle_subtext{
	font-size:50%;
}

.fancySearchRow input{
	width:100px;
}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}
@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}
@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}
@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}
.spin {
    animation: spin 1000ms linear infinite;
}