/* Field set title */
/*******************/
div.DTE_Field.DTE_Field_Type_title label {
    width: 100% !important;
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: 1px solid #aaa;
}

div.DTE_Field.DTE_Field_Type_title div {
    display: none;
	color: red;
	font-weight: bold !important;
}

div.DTE_Field.DTE_Field_Type_title:hover {
    background-color: white;
    border: 1px solid transparent;
}


div.DTE_Field.DTE_Field_Name_ffmpeg-result {
  width: 100%;
}

div.DTE_Field.DTE_Field_Name_ffmpeg-result textArea{
	width: 45em;
	height:20em;
}


div.DTE_Field_Name_adooh_file[].id input{
	width:100%
}

label.dte_field_inputcontrol {
	color: #c03333  !important;
	font-weight: bold !important;
}

/*********************/
/* Datatable options */
/*********************/

/************************/
/* Coloring links in red*/

a.linkified {
    color: var(--secondary-color);
}

/*******************************/
/* Copy, Edit and Save buttons */

div.dt-buttons a.dt-button {
    background-image: none;
    background-color: var(--primary-color);
    color: white;
}

div.dt-buttons a.dt-button:hover,
div.dt-buttons a.dt-button:focus {
    background-image: none;
    background-color: var(--secondary-color);
    text-shadow: none;
}

