/*---- iframe ---------------------------------------------------------------*/
:root{
		--shadow-sm : 0 .125rem .25rem rgba(0,0,0,.075) !important;
  	--shadow : 0 .5rem 1rem rgba(0,0,0,.15) !important;
  	--shadow-lg : 0 1rem 3rem rgba(0,0,0,.175) !important;
  	--success-shadow: 0 0 0 .2rem rgba(72,180,97,.3);
  	--danger-shadow: 0 0 0 .2rem rgba(255, 68, 68, .4) !important;
  	--success-shadow: 0 0 0 .2rem rgba(72,180,97,.3);

  	--white-smoke: #1e3a5c/*rgba(255,255,255,0.1)*/;
  	--light : #152e4d;
  	--dark: #12263f;
  	--placeholder: #95AAC9;
  	--placeholder-color: #95AAC9;
  	--muted:#6E84A3;
  	--lighter:#132A46;
  	--border:#1E3A5C;

  	--info-soft: #1a415c;
    --bs-info: #39afd1;
  	--danger-soft: #3c2944;
    --bs-danger: #df4759;
  	--primary-soft: #173760;
  	--bs-primary: #335eea;
  	--success-soft: #0e4a4c;
    --bs-success: #42ba96;
  	--warning-soft: #404540;
    --bs-warning: #fad776;

  	--gray-400: #d2ddec;
  	--input-color: #1e3a5c;
    --bg-modal: rgba(23, 55, 96, 0.7);
}
.btn-warning-soft{
	background-color: var(--warning-soft);
	border-color: var(--warning-soft);
	color: var(--bs-warning);
	/*font-weight: bold;*/
	transition: 0.5s;
}
.btn-primary-soft{
	background-color: var(--primary-soft);
	border-color: var(--primary-soft);
	color: var(--bs-primary);
	/*font-weight: bold;*/
	transition: 0.5s;
}
.btn-danger-soft{
	background-color: var(--danger-soft);
	border-color: var(--danger-soft);
	color: var(--bs-danger);
	/*font-weight: bold;*/
	transition: 0.5s;
}
.btn-info-soft{
	background-color: var(--info-soft);
	border-color: var(--info-soft);
	color: var(--bs-info);
	/*font-weight: bold;*/
	transition: 0.5s;
}
.btn-success-soft{
	background-color: var(--success-soft);
	border-color: var(--success-soft);
	color: var(--bs-success);
	/*font-weight: bold;*/
	transition: 0.5s;
}
.btn-transparent{
	background-color: transparent;
	border-color: transparent;
}

.frame-window{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	background-color: rgba(18, 38, 63, 0.8);
	background-color: rgba(23, 55, 96, 0.7);
}
.frame-body{
	position: relative;
	top: 1%;
	height: 93%;
	/*max-width: 95%;*/
	background-color: var(--dark);
	border-radius: 10px;
	box-shadow: var(--shadow-lg);
	overflow-y: auto;
}
.frame-body.container-fluid{
	width: 1800px;
	max-width: 98%;
}

.frame-close{
	position: fixed;
	z-index: 1500;
	left: -5px;
	top: -5px;
}
.frame-close-x{
	margin-top: 5px;
	margin-left: 3px;
}
/*.frame-bar{
	background-color: var(--lighter);
	padding: 10px;
	width: 100%;
}*/
iframe{
	width: 100%;
	height: 100%;
}

.frame-body::-webkit-scrollbar {
  width: 0px;
}
@media (max-width: 768px) {
	::-webkit-scrollbar {
	  width: 0px;
	}
	.frame-body{
		max-width: 95%;
		height: 91.5%;
	}
}
.border-dashed{border:1px dashed var(--border);}

/* width */
::-webkit-scrollbar {
  width: 10px;
}
.frame-body::-webkit-scrollbar {
  width: 0px;
}

nav::-webkit-scrollbar {
  width: 0px;
}

@media (max-width: 768px) {
    ::-webkit-scrollbar {
      width: 0px;
    }
    .frame-body{
        max-width: 95%;
    }
}
/*.frame-body{
    max-width: 95%;
}*/

/* Track */
::-webkit-scrollbar-track {
  background: transparent !important; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--primary) !important;
  /*background: var(--warning-soft) !important; */
  border-radius: 10px;
  /*border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;*/
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--primary-soft) !important;
}
/*.shadow-lg{box-shadow: var(--shadow-lg) !important;}
.shadow-sm{box-shadow: var(--shadow-sm) !important;}
.shadow{box-shadow: var(--shadow) !important;}*/
.modal{
	background-color: rgba(23, 55, 96, 0.7);
	z-index: 2000;
}
.modal-content{background-color: var(--dark);}

.btn-muted{
    background-color: var(--dark) !important;
    color: var(--muted);
    border-color: var(--dark);
    box-shadow: none !important;
}
.btn-muted:hover{
    color: var(--danger);
}
.text-hover-primary:hover{color: var(--primary) !important;}
/*label.bg-danger.text-white.active{
	background-color: var(--danger) !important;
	color: #fff !important;
}*/
.bg-dark{
	background-color: var(--dark);
}
.bg-light{
	background-color: var(--light);
}
.bg-lighter{
	background-color: var(--lighter);
}
.bg-primary-soft{
	background-color: var(--primary-soft) !important;
}
.bg-success-soft{
	background-color: var(--success-soft) !important;
}
.bg-warning-soft{
	background-color: var(--warning-soft) !important;
}
.bg-danger-soft{
	background-color: var(--danger-soft) !important;
}
.bg-info-soft{
	background-color: var(--info-soft) !important;
}