.select_option {
    color: #fff;
    background-color: #6c757d;
    font-weight: 300;
    border-radius: 8% 0% 0% 8%;
}

.rowselected {
	background-color: #6c757d !important;
	color: #ffffff;
}

.hidden {
    display: none;
}

.alert-form {
    margin: 1rem 1rem 0;
}

#dataTable.nowrap th, #dataTable.nowrap td {
    white-space: nowrap;
}

.dt-text, .dt-select {
    white-space: nowrap;
}

.dt-select {
    width: auto;
}

/* .fsize-2 {
    font-size: 1.1rem !important
} */

pre.swal2 {
	outline: 1px solid silver; 
	padding: 10px 20px; 
	margin: 5px;
	border-radius: 3px;
	font-size: 85%;
	line-height: 1.45;
	text-align: left;
}

pre.swal2-withoutline {
	/* outline: 1px solid silver; */ 
	padding: 5px 10px; 
	margin: 2px;
	border-radius: 3px;
	font-size: 85%;
	/* line-height: 1.45; */
	text-align: left;
}

pre.swal2-xml {
	outline: 1px solid silver; 
	padding: 10px 20px; 
	margin: 5px;
	border-radius: 3px;
	font-size: 65%;
	line-height: 1.45;
	text-align: left;
}

pre.swal2-json {
	outline: 1px solid silver; 
	padding: 5px 10px; 
	margin: 3px;
	border-radius: 3px;
	font-size: 70%;
	line-height: 1.2;
	text-align: left;
}

.key { color: #000000; }

.value-string { color: #008000; }

.value-number { color: #008000; }

.value-boolean { color: #008000; }

.value-null { color: #008000; }

.operators { color: #FF00FF; }

p.swal2 {
	outline: 1px solid silver; 
	padding: 10px 20px; 
	margin: 5px;
	border-radius: 3px;
	font-size: 85%;
	line-height: 1.45;
	text-align: left;
	color: #212529;
    font-weight: bolder;
}

td.details-control {
    background: url(/img/details_open.png) no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url(/img/details_close.png) no-repeat center center;
}

.swal-wide {
    width:675px !important;
}

.tooltip-inner {
    white-space:nowrap;
    max-width:none;
}

.showhidepassword-icon {
  	float: right;
  	position: relative;
  	z-index: 2;
  	margin-left: -25px;
  	margin-right: 35px;
  	margin-top: -25px;
}

pre.jsonbody {
	outline: 1px solid #ced4da; 
	padding: 10px 20px; 
	/*margin: 5px;*/
	border-radius: .25rem;
	font-size: 80%;
	line-height: 1.45;
	text-align: left;
}

.font-size-sumbal {
    font-size: 1rem !important
}

.progress-box h5 {
    font-size: .70rem;
    font-weight: bold;
    opacity: .6;
    text-transform: uppercase;
    padding-bottom: .33333rem
}

.fsize-1-cst {
    font-size: .90rem !important
}

.fsize-2-cst {
    font-size: 1.1rem !important
}

.drawer-content-wrapper .drawer-section-cst {
    padding: .80rem
}

.border-3 {
    border-width:3px !important;
}

.form-control.is-invalid-cst {
    border-color: #d92550;
}

.form-control.is-invalid-cst:focus {
    border-color: #d92550;
    box-shadow: 0 0 0 .2rem rgba(217, 37, 80, 0.25)
}

.form-control.is-valid-cst {
    border-color: #3ac47d;
    padding-right: 2.25rem;
}

.form-control.is-valid-cst:focus {
    border-color: #3ac47d;
    box-shadow: 0 0 0 .2rem rgba(58, 196, 125, 0.25)
}