div.dt-buttons a.dt-button:active {
    background-color: var(--secondary-color);
    background-image: linear-gradient(to bottom, var(--secondary-color) 0%, #3c0f0f 100%);
}



div.dt-buttons a.dt-button.disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

div.dt-button-collection a {
    background-image: none;
    background-color: var(--primary-color);
    color: white;
}

div.dt-button-collection a:hover {
    background-image: none !important;
    background-color: var(--secondary-color) !important;
}

/********************/
/* Number of entries*/

.dataTables_length {
    padding: 2px;
}

/********************/
/* Paginate buttons */

div.dataTables_paginate.paging_simple_numbers a.paginate_button {
    background-color: var(--primary-color);
    color: white !important;
	font-size: 0.65vw;
}

div.dataTables_paginate.paging_simple_numbers a.paginate_button.current {
	background: var(--secondary-color) none;
	color: white !important;
	font-size: 0.65vw;
}

div.dataTables_paginate.paging_simple_numbers a.paginate_button.current:hover {
	background: var(--secondary-color) none;
	color: white !important;
	font-size: 0.65vw;
}

div.dataTables_paginate.paging_simple_numbers a.paginate_button:hover,
div.dataTables_paginate.paging_simple_numbers a.paginate_button:focus {
	background: var(--secondary-color) none;
	text-shadow: none;
	font-size: 0.65vw;
}

div.dataTables_paginate.paging_simple_numbers a.paginate_button.disabled {
    background-color: var(--primary-color);
    color: white !important;
    opacity: 0.4;
    cursor: not-allowed;
	font-size: 0.65vw;
}

div.dataTables_paginate.paging_simple_numbers a.paginate_button.disabled:hover,
div.dataTables_paginate.paging_simple_numbers a.paginate_button.disabled:focus {
    background-color: var(--secondary-color);
    color: white !important;
    opacity: 0.4;
    cursor: not-allowed;
	font-size: 0.65vw;
}

/****************/
/* Filter field */

div.dataTables_filter {
    padding: 2px;
}

/*****************/
/* Coloring rows */

.discovered-appStatus *{background-color: #eed54f !important;}
.discovered-appStatus:hover *{background-color: #ddc60f !important}
.discovered-appStatus.selected *{background-color: #eed54f !important;}

.unknown-appStatus *{background-color: #c4c4c4 !important;}
.unknown-appStatus:hover *{background-color: #919191 !important}
.unknown-appStatus.selected *{background-color: #c6c6c6 !important;color: grey}

.maintenance-appStatus *{background-color: #F39814 !important;color: grey}
.maintenance-appStatus:hover *{background-color: #ffb300 !important;color: lightgrey}
.maintenance-appStatus.selected *{background-color: #ffb300 !important;color: grey}

.notAssigned-appStatus *{background-color: #aebebe !important;color: white}
.notAssigned-appStatus:hover *{background-color: #aebebe !important;color:lightgrey}
.notAssigned-appStatus.selected *{background-color: #aebebe !important;color: white}

.confirmed-appStatus *{background-color: #ffd54f !important;color: grey}
.confirmed-appStatus:hover *{background-color: #eed54f !important;color: lightgrey}
.confirmed-appStatus.selected *{background-color: #eed54f !important;color: grey}

.suspended-appStatus *{background-color: #555555 !important;color: white;}
.suspended-appStatus:hover *{background-color: #666666 !important;color:lightgrey}
.suspended-appStatus.selected *{background-color: #666666 !important;color: white}

.operation-late-appStatus *{background-color: #d80808 !important;color: white;}
.operation-late-appStatus:hover *{background-color: #d01010 !important;color:lightgrey}
.operation-late-appStatus.selected *{background-color: #d31313 !important;color: white;}

.operation-start-appStatus *{background-color: #8cdb8f !important;}
.operation-start-appStatus:hover *{background-color: #6eae71 !important}
.operation-start-appStatus.selected *{background-color: #8cdb8f !important;color: white;}

.operation-late-startup-appStatus *{background-color: #F90909 !important;color:white;}
.operation-late-startup-appStatus:hover *{background-color: #F90909 !important;color:lightgrey}
.operation-late-startup-appStatus.selected *{background-color: #F90909 !important;color:white;}

.operation-alive-appStatus *{background-color: #50ff80 !important;}
.operation-alive-appStatus:hover *{background-color: #0cdd52 !important}
.operation-alive-appStatus.selected *{background-color: #40ff80 !important;color: white;}

.operation-stop-appStatus *{background-color: #0088cc !important;}
.operation-stop-appStatus:hover *{background-color: #60c7f6 !important}
.operation-stop-appStatus.selected *{background-color: #0088cc !important;color: white;}

.operation-hibernate-appStatus *{background-color: #007bff !important;color: lightgrey}
.operation-hibernate-appStatus:hover *{background-color: #007bff !important;color: grey}
.operation-hibernate-appStatus.selected *{background-color: #007bff !important;color: white;}

.operation-shutdown-appStatus *{background-color: #64b5f6 !important;}
.operation-shutdown-appStatus:hover *{background-color: #4fa4d7 !important}
.operation-shutdown-appStatus.selected *{background-color: #64b5f6 !important;color: white;}

.operation-exit-appStatus *{background-color: aqua !important;}
.operation-exit-appStatus:hover *{background-color: #00d9ff !important}
.operation-exit-appStatus.selected *{background-color: aqua !important;color: white;}

.operation-restart-appStatus *{background-color: blue !important;color: lightgrey;}
.operation-restart-appStatus:hover *{background-color: blue !important;color: lightgrey}
.operation-restart-appStatus.selected *{background-color: blue !important;color: white;}

.danger-css {background-color: #d80808 !important;color: white;}
.danger-css:hover  {background-color: #d01010 !important;color: lightgrey}
.danger-css.selected  {background-color: #d31313 !important;color: white;}

.offline-css * {background-color: #e57373 !important;color: white;}
.offline-css:hover * {background-color: #e53935 !important;color: lightgrey}
.offline-css.selected * {background-color: #e53935 !important;color: white;}

.success-css  {background-color: #8cdb8f !important;color: white;}
.success-css:hover  {background-color: #50c455 !important;color: lightgrey}
.success-css.selected  {background-color: #50c455 !important;color: white;}

.past-css * {background-color: darkseagreen  !important;color: white;}
.past-css:hover * {background-color: darkseagreen !important;color: lightgrey}
.past-css.selected * {background-color: darkseagreen !important;color: black;}

.soon-css * {background-color: #64b5f6 !important;color: white;}
.soon-css:hover * {background-color: #64b5f6 !important;color: lightgrey}
.soon-css.selected * {background-color: #64b5f6 !important;color: black;}

.ongoing-css * {background-color: #8cdb8f !important;color: grey;}
.ongoing-css:hover * {background-color: #8cdb8f !important;color: lightgrey}
.ongoing-css.selected * {background-color: #8cdb8f !important;color: black	;}

.unknown-css *                              {background-color: #dddddd !important;fill: #dddddd !important;color: grey;}
.unknown-css:hover *                        {background-color: #dddddd !important;fill: #dddddd !important;color: darkgrey;}
.unknown-css.selected *                     {background-color: #dddddd !important;fill: #dddddd !important;color: black	;}

/* Styles for schedule background colors */
.schedule-created-css *                     {background-color: #bbdefb !important;fill: #bbdefb !important;color: white;}
.schedule-created-css:hover *               {background-color: #64b5f6 !important;fill: #64b5f6 !important;color: grey;}
.schedule-created-css.selected *            {background-color: #54c4e6 !important;fill: #54c4e6 !important;color: black;}
.schedule-created-css-gantt                 {background-color: #bbdefb !important;fill: #bbdefb !important;color: white;}

.schedule-confirmed-css *                   {background-color: green !important;fill: darkseagreen !important;color: white;}
.schedule-confirmed-css:hover *             {background-color: green !important;fill: darkseagreen !important;color: grey;}
.schedule-confirmed-css.selected *          {background-color: green !important;fill: darkseagreen !important;color: black;}
.schedule-confirmed-css-gantt               {background-color: green !important;fill: darkseagreen !important;color: white;}

.schedule-confirmed-past-css *              {background-color: #6D8569 !important;fill: #6D8569  !important;color: white;}
.schedule-confirmed-past-css:hover *        {background-color: #6D8569  !important;fill: #6D8569  !important;color: grey;}
.schedule-confirmed-past-css.selected *     {background-color: #6D8569  !important;fill: #6D8569  !important;color: black;}
.schedule-confirmed-past-css-gantt          {background-color: #6D8569  !important;fill: #6D8569  !important;color: white;}

.schedule-confirmed-soon-css *              {background-color: #64b5f6 !important;fill: #64b5f6 !important;color: white;}
.schedule-confirmed-soon-css:hover *        {background-color: #64b5f6 !important;fill: #64b5f6 !important;color: green;}
.schedule-confirmed-soon-css.selected *     {background-color: #64b5f6 !important;fill: #64b5f6 !important;color: black;}
.schedule-confirmed-soon-css.selected-gantt {background-color: #64b5f6 !important;fill: #64b5f6 !important;color: black;}

.schedule-confirmed-ongoing-css *           {background-color: #8cdb8f !important;fill: #8cdb8f !important;color: grey;}
.schedule-confirmed-ongoing-css:hover *     {background-color: #8cdb8f !important;fill: #8cdb8f !important;color: white;}
.schedule-confirmed-ongoing-css.selected *  {background-color: #8cdb8f !important;fill: #8cdb8f !important;color: black	;}
.schedule-confirmed-ongoing-css-gantt       {background-color: #8cdb8f !important;fill: #8cdb8f !important;color: grey;}

.schedule-confirmed-ongoing25-css *          {background-color: #74c476 !important;fill: #74c476 !important;color: grey;}
.schedule-confirmed-ongoing25-css:hover *    {background-color: #74c476 !important;fill: #74c476 !important;color: white;}
.schedule-confirmed-ongoing25-css.selected * {background-color: #74c476 !important;fill: #74c476 !important;color: black;}
.schedule-confirmed-ongoing25-css-gantt      {background-color: #74c476 !important;fill: #74c476 !important;color: grey;}

.schedule-confirmed-ongoing50-css *          {background-color: #a1d99b !important;fill: #a1d99b !important;color: grey;}
.schedule-confirmed-ongoing50-css:hover *    {background-color: #a1d99b !important;fill: #a1d99b !important;color: white;}
.schedule-confirmed-ongoing50-css.selected * {background-color: #a1d99b !important;fill: #a1d99b !important;color: black;}
.schedule-confirmed-ongoing50-css-gantt      {background-color: #a1d99b !important;fill: #a1d99b !important;color: grey;}

.schedule-confirmed-ongoing75-css *          {background-color: #c7e9c0 !important;fill: #c7e9c0 !important;color: grey;}
.schedule-confirmed-ongoing75-css:hover *    {background-color: #c7e9c0 !important;fill: #c7e9c0 !important;color: darkgrey;}
.schedule-confirmed-ongoing75-css.selected * {background-color: #c7e9c0 !important;fill: #c7e9c0 !important;color: black;}
.schedule-confirmed-ongoing75-css-gantt      {background-color: #c7e9c0 !important;fill: #c7e9c0 !important;color: grey;}

.schedule-confirmed-ongoing100-css *           {background-color: #e0ffcd !important;fill: #edf8e9 !important;color: grey;}
.schedule-confirmed-ongoing100-css:hover *     {background-color: #e0ffcd !important;fill: #edf8e9 !important;color: black;}
.schedule-confirmed-ongoing100-css.selected *  {background-color: #e0ffcd !important;fill: #edf8e9 !important;color: black;}
.schedule-confirmed-ongoing100-css-gantt       {background-color: #e0ffcd !important;fill: #edf8e9 !important;color: grey;}

.schedule-cancelled-css *                    {background-color: #d80808 !important;fill: #d80808 !important;color: white;}
.schedule-cancelled-css:hover *              {background-color: #d01010 !important;fill: #d01010 !important;color: white;}
.schedule-cancelled-css.selected *           {background-color: #d31313 !important;fill: #d31313 !important;color: white;}
.schedule-cancelled-css-gantt                {background-color: #d31313 !important;fill: #d31313 !important;color: white;}

.schedule-suspended-css *                    {background-color: #ffb300 !important;fill: #ffb300 !important;color: grey;}
.schedule-suspended-css:hover *              {background-color: #ffb300 !important;fill: #ffb300 !important;color: darkgrey;}
.schedule-suspended-css.selected *           {background-color: #ffb300 !important;fill: #ffb300 !important;color: black;}
.schedule-suspended-css-gantt                {background-color: #ffb300 !important;fill: #ffb300 !important;color: black;}

.schedule-unknown-css *                      {background-color: #dddddd !important;fill: #dddddd !important;color: grey;}
.schedule-unknown-css:hover *                {background-color: #dddddd !important;fill: #dddddd !important;color: darkgrey;}
.schedule-unknown-css.selected *             {background-color: #dddddd !important;fill: #dddddd !important;color: black;}
.schedule-unknown-css-gantt                  {background-color: #dddddd !important;fill: #dddddd !important;color: black;}

.gantt-chart {	font-size:2em;	font-weight: bold;}
.gantt-task-title {	font-size:1.4em;	font-weight: bold;}

.warning-css  {background-color: #ffd54f !important;}
.warning-css:hover  {background-color: #ffb300 !important;}
.warning-css.selected  {background-color: #ffb300 !important;}

.noSchedule-css * {background-color: #e0e0e0 !important;}
.noSchedule-css:hover * {background-color: #e0e0e0 !important;}
.noSchedule-css.selected * {background-color: #e0e0e0 !important;}

.noCategory-css * {background-color: #FEF1B9 !important;font-style:italic;}
.noCategory-css:hover * {background-color: #FEF1B9 !important;font-style:italic;}
.noCategory-css.selected * {background-color: #FEF1B9 !important;font-style:italic;}

.categoryOk-css * {font-style:normal;}
.categoryOk-css:hover * {font-style: normal;}
.categoryOk-css.selected * {font-style: normal;}

.mediaOk-css * {    background-color: #f8f8f8 !important;	font-weight: bold;}
.mediaOk-css:hover * {    background-color: #f8f8f8 !important;  	font-weight: bold;}
.mediaOk-css.selected * {    background-color: #f8f8f8 !important;	font-weight: bold;}

.scheduleOk-css * {	font-weight: bold;}
.scheduleOk-css:hover * {  	font-weight: bold;}
.scheduleOk-css.selected * {	font-weight: bold;}

.multipleContent-css * {	    background-color: #FE7171 !important;}
.multipleContent-css:hover * {  	    background-color: #FE7171 !important;}
.multipleContent-css.selected * {background-color: #FE7171 !important;}

.experience3DFilesIssue-css * {background-color: #FFA5A5 !important;}
.experience3DFilesIssue-css:hover * {background-color: #FFA5A5 !important;}
.experience3DFilesIssue-css.selected * {background-color: #FFA5A5 !important;}


.info-css * {background-color: #bbdefb !important;}
.info-css:hover * {background-color: #64b5f6 !important;}
.info-css.selected * {background-color: #54c4e6 !important;}

.secondary-css * {    background-color: #90a4ae !important;}
.secondary-css:hover * {    background-color: #546e7a !important;}
.secondary-css.selected * {    background-color: #546e7a !important;    color: white;}



/****************/
/* Form options */
/****************/

/**************/
/*Close button*/

div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close {
    background-image: none;
    background-color: #F3F3F3;
    font-size: 18px;
    border: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    -webkit-tap-highlight-color: var(--secondary-color);
}

/************************/
/*Edit and clear buttons*/

div.DTE div.DTE_Form_Buttons button {
    background-image: none;
    background: var(--primary-color);
    font-weight: normal;
    color:white;
    text-shadow: none;
}

div.DTE div.DTE_Form_Buttons button:hover {
    background: var(--secondary-color);
    font-weight: normal;
}

div.DTE div.DTE_Form_Buttons button:focus {
    background-image: none;
    text-shadow: none;
    background: var(--primary-color);
    font-weight: normal;
    color: white;
}

/**************************/
/* General customizations */

/* Header of forms */
.DTE_Header_Content {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

/* label of fields */
.DTE_Label {
    text-align: left;
}

.DTE_Field {
    min-width: 300px !important;
}

/* space between fieldset and top */
.DTE_Body_Content {
    padding-top: 20px;
}

/* Form title */
.DTE_Form_Info {
    font-size: 18px;
    font-weight: bold;
    color: var(--secondary-color);
}

/* using flex display for fieldsets */
div.customForm {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}

/* Width of fieldsets*/
.customFormfieldset {
    padding: 5px;
    min-width: 550px;
    margin-top: 10px;
}

/* Legend of fieldsets */
.customFormFieldset legend {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: var(--secondary-color);
}

/* Fields of fieldset */
.customFormFieldset div.DTE_Field {
    margin: 5px;
}

/* Color of Read only inputs */
.customFormFieldset input:read-only,
.customFormFieldset input:read-only:focus {
    background-color: white;
    border: none;
}

.DTE_Field.DTE_Field_Type_readonly {
    background-color: white !important;
    border: transparent !important;
}

/* Checkboxes */
.customFormFieldset input[type=checkbox] {
    margin-top: 10px;
    float: right;
    padding-right: 50px;
}

.customFormFieldset textarea {
    resize: vertical;
}

/******************/
/* Table daypart */
/******************/

/* Adding icons in the columns */
td.daysEdit, td.timeslotEdit {
    cursor: pointer;
    background: url('images/edit_button.png') no-repeat center center;
}

tr.shown td.daysEdit, tr.shownTime td.timeslotEdit {
    background: url('images/edit_button2.png') no-repeat center center;
}

/* removing the hover effect in the detail editor */
tr.shown ~ tr,
tr.shownTime ~ tr {
    background-color: white !important;
}

div.daysList {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}

div.daysList div {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-around;
    align-items: stretch;
}

/**************************************/
/* Defining the toggle button plug-in */
/**************************************/

button.toggleButton {
    background-color: white;
    border: 2px solid var(--secondary-color);
    border-radius: 8px;
    color: black;
    font-weight: bold;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    box-shadow: 0 9px #999;
}

button.toggleButton:focus {
    outline: none;
}

button.toggleButton:hover {
    background-color: #f2f2f2;
}

button.toggleButton:active {
    box-shadow: 0 5px #666;
    transform: translateY(4px);
}

button.toggleButton.selected {
    background-color: var(--secondary-color);
    color: white;
}

button.toggleButton.selected:hover {
    background-color: #8a2828;
    border: 2px solid #8a2828;
}

div.DTE_Field_Type_toggle, div.DTE_Field_Type_toggleAll {
    background-color: white !important;
    border: 1px solid transparent !important;
}


.tab-content.dashboard-content {
    margin-bottom: 70px;
}

.DTED_Lightbox_Background {
    z-index: 1031 !important;
}

.DTED.DTED_Lightbox_Wrapper {
    z-index: 1031 !important;   
}
/************/
/*Scroll bar*/
/************/
::-webkit-scrollbar {
    width: 10px;
    padding-right: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    /*background: #dee2e6 ; */
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--secondary-color); 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

#left_container,
#right_container {
    width: 100%;
    padding: 20px;
}

.left_container,
.right_container {
    width: 100%;
    padding: 0;
}

#map-container,
.map-container {
    padding: 6px;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc #ccc #999 #ccc;
    -webkit-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
    -moz-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
    box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px;
    width: 100%;
    height: 75%;
}

/*#appsDataTable th, td {
    white-space: nowrap;
}   */


#tableTasks th, td {
    box-sizing: border-box;
    white-space:inherit;
}
#tableTasksChild th, td {
    box-sizing: content-box;
    white-space:normal;
}

div.dataTables_wrapper {
    margin: 0 auto;
}

/*.select2 {
    max-width: 340px;
}

.select2-dropdown {
    z-index: 9001;
}
*/
/*
div.daysList div {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-around;
    align-items: stretch;
}*/

#loadingDiv {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url('images/preloader.gif') center no-repeat, radial-gradient(rgba(255, 255, 255, 0.6), rgba(97, 85, 80, 0.4)) ;
    z-index: 10000000;
}

.dataTables_wrapper {
    width : 100%;
}

.action-button {
    margin-left:10px;
    color: white;
}

.action-button:hover {
    color: red;
}

.image_thumb {
/*  background-color: black;*/
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}

.image_thumb:hover {
	transform: scale(5) translate(10px,10px); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}