body {
	background-color: #FCFCFC;
}
.pagetitle {
    color: #800080;
}
.header-container {
	padding-top: 10px;
}
.alert-msg {
	color: #C00;
}
.info-msg {
	margin-top: 20px;
}
.btn-amp {
	background-color: #ff5100;
	border-color: #ff5100;
	color: white;
}
.main-container {
	border: 2px solid #CCC;
    padding: 15px;
    border-radius: 10px;
}
h1:before, h2:before, h3:before, h4:before{
    content:'/';
    color: #ff5100;
    padding-right: 15px;
}

h1, h2, h3, h4 {
    font-weight: bold !important;
}

.btn-primary {
    background-color: #ff5100 !important;
    border-color: #ff5100 !important;
}
/* Spinner css */
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #ff5100;
  width: 180px;
  height: 180px;
  -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); }
}

/*search bar styling*/
#files_table thead {
	display:block;
}
#files_table tbody {
	display:block;
	height:15em; /* 5 times the equivalent of a text "size". */
	overflow-y:scroll;
}
#files_table thead tr th:nth-child(1) { /* column 1 ! */
    width:150em;
}
#files_table thead tr th:nth-child(2) { /* column 2 */
    width:150em;
}
#files_table tbody tr:first-child td:nth-child(1) { /* column 1 ! */
    width:150em;
}
#files_table tbody tr:first-child td:nth-child(2) { /* column 2 */
    width:150em;
}

/* search field */
#searchfolder {
    width: 100%;
}
p.filter-table:nth-child(1) > input:nth-child(3) {
    width:100%;
}
#table_title {
    display:inline;
}
#table_title:after {
    content:"\a\a";
    white-space: pre;
}

.to-top {
    color: grey !important;
    padding-top: 1.8em;
    display: inline-block;
    position: relative;
    border-color: grey;
    text-decoration: none;
    transition: all .3s ease-out;
}

/* PROGRESS BAR */
.progress {height: 3rem !important;}

@media (min-width: 768px) {
  .modal-xl {
    width: 98%;
    max-width:1500px;
    height:95%;
  }
}

.modal-body {
    /* 100% = dialog height, 120px = header + footer */
    max-height: calc(100% - 60px);
}

#dashboard_table {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#dashboard_table td, #device_table th {
  border: 1px solid #ddd;
  padding: 8px;
}

#dashboard_table tr:nth-child(even){background-color: #f2f2f2;}

#dashboard_table tr:hover {background-color: #ddd;}

#dashboard_table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #ff5100;
  color: white;
}