/* bootstrap.css */


body {
	background-color: #2b3134;
	color: #777;
}

/* style.css */

.container-bg {
	background-color: #1d1e22;
	border: 1px solid #3d404b;
	padding: 5px;
}

.chosen-container {
	width: 100% !important;
}

li.search-choice {
	padding: 0px 0px 0px 0px !important;
}

.hidden {
	display: none;
	visibility: hidden;
}

.show {
	display: block;
	visibility: visible;
}

.subtitle {
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
}

h4 {
	font-size: 14px;
	line-height: 17px;
}


label {
	display: block;
	/* 
	padding-left: 15px;
	text-indent: -15px;
	*/
  }

a {
	color: #777;
}
a:hover {
	color: #aaa;
	text-decoration: none;
}

.loader{
	height: 100px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
  }
  
  /*
	Set the color of the icon
  */
  svg path,
  svg rect{
	fill: #ddca7e;
  }


div.filepath, 
div.filepath i {
	color: #ddca7e;
	font-size: 12px !important;
	white-space: nowrap;
}

.list-elem .elem,
.list-elem-video .video {
	font-size: 12px;
	line-height: 15px;
}
.list-elem-video .video span {
	color: #aaa;
}

.list-elem {
	background-color: #333642;
	border: 1px solid #777;
	padding: 10px;
	margin-bottom: 5px;
}
.list-elem-video {
	background-color: #333642;
	border-bottom: 1px solid #777;
	padding: 10px;
	margin-bottom: 5px;
}

.scrollbar div:last-of-type {
	border-bottom: 10px solid red;
}

.list-elem-video {
	overflow: hidden;
	text-overflow: ellipsis;
}

.list-elem div,
.list-elem-video div {
	/* white-space: nowrap; */
	overflow: hidden;
	text-overflow: ellipsis;
}

.list-elem:hover,
.list-elem-video:hover {
 background-color: #333642;
 cursor: pointer;
 cursor: hand;
}

.btn {
	cursor: pointer;
	cursor: hand;
}


h5 {
	text-transform: uppercase;
	color: #ddca7e;
	font-weight: normal;
}

h6 {
	color: #ddca7e;
	font-weight: normal;
	margin-bottom: 0px;
}

h4 {
	color: #ddca7e;
	font-weight: normal;
}

label {
	color: #aaa;
}

.bold {
	font-weight: bold;
}

.dark {
	color: #777;
}

.custom-switch label {
	font-size: 13px !important;
	line-height: 20px !important;
}

.form-check-input:checked,
.custom-control-input:checked~.custom-control-label::before {
	border-color: #ddca7e;
	background-color: #ddca7e;
}

.log-entry {
	font-size: 11px !important;
	overflow-x: hidden;
}

.time {
	color: #777;
	font-size: 8px !important;
	display: inline-block;
}
.log-info {
	color: #aaa;
}
.log-error {
	color: red;
}


.progressbar-container {
	margin-top: 3px;
	margin-bottom: 11px;
	height: 4px;
	border: 1px solid #aaa;
	width: 100%;
}

.progressbar {
	width: 0px;
	height: 2px;
	background-color: #ddca7e;
}

.drag-file {
	border: 1px dashed #aaa;
	text-align: center;
	width:100%;
	height:100px;
}

.drag-file-on {
	background-color: #333642;
	outline: 1px dashed #ddca7e;
	border: 0;
	outline-offset: -2x;
}


.drag-file input {
	display: none;
}

.drag-file label {
}


.checkbox-lg .custom-control-label::before, 
.checkbox-lg .custom-control-label::after {
  top: .8rem;
  width: 1.55rem;
  height: 1.55rem;
}

.checkbox-lg .custom-control-label {
  padding-top: 8px;
  padding-left: 8px;
  line-height: 20px;
}


.checkbox-xl .custom-control-label::before, 
.checkbox-xl .custom-control-label::after {
  top: 1.2rem;
  width: 1.85rem;
  height: 1.85rem;
}

.checkbox-xl .custom-control-label {
  padding-top: 23px;
  padding-left: 10px;
}


