#smodal-opacity {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;	
	background:rgba(0,0,0,0.6); 
	z-index: 7775; 
	display: none;
	justify-content: center;
	align-content: center;
	justify-content:center;
	align-items:center;
}

#smodal-loading {
	margin:0 auto;display: block; max-width:100%;
}

#smodal-container {
	background: #fff; 
	width:1200px;	
	border-radius:5px;
	max-height: 90vh;
	flex: 0 1 auto;
	max-width: 90vw;
	z-index: 7777; 
	overflow: hidden;
	padding:20px 40px;
	box-shadow: 0px 1px 11px 0px rgba(17, 38, 146, 0.26);
}

#smodal-close {
	width:38px;
	height:38px;
	position:absolute;
	color: rgba(0,0,0,0.53);
	cursor:pointer;
	top: 7px;
	right: 7px;
	background-image: url(../../assets/img/close.svg);
	background-repeat: no-repeat;
    background-position: center center;
	transition: transform .4s ease-in-out;
}
#smodal-close:hover {
  transform: rotate(360deg);
}

#smodal-header {
	display: flex;
	align-items: center;
	color: #344054;
    position:relative;
	border-bottom: 1px solid #D9E0EC;
	height:50px;
	font-size: 22px;
	font-weight: bold;
	cursor: move;
	margin-bottom: 20px;
}

#smodal-main {
    overflow-y:scroll; 
	overflow-x:hidden;
	background: #fff;
	padding:10px;
	min-height: 240px;
	max-height: calc(90vh - 265px);
}

#smodal-footer {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-top: 10px;
	height:37px;
	text-align:right;
}
#smodal-footer .media-pagination{
	margin:0 !important;
}
#smodal-footer .media-pagination a{
	background-color:#8895a8;
	border-color:#8895a8;
	font-weight: bold;
	color: #fff;
}
#smodal-footer .media-pagination a:hover{
	background-color:#697585;
	border-color:#697585;
	cursor:pointer;
}
#smodal-main .heading{
	font-weight: bold;
	text-align: center;
}
.modaltek{cursor:pointer;}
.modaltek_preview{
	position:relative;
	display: flex;
	align-items:flex-start;
	margin: 10px 0;
}
.modaltek_preview > img{
	max-width:200px;
	max-height:200px;
	border-radius:8px;
}
.modaltek_desc{
	margin-left: 10px;
}
.modaltek_desc > div > span:first-child{
	font-weight: bold;
	width: 90px;
	display: inline-block;
}
.modaltek_preview button{
	position:absolute;
	top:2px;
	left:2px;
	background: #fff;
	border: none;
	border-radius: 8px;
	width: 32px;
	height: 32px;
}
.modaltek_preview button > img{max-width:100%;}
.modaltek_preview button:hover {background:#fbb7b7;}
.modal_col{margin:10px 0;}
.modal_row{
    display:flex;
    flex-direction:column;
	min-height:38px;
}

.modal_row > div:first-child{padding: 0 10px 0 0; width: 30%;}
.modal_row > div:last-child{flex: 1 1 auto; max-width: 70%;}

.modal_row input[type=text], .modal_row input[type=file]{
    border: 1px solid #a6a6a6;
    border-radius:3px;
    padding:7px 10px;
    width:100%;
    margin:3px 0;
}

.modal_row select{
	cursor:pointer;
	border: 1px solid #a6a6a6;
	max-width:100%;
	width:100%;
	max-width:100%;
    margin:3px 0;}

.modal_row select[multiple] {
	border: 1px solid #a6a6a6;
	width:100%;
}

.modal_row textarea{
	border: 1px solid #a6a6a6;
	border-radius: 3px;
	padding: 7px 10px;
	width: 100%;
	background: var(--darkgrey);
	margin:3px 0;
}

.smodal-button {
	height:34px;
	background: #8895a8;
	border: 1px solid #8895a8;
	text-decoration: none;
	color: #fff;
	padding: 5px 15px;
	font-weight: 600;
	border-radius: 6px;
	outline: none;
	text-align: center;
	cursor: pointer;
	position: relative;
	margin-left: 10px;
}
.smodal-button:hover{
	background: #697585;
}
#smodal-exec.smodal-button{
	background: #ff9801;
	border: 1px solid #ff9801;
}
#smodal-exec.smodal-button:hover{
	background: #e18600;
	border: 1px solid #e18600;
}

@media (min-width: 768px) { 
	.modal_row{
         flex-direction:row;
         align-items: center;
    }
	#smodal-opacity {
		align-items: center;
	}
	#modal-container {
		top: auto;
	}
}