.loginWrap {
    text-align: center;
    margin-top: 1em;
}
[data-testid="button-sidebar-toggle"], .text_notice_area {
    width: 50px;
}

.mob-sidebar { 
    display: block;
    width: 100%;
    position: absolute;
	z-index: 9999;
}
.mob-sidebar-container { 
    display: block;
    width: 80%;
    left: 0;
}

.cursor-pointer {
	cursor: pointer;
}

body.org {
	background: #fff;
}
.org_wrap {
	margin-top: 2rem;
}
.org_wrap input {
    margin-left: 1em;
    border: 1px solid #d5d5d5;
    width: 100px;
}
.org_wrap button {
    background: #000;
    color: #fff;
    font-size: .8em;
    padding: 3px 5px;
    vertical-align: top;
    margin-left: .2rem;	
}
.org_my_box {
	width: 250px;
    padding: .8em;
    margin: 0 5px;	
}
.org_my_box table {
	width: 220px;
}
.org_my_box td {
    padding: 3px 3px;
}
.org_my_box2 {
	width: 285px;
    padding: .8em;
    margin: 0 5px;	
	background: #e5ffe5;
}
.org_my_box2 table {
	width: 237px;
}
.org_my_box2 td {
    padding: 3px 3px;
}
.org_level {
    vertical-align: top;
}

/*** page **/
.pagination li {
    padding-left: .5em;
}

.pagination {
	display:-ms-flexbox;
	display:flex;
	padding-left:0;
	list-style:none;
	border-radius:.25rem
}
.page-link {
	position:relative;
	display:block;
	padding:.5rem .75rem;
	margin-left:-1px;
	line-height:1.25;
	color:#387ef5;
	background-color:#fff;
	border:1px solid #387ef5;
}
.page-link:hover {
	z-index:2;
	color:#fff;
	text-decoration:none;
	background-color:#387ef5;
	border-color:#387ef5
}
.page-link:focus {
	z-index:2;
	outline:0;
	box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
}
.page-item:first-child .page-link {
	margin-left:0;
	border-top-left-radius:.25rem;
	border-bottom-left-radius:.25rem
}
.page-item:last-child .page-link {
	border-top-right-radius:.25rem;
	border-bottom-right-radius:.25rem
}
.page-item.active .page-link {
	z-index:1;
	color:#fff;
	background-color:#007bff;
	border-color:#007bff
}
.page-item.disabled .page-link {
	color:#6c757d;
	pointer-events:none;
	cursor:auto;
	background-color:#fff;
	border-color:#dee2e6
}
.pagination-lg .page-link {
	padding:.75rem 1.5rem;
	font-size:1.25rem;
	line-height:1.5
}
.pagination-lg .page-item:first-child .page-link {
	border-top-left-radius:.3rem;
	border-bottom-left-radius:.3rem
}
.pagination-lg .page-item:last-child .page-link {
	border-top-right-radius:.3rem;
	border-bottom-right-radius:.3rem
}
.pagination-sm .page-link {
	padding:.25rem .5rem;
	font-size:.875rem;
	line-height:1.5
}
.pagination-sm .page-item:first-child .page-link {
	border-top-left-radius:.2rem;
	border-bottom-left-radius:.2rem
}
.pagination-sm .page-item:last-child .page-link {
	border-top-right-radius:.2rem;
	border-bottom-right-radius:.2rem
}
/*** page **/

DIV.horizontal {
    FONT-SIZE: 1px;
    HEIGHT: 1px;
    LINE-HEIGHT: 0px;
    BACKGROUND-COLOR: #2196f3;
}
DIV.vertical {
    HEIGHT: 9px;
    FONT-SIZE: 1px;
    LINE-HEIGHT: 0px;
    WIDTH: 1px;
    BACKGROUND-COLOR: #2196f3;
}
DIV.vertical_left {
    MARGIN: 0px 0px 0px auto;
    FONT-SIZE: 1px;
    HEIGHT: 10px;
    LINE-HEIGHT: 0px;
    WIDTH: 1px;
    BACKGROUND-COLOR: #2196f3;
}
DIV.vertical_right {
	MARGIN: 0px auto 0px 0px;
    FONT-SIZE: 1px;
    HEIGHT: 10px;
    LINE-HEIGHT: 0px;
    WIDTH: 1px;
    BACKGROUND-COLOR: #2196f3;
}
.td_child {
    vertical-align: top;
}
.cnt_num {
    background: #000;
    border-radius: 50%;
    border: 1px solid #000;
    color: #fff;
    padding: 0px 4px;
    font-size: .7em;
}

.ls-1, .ls-2 {
	text-align: center;
}
.ls-1 span {
	background: #ff0000;
	border-radius: 50%;
	color: #fff;
	padding: 3px 6px;
}
.ls-2 span {
	background: #1d4ed8;
	border-radius: 50%;
	color: #fff;
	padding: 3px 6px;
}

.bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: #9a44e9;
}
.bg-aqua-500 {
    --tw-bg-opacity: 1;
    background-color: #2ecdbe;
}
.bg-color-1 {
    --tw-bg-opacity: 1;
    background-color: #556ee6;
}
.bg-color-2 {
    --tw-bg-opacity: 1;
    background-color: #2d49d3;
}
.bg-color-3 {
    --tw-bg-opacity: 1;
    background-color: #f1b44c;
}
.bg-color-4 {
    --tw-bg-opacity: 1;
    background-color: #e83e8c;
}
.bg-color-5 {
    --tw-bg-opacity: 1;
    background-color: #2d49d3;
}
.bg-color-6 {
    --tw-bg-opacity: 1;
    background-color: #9a44e9;
}

.div_select {
	display: none;
}

.backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    background-color: #0000008c;
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity);
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: .5rem;
    --bs-modal-color: var(--bs-body-color);
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: var(--bs-box-shadow-sm);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: .5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 1.75em;
    pointer-events: none;
}
.modal.fade .modal-dialog {
    transform: translateY(-50px);
    transition: transform .3s ease-out;
}
.modal.show .modal-dialog {
    transform: none;
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: #212529;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #0000002d;
    border-radius: .5rem;
    outline: 0;
}
.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: var(--bs-modal-header-padding);
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height);
}
.close {
    border: none;
    background: #fff;
    top: 10px;
    right: 15px;
    position: absolute;
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding);
}
.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
    background-color: var(--bs-modal-footer-bg);
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer>* {
    margin: calc(var(--bs-modal-footer-gap) * .5);
}

.telegram img {
	width: 30px;
	height: 30px;
    max-width: inherit;
}

@media screen and (max-width: 991px) {
	.min-h-screen > div {
		display: inline-block;
	}
	[data-testid="button-sidebar-toggle"], .text_notice_area {
		width: 50px;
	}
	.mob {
		display: none;
	}
	.mob2 {
        display: block !important;
	}
}

@media (min-width: 576px) {
    .modal-dialog {
         max-width: 500px;
        margin-right: auto;
        margin-left: auto;
    }
	.mob2 {
        display: none;
	}
}

@media (min-width: 640px) {
    .sm\:max-w-md {
        max-width: 35rem;
    }
}