[data-toggle="collapse"] h5:before {  
	content: "[+]";
  }

  [data-toggle="collapse"].collapsed h5:before {
	content: "[-]";
  }

  .remove-elem-video i.fas:hover {
	  color: red;
  }

  legend h4 {
	  padding-top: 5px;
	  padding-left: 3px;
	  padding-right: 3px;
  }

  fieldset .border {

  }

  hr { display: block; height: 1px;
    border: 0; border-top: 1px dotted #888;
	margin: 1em 0; padding: 0; 
}

  .tooltip.show div h4 {
	  padding-left: 0px;
	  margin-left: 0px;
  }
  .tooltip.show div, 
  .tooltip.show li,
  .tooltip.show strong {
	font-size: 10px;
	text-align: left;
  }
  .tooltip.show ul {
	  padding-bottom: 0px;
	  margin-bottom: 0px;
  }


  #container_presets {
	  padding: 5px;
  }

  #container_presets button {
	  margin: 2px;
  }

  .copyNextPath {
	  font-size: 10px;
	  font-color: #444;
  }

  #log,
  #logOk,
  #logError {
	  min-height: 150px;
	  margin-bottom: 0px !important;
	  white-space: nowrap;
  }

.scrollbar
{
	width: 100%;
	height: 150px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.scrollbar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
	background-color: #777;
}

.scrollbar::-webkit-scrollbar
{
	width: 5px;
	background-color: #777;
}

.scrollbar::-webkit-scrollbar-thumb
{
	background-color: #ddca7e;
}

#container-list-elem-video-queue {
	white-space: nowrap;
}

#last_log {
	margin-bottom: 20px;
	border: 1px solid #777;
	padding: 5px;
	color: red;
}

#last_log .info {
	color: #fff;
}

/* Progress tab */
#ProgressTab li a { 
	border-color:#888; 
	background-color:#25262c; 
}
#ProgressTab li.active a { 
	color: #aaa;
	border-bottom-color: transparent !important; 
	font-weight: bold !important;
}
.ProgressTab .tab-pane { 
	border:solid 1px #777; 
	border-top: 0; 
	background-color: #333642;
}

.nav-tabs .nav-item.show .nav-link {
	background-color: #1e1e21 !important;
}

.nav-tabs .nav-item .nav-link {
	color: #aaa;
}

.nav-tabs .nav-item .nav-link.active {
	background-color: #333642 !important;
	color: #aaa !important;
	border-bottom-color: transparent !important; 
}

.logContainer .head {
	white-space: nowrap;
  	overflow: hidden;
	text-overflow: ellipsis;  
}

.logContainer .btn,
.logContainer .btn:focus {
	font-family: 'Courier New', Courier, monospace;
	outline: none;
	box-shadow: none;
	font-weight: bold;
	line-height: 12px;
	font-size: 12px;
	padding: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
  }

span.timer {
	font-size: 9px;
}
.label-duration {
	/* margin-left: 20px; */
	font-size: 9px;
}

.logContainer .collapse {
	background-color: #25262c;
	border: 1px solid #1d1e22;
	padding: 5px;
	margin-left: 20px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}

.head .title {
	color: #aaa;
}

#container-duration {
	margin-top: 8px;
}

table.tableChangelog {
	margin: 10px;
    display: block;
    border-collapse: separate;	
	position: static !important;
    height: 300px;
    overflow: auto;
}

table.tableChangelog th td {
	font-weight: bold;
	vertical-align: top;
    position: sticky !important; 
    top: 0; 
    background-color: #fff;
    z-index: 20;
    position: relative;
    border-top: none !important;
    border-bottom: none !important;
     
    /* box-shadow of the thead */
    -webkit-box-shadow:0 4px 2px -2px #ddd;
    box-shadow:0 4px 2px -2px #ddd; 	
}

table.tableChangelog tr td:first-child { 
	white-space: nowrap; 
}

table.tableChangelog tr td {
	padding: 3px;
	vertical-align: top;
}


table.tableChangelog::-webkit-scrollbar-thumb{
    background: #ddca7e;
}
table.tableChangelog::-webkit-scrollbar-thumb:window-inactive{
}

table.tableChangelog::-webkit-scrollbar-track {
}

table.tableChangelog::-webkit-scrollbar {
    width: 7px; /* width of horizontal scrollbar */
    height: 7px; /* height of horizontal scrollbar */
}

div.modal div.modal-dialog .modal-content {
	background-color: #777;
	color: #fff;
}


.custom-range::-webkit-slider-thumb {
	background: #e9ecef;
}

.custom-range::-moz-range-thumb {
background: #e9ecef;
}

.custom-range::-ms-thumb {
background: #e9ecef;
}




/* checked / new */
.padding-sub {
	padding-top: 2px; 
	padding-left: 36px;
}

.text-muted {
	color: #777 !important;
}


#container_set_output_folder label:hover * {
	color: #ddca7e;
	cursor: pointer; cursor: hand;
}

#btn_start:hover {
	color: #000000;
	background-color: #ddd;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.data-ffprobe-label {
	display: inline-block;
	font-size: 10px;
	color: #aaa;
	width: 60px;
}


h1 {
	color: #fff;
}