@charset "UTF-8";

.box-panel{
  position: relative;
  padding: 0;
  border: solid 1px #cbc1c1;
}
.box-panel-head{
  position: relative;
  min-height: 40px;
  background-color: #e0e4ef;
  border-bottom: solid 1px #d6dbe1;
}
.box-panel-head .title{
	padding: 10px 10px 10px 30px;
	display: inline-block;
}
.box-panel-body{
  padding: 30px 30px 20px 30px;
  background-color: #fff;
}

.box-panel2{
    background: #fff;
    height: 280px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    box-sizing: border-box;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
	border: 1px solid #dbdee9
    
}
.box-panel-head2{
    border-bottom: 1px solid #dbdee9;
    position: relative;
    z-index: 5;
    vertical-align: top;
    text-decoration: none;
    font-size: 16px;
    padding: 15px 25px;
    color: #0f479a !important;
    font-weight: 700;
}



.box-panel-head2 i{
	margin-bottom: 3px;
}

.box-panel-head2.title{
	background: #5c5f7c;
	color: #FFFFFF !important;
	font-size: 20px;
}

.box-panel-body2{
  padding: 10px 20px;
  background-color: #fff;
}


/* 메뉴 네비게이션 */
.menuLav li,.breadcrumb ul li a { float: left; font-size: 13px; color: #99a0aa; text-decoration: none; }
.menuLav li:last-child { color: #656d78 }
.menuLav>li+li:before { font-family: 'Font Awesome 5 Free'; content: "\f105"; font-weight: 900; color: #99a0aa; padding: 0 8px; }


/** 컨텐츠 tabs Start */
.pageContent-tabs {
  padding: 0 16px;
  margin-bottom: 16px;
  border-bottom: solid 1px #D7D7D7;
}
.pageContent-tabs a {
  display: block;
  float: left;
  text-align: center;
  padding: 0 16px;
  margin-left: -1px;
  margin-bottom: -1px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  color: #222;
  text-decoration: none;
  border: solid 1px #D7D7D7;
  background-color: #F4F4F4;
  border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
}
.pageContent-tabs a.active {
  position: relative;
  background-color: #fff;
  border-bottom: solid 1px #fff;
  -moz-box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.pageContent-tabs a.disabled {
  color: #999999;
}
.pageContent-tabs:before,
.pageContent-tabs:after {
  content: " ";
  display: block;
}
.pageContent-tabs:after {
  clear: both;
}

.pageContent-tabs .btn-group a{
	  clear: both;
}

/** 컨텐츠 tabs End */

/* Panel */
.panel{border-color: #ddd;background-color: #fff;border: 1px solid #ddd;display: inline-block;width: 100%;}
.panel .panel-heading{color: #333;font-size:16px;background-color: #f5f5f5;border-color: #ddd;padding: 10px 15px;border-bottom: 1px solid #ddd;font-weight: 600}
.panel .panel-body{padding: 15px;}

.build-form{display:none;}
#setForm.build-form,
#setViewForm.build-form{display:block;}
#setForm .form-group,
#setViewForm .form-group{border-top:solid 1px #e5e5e5;padding-top:14px;cursor: pointer;}
.build-form input{
	/*
	text-rendering:auto;
	*/
	letter-spacing: normal;
    word-spacing: normal;
	text-transform: none;
	cursor: text;
}
.build-form .build-form-content{
	padding: 10px 14px;
	position:relative;
}

.build-form .form-group {
    margin-bottom: 15px;
	margin-right: -15px;
    margin-left: -15px;
}
.build-form .form-group:before,
.build-form .form-group:after{
	display:table; content:" ";
}
.build-form .form-group:after{
	clear:both;
}
.build-form .form-group-btn{
    padding: 10px;
	float: left;
	width:100%;
}

.build-form label{
	position:relative;
	min-height:1px;
	padding-right:15px;
	padding-left:15px;
	line-height:25px;
	font-weight: bold; 
	vertical-align:top;
}
.build-form .control-label,
.build-form .checkbox{
	text-align:left;
	padding-top:7px;
	margin-top:0;
	margin-bottom:0;
}
.build-form .form-control{
	display:block;
	width:100%;
	height:40px;
	padding: 6px 10px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0px;
}
.build-form textarea.form-control {
    height: auto;
}
#setViewForm.build-form .control-label,
#setViewForm.build-form .checkbox{padding-top:0;}
.codeValue{display:none;}



#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {width:600px; color:#bbb; background-color:#fff; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
/* #simplemodal-container a.modalCloseImg {background:url(../images/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;} */
#simplemodal-container h3 {color:#84b8d9;}

.form-control-detail dt{background-color: #fde0c3;line-height : 38px; margin: 2px 0 2px 0 !important;padding: 0 !important;}
.form-control-detail dd{margin: 2px 0 2px 0 !important;padding: 0 0 0 10px !important;}
.form-control-detail dd button{position: absolute !important;margin-left: 10px;}
.form-control-detail .form-group{margin-bottom: 0px;}

.form-control-detail .formTitle{background-color: #fde0c3;line-height : 38px; margin: 2px 0 2px 0 !important;padding: 0 !important;display: inline-block;text-align: center;min-height: 38px;}
.form-control-detail .formContent{margin: 2px 0 2px 0 !important;padding: 0 0 0 10px !important;display: inline-block;}
.form-control-detail .formContent textarea{height: 100%;}
.form-control-detail button{position: absolute !important;margin-left: 10px;}

/* Modal Start */
.modal-dialog {z-index: 1050;max-width: none;}
.modal-content {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;border-width: 5px;border: 0;border-radius : 0;}
.modal-header {padding: 10px 10px 10px 15px;line-height: 30px;background: #d8daff;border-color: #d5d5d5;}
.modal-header .close {margin-top: 5px;margin-right: 5px;margin: 5px 5px 0 0;padding: 0}
.modal-title {line-height: 30px;}
.modal-body {padding: 15px;zoom: 1;}
.modal-body:before, .modal-body:after {content: "";display: table;}
.modal-body:after {clear: both;}
.modal-body .list-group .list-group-item:last-child {border-bottom: 1px solid #ddd;}
.modal-footer {background: #e5e6f5;border-color: #D5D5D5;padding: 10px 15px;-moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;}
.modal-search-box {padding: 10px 0;border-bottom: 1px solid #ddd;}
.modal-backdrop {z-index: 1030;}
.modal-content input{height: 36px;line-height: 36px;}
.modal-content select {height: 36px;line-height: 36px;}
/* Modal End */

/* Radio Box, Check Box Start */
.control-radio {position: relative;display: inline-block;padding: 4px 15px 4px 0;line-height: 20px;cursor: pointer;margin: 0;}
.control-radio input {width: 1px;height: 1px;opacity: 0;}
.control-radio input:checked+.outer {border: 1px solid #d1d1d1;}
.control-radio input:checked+.outer:before {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}
.control-radio input:focus+.outer:before {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;background-color: #E34724;}
.control-radio input[disabled]+.outer, .control-radio input[readonly]+.outer{border-color: #f3f3f3;}
.control-radio input[disabled]+.outer:before, .control-radio input[readonly]+.outer:before{border-color: #c1c1c1;}
.control-radio .outer {width: 20px;height: 20px;display: block;float: left;margin: 0 5px 0 0;border: 1px solid #D5D5D5;border-radius: 50%;background-color: #fff;}
.control-radio .outer:before {content: '';width: 14px;height: 14px;display: block;margin: 2px;border-radius: 50%;background-color: #E34724;opacity: 0;-webkit-transition: all .25s ease-in-out;transition: all .25s ease-in-out;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
.control-radio:hover .outer {border-color: #C1C1C1;}
.control-radio:hover .outer:before {-webkit-transform: scale(.5);-ms-transform: scale(.5);transform: scale(.5);opacity: .5;}
.control-radio:hover .outer input+.outer:before {-webkit-transform: scale(.5);-ms-transform: scale(.5);transform: scale(.5);opacity: .5;}
.control-radio:hover .outer input[disabled]+.outer, .control-radio:hover .outer input[readonly]+.outer{border-color: #f3f3f3;}
.control-radio.smPadding{padding: 4px;margin: 0px;}
.smPadding .outer {margin: 0 !important;}
.control-checkbox {position: relative;display: inline-block;vertical-align: middle;
/* padding: 9px 0 9px 0; */
font-size: 14px;line-height: 22px;cursor: pointer;margin: 0;}
.control-checkbox .ckview {-webkit-transform: rotate(-45deg) scaleY(.5);-moz-transform: rotate(-45deg) scaleY(.5);-ms-transform: rotate(-45deg) scaleY(.5);-o-transform: rotate(-45deg) scaleY(.5);transform: rotate(-45deg) scaleY(.5);opacity: 1;}
.control-checkbox input {width: 1px;height: 1px;opacity: 0;position: absolute;left: 0;top: 0;}
.control-checkbox input:focus:checked+.outer:before, .control-checkbox input:checked+.outer:before{top: -2px;margin: 0;width: 18px;height: 18px;background-color: transparent;border-left: 2px solid #E34724;border-bottom: 4px solid #E34724;-webkit-transform: rotate(-45deg) scaleY(.5);-moz-transform: rotate(-45deg) scaleY(.5);-ms-transform: rotate(-45deg) scaleY(.5);-o-transform: rotate(-45deg) scaleY(.5);transform: rotate(-45deg) scaleY(.5);opacity: 1;}
.control-checkbox input:checked+.outer {border: 1px solid #D5D5D5}
.control-checkbox input:focus+.outer:before {-webkit-transform: scale(.5);-ms-transform: scale(.5);transform: scale(.5);opacity: .5;}
.control-checkbox input[disabled]+.outer, .control-checkbox input[readonly]+.outer{border-color: #f3f3f3;}
.control-checkbox input[disabled]+.outer:before, .control-checkbox input[readonly]+.outer:before{border-color: #c1c1c1;}
.control-checkbox .outer {position: relative;width: 20px;height: 20px;float: left;margin: 0 5px 0 0;border: 1px solid #D5D5D5;background-color: #fff;}
.control-checkbox .outer:before {position: relative;content: '';margin: 2px;display: block;width: 14px;height: 14px;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease;-ms-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;background-color: #E34724;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);opacity: 0;}
.control-checkbox:hover input+.outer:before {-webkit-transform: scale(.5);-ms-transform: scale(.5);transform: scale(.5);opacity: .5;}
.control-checkbox:hover input[disabled]:checked+.outer:before, .control-checkbox:hover input:checked+.outer:before {-webkit-transform: rotate(-45deg) scaleY(.5);-moz-transform: rotate(-45deg) scaleY(.5);-ms-transform: rotate(-45deg) scaleY(.5);-o-transform: rotate(-45deg) scaleY(.5);transform: rotate(-45deg) scaleY(.5);opacity: 1;}
.control-checkbox:hover input[disabled]+.outer, .control-checkbox:hover input[readonly]+.outer{border-color: #f3f3f3;}
.control-checkbox.control-checkbox-all-check {
/* 	padding: 5px; */
line-height: 20px;float: none;}
.control-checkbox.control-checkbox-all-check .outer {margin: 0;}
.control-checkbox.list-checkbox {padding: 0;line-height: 20px;float: none;}
.control-checkbox.list-checkbox .outer {margin: 0;}
.radio, .checkbox {margin-top: 5px;margin-bottom: 5px;float: left;width: 100%;}
/* Radio Box, Check Box End */

.rowTd{
	padding: 0 !important;
}

.rowTd .row{
	margin-left: 0 !important;
	margin-right: 0 !important;

	}

.colTh{
	background-color: #F8F7F6;
    color: #000;
    padding: 10px 10px;
    line-height: 15px;
    font-weight: 800;
    text-align: center;
    line-height: 40px;
    height: 60px;
}

.colTd{
	background-color: #FFF;
    padding: 10px 10px;
    color: #535362;
    word-break: break-all;
    line-height: 40px;
    height: 60px;
}


/* Loding Bar Start */
.page-loading-frame { width: 100%; height: 100%; position: fixed; z-index: 9999; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease }
.page-loading-frame .page-loading-loader { width: 64px; height: 64px; position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; -webkit-transition: all 100ms ease; -moz-transition: all 100ms ease; -ms-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease }
.page-loading-frame.v2 { background: #3e3e3e99; }
.page-loading-frame.v2 .page-loading-loader { width: 64px; height: 64px; position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; -webkit-animation: rotate 2s infinite linear; animation: rotate 2s infinite linear; }
.page-loading-frame.v2 .page-loading-loader .dot1, .page-loading-frame.v2 .page-loading-loader .dot2 { width: 59%; height: 59%; display: inline-block; position: absolute; top: 0; background-color: #F5F5F5; border-radius: 100%; -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out }
.page-loading-frame.v2 .page-loading-loader .dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1s; animation-delay: -1s }
.page-loading-frame.removed { opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)); filter: alpha(opacity = ( 0)) }
.page-loading-frame.removed .page-loading-loader { opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)); filter: alpha(opacity = ( 0)) }
/* Loding Bar Div */
.page-loading-frame-div {width: 100%; height: 100%;z-index: 9999;margin: 0 auto;}
.page-loading-frame-div .page-loading-loader { width: 64px; height: 64px; position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px;}
.page-loading-frame-div img{width: 100%;height: 100%;margin: 0 auto;}
/* Loding Bar End */

/* Alert Css Start */
.slideAlert { display: inline-block; position: absolute; width: 100%; z-index: 999 !important; bottom: 0; }
.slideAlert div h3 { display: inline-block; width: 100%; text-align: center; }
.slideAlert div { background: rgba(255, 255, 255, 0.6); overflow: auto; }
.slideAlert section { margin: 0 20px 0 20px; }

.swal-modal{border-radius:0;border: 1px solid #dfdfdf;}
.swal-text{padding: 0 20px;}
/* Alert Css End */


/* Alert */
.bootbox{clear: both !important;}
.bootbox .bootbox-close-button{position: absolute;top: 5px;right: 5px;display: none;}
.bootbox .modal-dialog{min-width: 100px;max-width: none;width: fit-content;max-width: 500px;}
.bootbox .modal-dialog .bootbox-body{display: inline-block;font-size: 1.1em;padding: 15px;}



.list-group-item {
  padding: 8px 16px;
}
.list-group-controls {
  position: absolute;
  right: 16px;
  top: 8px;
}






/* LABELS AND BADGES */
.label {
  font-weight: 500;
}
.badge {
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 3px 10px 1px;
  letter-spacing: -0.5px;
  background-color: transparent;
  color: #909191;
/*   height: 30px; */
/*   line-height: 30px; */
}

.badgeBtn {
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;
  padding: 3px 10px 1px;
  letter-spacing: -0.5px;
  background-color: transparent;
  color: #909191;
}


.label-default,
.badge-default {
  background-color: #4876EF;
  color: #fff;
}
.label-yellow,
.badge-yellow {
  background-color: #c1bc1e;
  color: #fff;
}
.label-green,
.badge-green {
  background-color: #1f6d0c;
  color: #fff;
}
.label-pupple,
.badge-pupple {
  background-color: #9b48ef;
  color: #fff;
}


.badge-button {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 4px 5px 3px;
  letter-spacing: -0.5px;
  background-color: #4876EF;
  color: #fff;
}
.badge-button2 {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 4px 5px 3px;
  letter-spacing: -0.5px;
  background-color: #4c5374;
  color: #fff;
}
.label-round,
.badge-round {
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}
.label-primary,
.badge-primary {
  background-color: #4c5374;
  color: #fff;
}
.label-success,
.badge-success {
  background-color: #4876EF;
  color: #fff;
}
.label-info,
.badge-info {
  background-color: #3fbae4;
  border-color: #1ea4d2;
  color: #fff;
}
.label-warning,
.badge-warning {
  background-color: #fea223;
  border-color: #ed8a01;
  color: #fff;
}

.badgeBtn.badge-warning:hover {
  background-color: #fe6023;
  border-color: #fe6023;
  color: #fff;
}


.label-danger,
.badge-danger {
  background-color: #de6c2b;
  border-color: #ba561c;
  color: #fff;
}
.label-gray,
.badge-gray {
  background-color: #9b9b9b;
  border-color: #9b9b9b;
  color: #fff;
}

.badge-level1 {
  background-color: #969696;
  color: #fff;
}

.badge-level2 {
  background-color: #8e98a7;
  color: #fff;
}

.badge-level3 {
  background-color: #7888a0;
  color: #fff;
}

.badge-level4 {
  background-color: #6981a5;
  color: #fff;
}

.badge-level5 {
  background-color: #5372a0;
  color: #fff;
}

.badge-level6 {
  background-color: #385f9a;
  color: #fff;
}

.badge-level7 {
  background-color: #1c4d98;
  color: #fff;
}

.badge-level8 {
  background-color: #003b94;
  color: #fff;
}


/* tabs */
.tabsArea .nav-tabs {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  margin-bottom: 30px;
  display: table;
  border-bottom: 0;
}
.tabsArea .nav-tabs:before,
.tabsArea .nav-tabs:after {
  display: table;
  content: '';
}
.tabsArea .nav-tabs:after {
  clear: both;
}
.tabsArea .nav-tabs > li {
  float: none;
  display: table-cell;
/*   width: 1%; */
  position: relative;
  /* border-left: solid 1px #D7D7D7; */
}
.tabsArea .nav-tabs > li:first-child {
  border-left: solid 1px #D7D7D7;
}
.tabsArea .nav-tabs > li > a {
  display: block;
  text-align: center;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  color: #222;
  background-color: #F4F4F4;
  border: 1px solid #D7D7D7;
  border-left: none;
  padding: 0 30px 0 30px;
}
.tabsArea .nav-tabs > li > a.active {
  background-color: #74a5df;
  border: solid 1px #74a5df;
  color: #fff;
  /* border-top: solid 2px #737373;
  border-bottom: 1px solid #fff; */
}

.tabs {
  padding-bottom: 30px;
  margin: 0;
}
.tabs > .tab-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
.tabs > .tab-menu:before,
.tabs > .tab-menu:after {
  display: table;
  content: '';
}
.tabs > .tab-menu:after {
  clear: both;
}
.tabs > .tab-menu > li {
  float: none;
  display: table-cell;
  width: 1%;
  position: relative;
}
.tabs > .tab-menu > li:first-child {
  border-left: solid 1px #D7D7D7;
}
.tabs > .tab-menu > li > a {
  display: block;
  text-align: center;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  color: #222;
  background-color: #F4F4F4;
  border: 1px solid #D7D7D7;
  border-left: none;
}
.tabs > .tab-menu > li.active > a {
  background-color: #74a5df;
  border: solid 1px #74a5df;
  color: #fff;
}






.rowAuto{
	padding: 0;
	margin: 0;
	width: 100%;
	display: table;
}
.col-Auto{
	display: table-cell;
	position: relative;
}




.form-control {
  height: 40px;
  padding: 0 12px;
  font-size: 14px;
  color: #222;
  line-height: 40px;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  border: 1px solid #DDDDDD;
  background: #fff;
}



/*************************************** message box Start ******************************************/
.message-box {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}
.message-box.open {
  display: block;
}
.message-box .mb-container {
  position: absolute;
  left: 0px;
  top: 35%;
  background: rgba(0, 0, 0, 0.9);
  padding: 20px;
  width: 100%;
}
.message-box .mb-container .mb-middle {
  width: 100%;
  position: relative;
  color: #FFF;
}
@media (min-width: 768px) {
  .message-box .mb-container .mb-middle {
    width: 50%;
    margin: 0 auto;
  }
}
.message-box .mb-container .mb-middle .mb-title {
  width: 100%;
  float: left;
  padding: 10px 0px 0px;
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
}
.message-box .mb-container .mb-middle .mb-title .fa,
.message-box .mb-container .mb-middle .mb-title .glyphicon {
  font-size: 38px;
  float: left;
  margin-right: 10px;
}
.message-box .mb-container .mb-middle .mb-content {
  width: 100%;
  float: left;
  padding: 15px 0px 0px;
  font-size: 18px;
}
.message-box .mb-container .mb-middle .mb-content p {
  margin-bottom: 0px;
  font-size: 16px;
}
.message-box .mb-container .mb-middle .mb-footer {
  width: 100%;
  float: left;
  padding: 10px 0px;
}
.message-box.message-box-warning .mb-container {
  background: rgba(213, 123, 40, 0.9);
}
.message-box.message-box-danger .mb-container {
  background: #3175C8;
}
.message-box.message-box-info .mb-container {
  background: rgba(63, 186, 228, 0.9);
}
.message-box.message-box-success .mb-container {
  background: rgba(149, 183, 93, 0.9);
}
/*************************************** message box End ******************************************/