/* GENERIC */
input:not([type=checkbox]):not([type=radio]):not([type=datetime]):not([type=datetime-local]):not([type=date]), select {
	min-width:100px;
}
input[type=datetime] {
	min-width:180px;
}
input[type=datetime-local] {
	min-width:200px;
}
input[type=date] {
	min-width:150px;
}
textarea {
	min-width:200px;
	min-height:100px;
}
input[type=checkbox], input[type=radio] {
	width:1rem;
	height:1rem;
	flex:none;
}
input[type=file].form-control {
	padding:0.17rem 0.3rem;
}

img.form-control {
	width:auto;
	height:auto;
	max-width:100%;
}

.breadcrumb .go-back {
	margin-left: auto;
}

.list-container, 
  .fields-container {
	/*visibility:hidden; *//* javascript will then remove this and make this elms visible */
}

.text-gray-400 {
  color: #d1d3e2 !important;
}

.cursor-pointer {
    cursor:pointer;
}

.form-check-input:focus:not(:checked) {
    box-shadow:none;
    border-color:#ccc;
    color:#ccc;
}
.form-check-input:checked {
    box-shadow:none;
    background-color:#c82333;
    border-color:#bd2130;
}

/* So the user can use this class to hide elements */
.hidden {
	display:none;
}

.form-control:focus, .form-select:focus, .btn-check:focus, .btn:focus {
    box-shadow:none !important;
}
.form-control:focus, .form-select:focus {
    border-color:#ced4da;
}

/* TOP-MENU */
.sb-topnav-menu .nav > div {
	margin-left:auto;
}
.sb-topnav-menu .nav .nav-item {
	display:inline-block;
}
.sb-topnav-menu .nav:not(.bg-light) .nav-item a {
	color:#fff;
}
.sb-topnav-menu .nav a:hover {
	opacity:.7;
}
.sb-topnav-menu .nav a.list-group-item {
	width:auto;
	display:inline-block;
	padding:0 10px;
	background-color:transparent;
	border:none;
}
.sb-topnav-menu .nav:not(.bg-light) a.list-group-item {
	color:#fff;
}
.sb-topnav-menu .nav a.list-group-item i,
  .sb-topnav-menu .nav a.list-group-item svg {
	display:none;
}

/* SCROLLBARS */
    /* Let's get this party started */
::-webkit-scrollbar {
    width:5px;
    height:10px;
}
/*:hover::-webkit-scrollbar {
    width:10px;
    height:10px;
}*/
 
    /* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.1); 
    -webkit-border-radius:10px;
    border-radius:10px;
}
 
    /* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius:10px;
    border-radius:10px;
    background:rgba(200,200,200,0.5); 
    -webkit-box-shadow:inset 0 0 6px rgba(250,250,250,0.8); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background:rgba(250,250,250,0.8); 
}

/* ICONS */
@font-face
{
    font-family: 'Glyphicons Halflings';

    src: url('../vendor/fonts/glyphicons/glyphicons-halflings-regular.eot');
    src: url('../vendor/fonts/glyphicons/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../vendor/fonts/glyphicons/glyphicons-halflings-regular.woff2') format('woff2'), url('../vendor/fonts/glyphicons/glyphicons-halflings-regular.woff') format('woff'), url('../vendor/fonts/glyphicons/glyphicons-halflings-regular.ttf') format('truetype'), url('../vendor/fonts/glyphicons/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.icon {
	width: 18px;
    	overflow: hidden;
    	white-space:nowrap;
    	cursor:pointer;
    	
	line-height: 1;
	top: 1px;
	font-family: 'Glyphicons Halflings';
	font-weight: normal;
	font-style: normal;
	position: relative;
	display: inline-block;

	-webkit-transform: translate(0, 0);
	   -ms-transform: translate(0, 0);
	    -o-transform: translate(0, 0);
		  transform: translate(0, 0); 

	text-rendering: auto;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: all 0.15s ease-in-out;
	
    text-indent: 0 !important;
    font-size: 16px;
    background: none !important;
}
.icon:hover {
	opacity:.7;
}
.icon.add:before {
	content: "\002b  ";
	color:green;
}
.icon.delete:before {
	content: "\e020  ";
	color:red;
	margin-top:1px;
	display:inline-block;
}
.icon.save:before {
	content: "\e172  ";
	color:#002bff;
}
.icon.insert:before {
	content: "\e175  ";
	color:#001dad;
}
.icon.edit:before {
	content: "\270f  ";
	font-size:90%;
}
/* used in the modules like the article module */
.icon.move:before {
	content: "\e068  ";
}
.icon.move-up:before {
	content: "\e093  ";
}
.icon.move-down:before {
	content: "\e094  ";
}
.icon.maximize:before {
	content: "\e140  ";
	font-size:14px;
}
.icon.minimize:before {
	content: "\e140  ";
	font-size:14px;
}
.icon.up:before {
	content: "\e133  ";
	margin-top:1px;
	display:inline-block;
}
.icon.down:before {
	content: "\e134  ";
	margin-top:1px;
	display:inline-block;
}
.icon.out:before {
	content: "\e132  ";
	margin-top:1px;
	margin-left:1px;
	display:inline-block;
}
.icon.in:before {
	content: "\e131  ";
	margin-top:1px;
	margin-left:1px;
	display:inline-block;
}

/* BUTTONS */
.buttons {
	text-align:center;
}
.buttons > .button {
	display:inline-block; 
	margin:0 5px; 
	padding:0;
}
.buttons > .button > .form-group {
	margin:0; 
}

.buttons.add-button {
	text-align:right;
	margin-bottom:1rem;
}
.buttons.add-button a {
	line-height: 1.5;
	padding: 0.375rem 0.75rem;
	display: inline-block;
	color: #fff;
	background-color: #28a745;
	border: 1px solid #28a745;
	border-radius: 0.25rem;
	font-size: 1rem;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: all 0.15s ease-in-out;
}
.buttons.add-button a:hover {
	opacity:.7;
	text-decoration:none;
}
.buttons.add-button a:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430;
}
.buttons.add-button a:focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.buttons.add-button a .icon.add:hover {
	opacity:1;
}
.buttons.add-button a .icon.add:before {
	color:#fff;
}

