/*
ioc2rpz.community CSS (c) Vadim Pavlov 2019-2026
*/

html,body {height: 100%;}
.dropdown .dropdown-menu .dropdown-item:focus .sorting:focus  { outline: none;}
:focus {
  outline: none!important;
}
.menu-bkgr,.corners {background-color: #343038;} /*251956*/
.copyright{
  text-align: right;
  height: 20px; /* .push must be the same height as .footer */
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}
.curl_angels {
  background-position: left top;
  border-radius: 10px 0px 0px 0px;
  background-color: #F5FAFB;
}
.corners {
   padding: 0;
}

.width005{width: 005px;}
.width010{width: 010px;}
.width020{width: 020px;}
.width050{width: 055px;}
.width060{width: 065px;}
.width100{width: 100px;}
.width105{width: 105px;}
.width150{width: 155px;}
.width180{width: 180px;}
.width200{width: 200px;}
.width250{width: 250px;}
.width300{width: 300px;}
.width350{width: 350px;}

.mw150{max-width: 155px;}

.h-95{height: 95%;}

.page-item.active > a {
    background-color: #6c757d!important;
    border-color: #6c757d!important;
    color: #FFFFFF!important;
}

.my-select {
    background-color: #9ca3a8;
    border-color: #9ca3a8;
    color: #FFFFFF;
    padding-top: 0 ;padding-bottom: 0;
    font-size: 100%;
}

.form_row {
  padding: 5px;
}

.form-group{
	margin-bottom: 7px;
}

.modal-header, .modal-footer, .modal-body  {
/*
  Check how to fix Tkey we need to remove padding header(bottom), footer(top)
  padding: 5px 5px 5px 16px;
*/
  border: 0;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.spacer { margin: 0 10px;}

.v-spacer { margin: 10px 0;}

.drop_zone {
  border: 2px dashed #bbb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 25px;
  text-align: center;
  font: 20pt bold 'Vollkorn';
  color: #bbb;
}

.items_list{
  height: 4em; overflow-y: scroll; border: 1px solid #ced4da; border-radius: .25rem; margin: 0; padding: 5px
}

.bg_color_gray{
  background-color: #6c757d;
}


.vcentered {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.elcentered{
    display: flex;
    align-items: center;
    justify-content: center;
}

.elvcentered{
    display: flex;
    align-items: center;
}

.theadcolor{
	background-color: #d2d2d2!important;
}

[v-cloak] {
  display: none!important;
}

.hidden {
  display: none!important;
}


.thead-scroll {
  width: 97%;
}
.tbody-scroll {
  height: 300px;
  overflow-y: auto;
	position:relative;
}

.bold {
  font-weight: bold;
}

.fnt15{
	font-size: 14;
}

.dimWindow{
    position:absolute;
    padding:0;
    margin:0;

    top:0;
    left:0;

    width: 100%;
    height: 100%;
    background:rgba(255,255,255,1);
}

/*
#dash_jumbo{
	padding: 2rem 2rem
}
*/

.scroll_tab{
	overflow-y: auto;
	overflow-x: hidden;
	height: 100%;
}

.word-break-word{
	word-break: break-word;
}

.msgBoxGray{
	background-color: #e9ecef;
  padding: 1em;
}


@media (min-width: 1366px){
	.d-xxl-block {
			display: block!important;
	}
	.d-xxl-table-cell {
			display: table-cell!important;
	}
}

.pre {
  overflow: auto;
  word-wrap: normal;
  white-space: pre-wrap;
}

.fa-times:hover{
   color:red !important;
}

.fa-alpha:before {
    font-weight: 700;
    content: '\03b1';
}

.fa-beta:before {
    font-weight: 700;
    content: '\03b2';
}

.cursor_wait {cursor: wait;}

.self-center {align-self: center;}


/*
@media (min-width: 992px) and (max-width: 1199px) { ... }
*/


/* Fix tab content area to fill remaining space */
.curl_angels {
  flex: 1 1 auto !important;
  min-width: 0 !important;
/*  max-width: calc(100% - 200px) !important; */
  max-width: 100% !important;
  overflow: auto !important;
}

/* When menu is hidden, content takes more space */
.nav.hidden ~ .curl_angels {
  max-width: calc(100% - 50px) !important;
}

/* Ensure the tab pane takes full height */
.tab-content {
  height: 100% !important;
  width: 100% !important;
}

.tab-pane {
  height: 100% !important;
  width: 100% !important;
}

/* Fix for dashboard charts that load small then grow */
.tab-pane.active {
  display: flex !important;
  flex-direction: column !important;
}

/* Ensure card groups in dashboard use full width */
.card-group {
  width: 100% !important;
}

/* Custom style to calculate height based on viewport (100vh) minus the header height.
  *** YOU MUST ADJUST --header-height to match your application's fixed header height ***
*/
.full-height-adjustment {
  --header-height: 71px; /* Bootstrap navbar default is often around 56px. Adjust as needed! */
  height: calc(100vh - var(--header-height));
}


/* TinyMCE dialog fix for Bootstrap Vue modals */
/* Ensures TinyMCE dialogs appear above Bootstrap modals and inputs are editable */
.tox-tinymce-aux {
  z-index: 2147483647 !important;
}

/* Ensure TinyMCE dialog inputs are interactive */
.tox .tox-dialog__body-content input[type="text"],
.tox .tox-dialog__body-content input[type="url"],
.tox .tox-dialog__body-content textarea,
.tox .tox-textfield,
.tox .tox-textarea {
  pointer-events: auto !important;
  user-select: text !important;
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
}