/*********************************************************************************
 * This file is part of Myddleware.

 * @package Myddleware
 * @copyright Copyright (C) 2013 - 2015  St�phane Faure - CRMconsult EURL
 * @copyright Copyright (C) 2015 - 2016  St�phane Faure - Myddleware ltd - contact@myddleware.com
 * @link http://www.myddleware.com	
 
 This file is part of Myddleware.
 
 Myddleware is free software: you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation, either version 3 of the License, or
 (at your option) any later version.

 Myddleware is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with Myddleware.  If not, see <http://www.gnu.org/licenses/>.
*********************************************************************************/


#flux fieldset {
    float: left;
    height: 160px;
    margin: 10px;
    width: 270px;
    padding-left: 30px;
}

#flux fieldset.border {
	border-right: 1px solid #ccc;
}

#flux fieldset label {
	display:block;	
}

#flux #form_rule {
    font-size: 1.3em;
    width: 715px;
}

#flux legend {
	color: #71CBFF;
}

#flux legend {
	border:none;
	color: #444446;
}

#flux th {
	background: #ECECEC;
	height: 30px;
	padding: 2px;
	text-align: center;
}

#flux tr {
	border-bottom: 1px solid #ccc;	
}

#flux .fd_error, #flux .fd_log_e {
	background: #F2DEDF;
}

#flux .fd_cancel, #flux .fd_log_w, #flux .fd_open {
	background: #FFECCC;
}

#flux .gblstatus_open, #flux .documents_filters {
	color: #0069B4;
}

#flux .gblstatus_error, #flux .log_e, #documents_filters .gblstatus_error {
	color: #dc3545;
}

#flux .gblstatus_cancel, #flux .log_w, #documents_filters .gblstatus_cancel {
	color: #ffc107;
}

#flux .gblstatus_close, #flux .log_s, #documents_filters .gblstatus_close {
	color: #19ca42;
}

#flux .gblstatus_close, #flux .gblstatus_cancel, #flux .gblstatus_error, #flux .gblstatus_open, 
#documents_filters .gblstatus_close, #documents_filters .gblstatus_cancel, #documents_filters .gblstatus_error, #documents_filters .gblstatus_open{
	font-weight: bold;
}

#flux tr:hover{
	background: #ECECEC;
}

#flux table a, #flux table a:hover {
	color: #0F66A9;
	font-weight: bold;
}

#flux #headertab {
	margin-top:20px;
}

#flux #headertab td {
    height: 50px;
    max-width: 200px;
    min-width: 140px;
    padding: 5px;
    word-wrap: break-word;
}

#flux .zone {
	padding-top:30px; 
	padding-left:50px;
	width: 380px;
	max-width: 380px;
	overflow:hidden;
	text-align: left;
}

#flux .zone ul {
	list-style:none;
}

#flux .zone .field {
	color: #6b6b6b;
	display: block !important;
	margin-top: 10px;
    font-size: 15px;
	margin-left: -0.5rem;
}

.direct-link-document {
	margin-left: -0.5rem;
}

.direct-link-document-target {
	margin-left: 1.5rem;
}

#flux #message tr {
	height: 40px;
}

#flux #message .msg {
	width: 300px;
	max-width: 300px;
	word-wrap:break-word;
}

#flux #message {
	margin-left: 20px;
	margin-right: 20px;
}

.flux-comment-container {
	margin-left: 20%;
	width: 40%;
}

.pagination-flux-history .pagination__item {
	margin-right: 5px;
}

.modified {
	color: #ffc107 !important;
}

/* any li with a span inside, the span will have  white-space: normal;*/
li span {
	/* white-space: normal; */
	overflow-wrap: break-word;
}

/* NEW FILTER */


.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #198bca !important;
    border: 1px solid #198bca !important;
    color: white !important;
	/* margin: 6px !important; */
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
	border-right: 0px solid #198bca;
    color: white !important;
}

.select2-selection__choice__remove:hover {
	background-color: #1475a9 !important;
}

#globalStatus label{
	margin-bottom: 8px;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	border: 1px solid #ced4da !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple{
	border: 1px solid #ced4da;
}

.select2-container--default .select2-search--inline .select2-search__field{
	margin: 6px;
}

.removeFilters{
	margin-top: 13px !important;
    padding: 1px 8px !important;
}

.rounded-table-up-left {
    border-top-left-radius: 15px;
	overflow: hidden;
}

.rounded-table-up-right {
    border-top-right-radius: 15px;
	overflow: hidden;
}

.rounded-table-down-left {
    border-bottom-left-radius: 15px;
	overflow: hidden;
}

.rounded-table-down-right {
    border-bottom-right-radius: 15px;
	overflow: hidden;
}

.invisibele-row-bottom {
	border-bottom-color: transparent !important;
}

.table-wrapper {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.table-wrapper-task, .table-wrapper-workflow{
    display: inline-block;
    width: auto;
}

.table-wrapper-variable {
    display: inline-block;
	width: 70%;
}

.shadow-table {
    background-color: white;
    margin-bottom: 0 !important;
    width: 100%;
}

.tooltip {
    background-color: transparent !important;
    border: none !important;
    opacity: 1 !important;
}

.tooltip .tooltip-inner {
    background-color: #777777 !important;
    color: #fff !important;
    font-size: 14px !important;
    padding: 8px 12px !important;
    border-radius: 5px !important;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    text-align: center;
}

.tooltip .tooltip-arrow {
    border-top-color: #777777 !important;
    border-bottom-color: #777777 !important;
    border-left-color: #777777 !important;
    border-right-color: #777777 !important;
}