/* LINKS */
.links {
	margin:1rem 0;
	padding: 0.75rem 1rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	list-style: none;
	background-color: #e9ecef;
	border-radius: 0.25rem;
	align-items: center;
	justify-content: center;
}
.links > .link {
	font-size:80%;
}
.links > .link + .link:before {
    display: inline-block;
    padding:0 .4rem 0 .5rem;
    color: #6c757d;
    content: "|";
}

/* PAGINATION */
.paging > .pagination {
	margin:0;
	display:block;
	text-align:center;
}
.paging > .pagination .page-item {
	display:inline-block;
}
.paging > .pagination .page-link {
	white-space:nowrap;
}
.paging > .pagination select.page-link {
	height:calc(1.5em + 0.75rem + 2px) !important;
	border-radius:0;
}
.paging > .pagination .page-item:first-child select.page-link {
	border-top-left-radius:.25rem;
	border-bottom-left-radius:.25rem;
}
.paging > .pagination .page-item:last-child select.page-link {
	border-top-right-radius:.25rem;
	border-bottom-right-radius:.25rem;
}

/* FORM FIELDS */
.fields-container .field.form-group.row {
	align-items:center;
	margin-left:0;
	margin-right:0;
}
.fields-container .field.form-group.row label {
	margin:0;
}

form .form-group {
	align-items:center;
	margin-bottom:10px;
}
form .form-group > label {
	margin-bottom:5px;
}
@media (min-width: 576px) {
    form .form-group > label {
    	margin-bottom:0;
    }
}

/* FORM FIELDS - Used by the modules, like the article, event or user modules */
.module_edit .form_fields .form_field .field-value {
	padding-left:0;
}

.module_edit .form_fields .form_field.photo_url {
	width:100%;
	text-align:center;
	margin:0 auto;
	font-size:80%;
	color:#999;
	cursor:pointer;
}
.module_edit .form_fields .form_field.photo_url > a {
	width:100%;
	text-align:center;
}
.module_edit .form_fields .form_field.photo_url > a img {
	max-width:500px;
	max-height:500px;
	margin:0 auto;
}

.module_edit .form_fields .form_field.password .password_generator {
	margin-left:auto;
}

.module_edit .form_fields .form_field .form_field_file {
	width:100%;
	text-align:center;
	margin:5px auto 0;
	font-size:80%;
	color:#999;
	cursor:pointer;
}
.module_edit .form_fields .form_field .form_field_file:not(.form_field_file_image) {
	text-align:right;
}
.module_edit .form_fields .form_field .form_field_file.form_field_file_image .form_field_file_url {
	width:100%;
	display:block;
	float:none;
	clear:both;
}
.module_edit .form_fields .form_field .form_field_file.form_field_file_image .form_field_file_url img {
	max-width:500px;
	max-height:500px;
	border:1px solid #ccc;
}
.module_edit .form_fields .form_field .form_field_file:not(.form_field_file_image) .form_field_file_remove {
	width: 18px;
	margin-left:5px;
    	overflow: hidden;
    	white-space:nowrap;
    	font-size:100%;
    	
	line-height: 1;
	top: 1px;
	font-family: 'Glyphicons Halflings';
	font-weight: normal;
	font-style: normal;
	position: relative;
	display: inline-block;

	-webkit-transform: translate(0, 0);
	   -ms-transform: translate(0, 0);
	    -o-transform: translate(0, 0);
		  transform: translate(0, 0); 

	text-rendering: auto;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: all 0.15s ease-in-out;
}
.module_edit .form_fields .form_field .form_field_file:not(.form_field_file_image) .form_field_file_remove:before {
	content: "\e020  ";
	color:red;
}

.module_edit .form_fields .map {
    margin-bottom: 10px;
    padding: .5rem;
    text-align:center;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.module_edit .form_fields .map .map_canvas {
    width: 100%;
    height: 400px;
    max-height: 90vh;
    margin-top: 5px;
}
.module_edit .form_fields .map .map_search {
    width: auto;
    display: inline-block;
}

/* CATALOG - Used by the modules, like the article and event module */
.catalog {
	list-style:none;
}
.module_events_catalog .catalog.catalog_blog_list .featured_event_30 .catalog_event_time {
	width:80px;
}

/* Show Chat - message module */
.module_show_chat .chat_footer textarea,
  .module_show_chat .chat_footer input {
	min-width: auto;
	min-height: auto;
}
.module_show_chats .chats_list .user_chat .delete {
	margin-top:-1rem;
}

/* MULTIPLE FORM ()inside of embeded elements or as a main element */
.add-item.multiple-form  {
	margin-bottom:2rem;
	padding: 1rem;
	background: #e9ecef;
	border-radius:.25rem;
}

.embeded-inner-task form > div > .fields-container > .field > label { /* Like .embeded-inner-task .edit-item and .embeded-inner-task .add-item */
	min-width:100px;
}

.embeded-inner-task form > .edit-item {
	margin:0 0 20px 0;
	padding:20px 0;
	border-top:1px solid #eee;
}
.embeded-inner-task form > .edit-item:only-child {
	border-top:none;
}
.embeded-inner-task form > .edit-item > .links {
	margin-bottom:0;
}

/* LIST ITEMS - LIST-TABLE */
.list-items .list-table .actions, 
  .list-items .list-table .link {
  	text-align:center;
}
.list-items .list-table th.actions, 
  .list-items .list-table th.link {
  	padding-left:0 !important;
  	padding-right:0 !important;
}

.list-items .list-table th.multiple-selection:before,
  .list-items .list-table th.multiple-selection:after, 
  .list-items .list-table th.actions:before, 
  .list-items .list-table th.actions:after, 
  .list-items .list-table th.link.sorting:before, 
  .list-items .list-table th.link.sorting:after {
  	content:"";
}

.list-items .list-table th,
  .list-items .list-table td {
	vertical-align:middle;
}
.list-items .list-table th label {
	margin:0;
}
.list-items .list-table .actions {
	min-width:53px;
	max-width:50px;
	text-align:center;
}
.list-items .list-table .field-timestamp, 
  .list-items .list-table .field.is-pk, 
  .list-items .list-table .field.field-link {
  	text-align:center;
}

.list-items .list-table td.link a {
	font-size:80%;
}
.list-items .list-table td.link:not(.view):not(.edit):not(.delete) {
	min-width:100px;
} 
.list-items .list-table td.link.view a, 
  .list-items .list-table td.link.edit a, 
  .list-items .list-table td.link.delete a {
	width: 18px;
    	overflow: hidden;
    	white-space:nowrap;
    	font-size:100%;
    	
	line-height: 1;
	top: 1px;
	font-family: 'Glyphicons Halflings';
	font-weight: normal;
	font-style: normal;
	position: relative;
	display: inline-block;

	-webkit-transform: translate(0, 0);
	   -ms-transform: translate(0, 0);
	    -o-transform: translate(0, 0);
		  transform: translate(0, 0); 

	text-rendering: auto;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: all 0.15s ease-in-out;
}
.list-items .list-table td.link.view a:hover, 
  .list-items .list-table td.link.edit a:hover, 
  .list-items .list-table td.link.delete a:hover {
	opacity:.7;
}
.list-items .list-table td.link.view a:before {
	content: "\e105  ";
	color:#8f4b96;
}
.list-items .list-table td.link.edit a:before {
	content: "\270f  ";
	color:#925904;
}
.list-items .list-table td.link.delete a:before {
	content: "\e020  ";
	color:red;
}
.list-items .list-table .icon.delete + .icon.save,
  .list-items .list-table .icon.delete + .icon.insert {
    margin-left:5px;
}

/* LIST ITEMS - LIST-TABLE - MODULES */
.list_items .list_container .list_table {
	margin-left:auto;
	margin-right:auto;
}
.list_items .list_container .list_table .list_column {
	vertical-align:middle;
}
.list_items .list_container .list_table .list_column label {
	margin:0;
}

.list_items .list_container .list_table .list_column.edit_action {
	text-align:center;
}
.list_items .list_container .list_table .list_column .list_column_file {
	width:100%;
	text-align:center;
	margin:5px auto 0;
	font-size:80%;
	color:#999;
	cursor:pointer;
}
.list_items .list_container .list_table .list_column .list_column_file.list_column_file_image .list_column_file_url {
	width:100%;
	display:block;
	float:none;
	clear:both;
}
.list_items .list_container .list_table .list_column .list_column_file.list_column_file_image .list_column_file_url img {
	max-width:100%;
	max-height:100px;
	border:1px solid #ccc;
}
.list_items .list_container .list_table .list_column .list_column_file:not(.list_column_file_image) .list_column_file_remove {
	width: 18px;
	margin-left:5px;
    	overflow: hidden;
    	white-space:nowrap;
    	font-size:100%;
    	
	line-height: 1;
	top: 1px;
	font-family: 'Glyphicons Halflings';
	font-weight: normal;
	font-style: normal;
	position: relative;
	display: inline-block;

	-webkit-transform: translate(0, 0);
	   -ms-transform: translate(0, 0);
	    -o-transform: translate(0, 0);
		  transform: translate(0, 0); 

	text-rendering: auto;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: all 0.15s ease-in-out;
}
.list_items .list_container .list_table .list_column .list_column_file:not(.list_column_file_image) .list_column_file_remove:before {
	content: "\e020  ";
	color:red;
}

/* LIST ITEMS - LIST-TABLE - DataTables */
.list-items .list-container.table-responsive {
	/*background:#e9ecef;
	border:1px solid #e9ecef;*/
}
.list-items .list-container.table-responsive > .list-table { /* in case the dataTables don't exist or get initialized */
	background:#fff;
}
.list-items .list-container.table-responsive > div.dataTables_wrapper > div.row:not(:first-child) {
	background:#fff;
}
.list-items .list-container.table-responsive > div.dataTables_wrapper > div.row:not(:first-child) .list-table {
	margin-top:0 !important;
	background:#fff;
}
.list-items .list-container.table-responsive > div.dataTables_wrapper > div.row:first-child {
	padding:0.5rem;
	justify-content:center;
}
.list-items .list-container.table-responsive > div.dataTables_wrapper > div.row:first-child label {
	margin:0;
}
.list-items .list-container.table-responsive > div.dataTables_wrapper > div.row:first-child div {
	display: inline;
	width: auto;
	flex: none;
	padding: 0;
}
/* LIST ITEMS - LIST-TABLE - LIST AND EDIT USERS MODULE */
.module_list.module_list_and_edit_users_with_user_types .list_items .buttons {
	margin-top:20px;
}
.module_list.module_list_and_edit_users_with_user_types .list_items .list_container .list_table .list_column {
	text-align:center;
}
.module_list.module_list_and_edit_users_with_user_types .list_items .list_container .list_table .list_column.selected_item {
	width:50px;
}

/* LIST ITEMS - LIST TREE */
.list-items .list-tree {
	padding-left:0;
	list-style:none;
}
.list-items .list-tree li {
	margin:10px 0;
	padding:10px; 
	border:1px solid #eee; 
}
.list-items .list-tree li .fields-container .multiple-selection > label {
	margin-right:5px;
	padding-left:0.75rem;
	padding-right:0.75rem;
	color:#999;
}
.list-items .list-tree li .fields-container .multiple-selection input {
	vertical-align:middle;
}
.list-items .list-tree li .links {
	margin-bottom:0;
}
@media (min-width: 576px) {
	.list-items .list-tree li .fields-container .multiple-selection {
		float:right;
	}
}
.list-items .list-tree li .buttons .button.button-insert .icon.delete {
	width:auto;
	min-width:100px;
	height:auto;
	line-height: 1.5;
	margin-left:10px;
	padding: .375rem .75rem;
	
	display: inline-block;
	background: #6c757d;
	border: 1px solid #6c757d;
	border-radius: .25rem;
	color: #fff;
	font-size: 1rem;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	text-indent:0;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.list-items .list-tree li .buttons .button.button-insert .icon.delete:before {
	content: "Close";
	display:block;
}

/* EMBEDED INNER TASK */
.embeded-inner-task:not(.myfancypopup) {
	padding:1rem;
	border:1px solid #ddd;
}
.list-items table tr.embeded-inner-task td {
	padding:1rem;
	background:#fff;
}
.list-items table tr.embeded-inner-task .field-timestamp, 
  .list-items table tr.embeded-inner-task .field.is-pk, 
  .list-items table tr.embeded-inner-task .field.field-link {
	text-align:left;
}

.embeded-inner-task .list-items .buttons {
	margin-top:1rem;
}

/* FANCY POPUP */
.myfancypopup {
	height:auto !important;
}
.myfancypopup.embeded-inner-task > form,
  .myfancypopup.embeded-inner-task > div:not(.popup_close) {
	max-width:90vw;
	max-height:90vh;
	overflow:auto;
}
.myfancypopup.iframe-inner-task > iframe {
	width:90vw; 
	height:90vh;
}

.popup_overlay {
	position:fixed !important;
	width:100vw !important;
	height:100vh !important;
}
.popup_loading {
	position:fixed !important;
	left:calc(50vw - 17px) !important;
	top:calc(50vh - 17px) !important;
}

/* MESSAGES */
.error {
	min-height:20px; 
	margin:10px 0; 
	padding:10px;
	border: 1px solid transparent;
	border-radius: .25rem;
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
	text-align:center;
}

.module_messages .module_message {
    	position: relative;
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding: .75rem 1.25rem;
	border: 1px solid transparent;
	border-radius: .25rem;
	color: #383d41;
	background-color: #e2e3e5;
	border-color: #d6d8db;
}
.module_messages .module_message.module_error_message {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}
.module_messages .module_message.module_ok_message {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}
.module_messages .module_message .module_message_header {
	margin-bottom:1rem;
	padding-bottom:0.5rem;
	border-bottom: 1px solid;
	border-bottom-color:inherit;
	opacity:.5;
}
.module_messages .module_message .module_message_header label {
	margin:0;
}
.module_messages .module_message .module_message_header .close {
	padding-top: 3px;
	cursor:pointer;
	color: inherit;
	font-size:80%;
	font-weight:bold;
	font-family:inherit;
	float:right;
	opacity:1;
}
.module_messages .module_message .module_message_header .close:before {
    content:" ";
}
.module_messages .module_message .module_message_header .close:after {
    content:"X";
}


/* TABS */
.tabs {
	background:#fff;
}
.tabs > .ui-tabs-nav.ui-widget-header {
	border: 1px solid #e9ecef;
	background: #e9ecef;
}
.tabs > .ui-tabs-nav.ui-widget-header li {
	color:#999;
}
.tabs > .ui-tabs-nav.ui-widget-header li.ui-state-active {
	color:#666;
	border: 1px solid #999;
	border-bottom: 0;
}
.tabs > .ui-tabs-nav.ui-widget-header li.ui-state-hover:not(.ui-state-active) {
	color:#888;
	border: 1px solid #bbb;
	border-bottom: 0;
	background:#eee;
     font-weight: bold;
}
.tabs > .ui-tabs-nav a, 
  .tabs > .ui-tabs-nav a:link, 
  .tabs > .ui-tabs-nav a:visited {
	color:inherit;
}

/* TABLE SORTING */

.my-table-sorting thead .sorting,
  .my-table-sorting thead .sorting-asc,
  .my-table-sorting thead .sorting-desc {
	cursor: pointer;
	position: relative;
}
.my-table-sorting thead .sorting:before, 
  .my-table-sorting thead .sorting:after,
  .my-table-sorting thead .sorting-asc:before,
  .my-table-sorting thead .sorting-asc:after,
  .my-table-sorting thead .sorting-desc:before,
  .my-table-sorting thead .sorting-desc:after {
	position: absolute;
	top: 0;
	bottom: 0.9em;
	display: block;
	opacity: 0.3;
}

.my-table-sorting thead .sorting:before,
  .my-table-sorting thead .sorting-asc:before,
  .my-table-sorting thead .sorting-desc:before {
	right: 1em;
	content: "\2191";
}
.my-table-sorting thead .sorting:after,
.my-table-sorting thead .sorting-asc:after,
.my-table-sorting thead .sorting-desc:after {
	right: 0.5em;
	content: "\2193";
}
.my-table-sorting thead .sorting-asc:before,
  .my-table-sorting thead .sorting-desc:after {
	opacity: 1;
}