.drowbx1 {}
.drowbx1:hover {}
.drowbx1 .edit-wtd {position: absolute;top: -33px;left: 0;display:none;z-index: -1;}
.drowbx1:hover .edit-wtd {display:block;}
.drowbx1 .edit-wtd a {display: inline-block;
    background: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    float: left;
    border: 1px solid #ccc;
    margin-left: -1px;}
.drowbx1 .edit-wtd a:hover {}
.drowbx1 .edit-wtd a:first-child {border-radius:5px 0px 0px 0px;}
.drowbx1 .edit-wtd a:last-child {border-radius:0px 5px 0px 0px;}
.drowbx1 .edit-wtd a:nth-child(1):hover {background:#0dcaf0;color: #ffffff;}
.drowbx1 .edit-wtd a:nth-child(2) {color: #fd3550;}
.drowbx1 .edit-wtd a:nth-child(2):hover {background:#fd3550;color: #ffffff;}
.drowbx1 .edit-wtd a:nth-child(3) {color: #fd7e14;}
.drowbx1 .edit-wtd a:nth-child(3):hover {background:#fd7e14;color: #ffffff;}
.drowbx1 .edit-wtd a:nth-child(4) {color: #15ca20;}.drowbx1 .edit-wtd a:nth-child(1) {color: #0dcaf0;}

.drowbx1 .edit-wtd a:nth-child(4):hover {background:#15ca20;color: #ffffff;}

.menu-fm {border-right: 1px solid #d8d6de;border-left: 1px solid #d8d6de;height: calc(100vh - 60px);}
.menu-fm a {display: block;padding: 5px 10px;text-decoration: none;font-size: 14px ;border-bottom: 1px solid #d8d6de;color: #212529;font-weight: 500;}
.menu-fm a i {margin-right:10px;font-size: 12px !important;line-height: 29px !important;}
.menu-fm a:hover {}
.menu-fm a:last-child {}
.menu-fm .clr1 {}
.menu-fm .clr1 i {background: #f39c12;color: #fff;display: inline-block;width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height: 30px;border:1px solid #fff;}
.menu-fm .clr1:hover {background: #f39c12;color: #fff;}
.menu-fm .clr2 i {background: #923330;color: #fff;display: inline-block;width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height: 30px;border:1px solid #fff;}
.menu-fm .clr2:hover {background: #923330;color: #fff;}
.menu-fm .clr3 i {background: #cd0274;color: #fff;display: inline-block;width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height: 30px;border:1px solid #fff;}
.menu-fm .clr3:hover {background: #cd0274;color: #fff;}
.menu-fm .clr4 i {background: #2cc28b;color: #fff;display: inline-block;width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height: 30px;border:1px solid #fff;}
.menu-fm .clr4:hover {background: #2cc28b;color: #fff;}
.menu-fm .clr5 i {background: #7309ac;color: #fff;display: inline-block;width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height: 30px;border:1px solid #fff;}
.menu-fm .clr5:hover {background: #7309ac;color: #fff;}
.menu-fm .clr6 i {background: #3914b0;color: #fff;display: inline-block;width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height: 30px;border:1px solid #fff;}
.menu-fm .clr6:hover {background: #3914b0;color: #fff;}
.menu-fm .clr7 i {background: #00999a;color: #fff;display: inline-block;width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height: 30px;border:1px solid #fff;}
.menu-fm .clr7:hover {background: #00999a;color: #fff;}
.menu-fm .clr8 i {background: #33d632;color: #fff;display: inline-block;width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height: 30px;border:1px solid #fff;}
.menu-fm .clr8:hover {background: #33d632;color: #fff;}
.menu-fm .clr9 i {background: #ffcb66;color: #fff;display: inline-block;width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height: 30px;border:1px solid #fff;}
.menu-fm .clr9:hover {background: #ffcb66;color: #fff;}

.hed1 {}
.hed1 .title-box  {background: #f39c12;color: #fff !important;height: 35px;line-height: 35px;}
.hed1 .title-box i {color: #fff;margin-right:5px;}
.hed1 .box {}

.hed2 {}
.hed2 .title-box  {background: #923330;color: #fff !important;height: 35px;line-height: 35px;}
.hed2 .title-box i {color: #fff;margin-right:5px;}
.hed2 .box {}

.hed3 {}
.hed3 .title-box  {background: #cd0274;color: #fff !important;height: 35px;line-height: 35px;}
.hed3 .title-box i {color: #fff;margin-right:5px;}
.hed3 .box {}

.hed4 {}
.hed4 .title-box  {background: #2cc28b;color: #fff !important;height: 35px;line-height: 35px;}
.hed4 .title-box i {color: #fff;margin-right:5px;}
.hed4 .box {}

.hed5 {}
.hed5 .title-box  {background: #7309ac;color: #fff !important;height: 35px;line-height: 35px;}
.hed5 .title-box i {color: #fff;margin-right:5px;}
.hed5 .box {}

.hed6 {}
.hed6 .title-box  {background: #3914b0;color: #fff !important;height: 45px;line-height: 45px;}
.hed6 .title-box i {color: #fff;margin-right:5px;}
.hed6 .box {}

.hed7 {}
.hed7 .title-box  {background: #00999a;color: #fff !important;height: 35px;line-height: 35px;}
.hed7 .title-box i {color: #fff;margin-right:5px;}
.hed7 .box {}

.hed8 {}
.hed8 .title-box  {background: #33d632;color: #fff !important;height: 35px;line-height: 35px;}
.hed8 .title-box i {color: #fff;margin-right:5px;}
.hed8 .box {}

.hed9 {}
.hed9 .title-box  {background: #ffcb66;color: #fff !important;height: 35px;line-height: 35px;}
.hed9 .title-box i {color: #fff;margin-right:5px;}
.hed9 .box {}

.drawflow .drawflow-node.selected {
  
    box-shadow: 5px 5px 50px 2px rgb(0 0 0 / 30%);
    z-index: 9;
}
.drawflow .drawflow-node .input, .drawflow .drawflow-node .output {
    border: none;
    background: #5c76d9;
}
.drawflow .drawflow-node {width:280px;}
.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 999999;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
	visibility: hidden;
    right: 10px;
    width: 380px;
    position: absolute;
    z-index: 9999999;
    padding: 0px;
    border-radius: 10px;
    bottom: 0px;
    background: no-repeat;
    top: inherit !important;
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		
		} 

.draflow-modl1 {}
.draflow-modl1 .header {background: #fc8635;
    border-radius: 10px 10px 0px 0px;
    padding: 10px 15px;
    color: #fff;
    font-size: 22px;}
.draflow-modl1 .inner-text {height: calc(100vh - 200px); overflow-y: auto;overflow-x: hidden;padding:15px;background:#f5f5f5;}
.draflow-modl1 .inner-text .form-group {margin-bottom:10px;}
.draflow-modl1 .inner-text .form-group:last-child {margin-bottom:0px;}
.draflow-modl1 .inner-text .form-group label {    font-size: 14px;margin-bottom: 5px;}
.draflow-modl1 .inner-text .form-group label b {}
.draflow-modl1 .inner-text .form-group label small {}
.draflow-modl1 .inner-text .form-group .form-control { border: 1px solid #ced4da;}
.draflow-modl1 .inner-text .form-group .form-select { border: 1px solid #ced4da;}
.draflow-modl1 .inner-text .form-group .check1 {top: 1px;position: relative;}
.draflow-modl1 .footer {padding: 10px;background: #e6f5e5;border-radius: 0px 0px 10px 10px;border-top: 1px solid rgba(0, 0, 0, .125);}
.nx-modal1 {padding: 0px;border:none;background:none; border-radius:10px !important;background-color: transparent !important;margin: 0 !important;}
.nx-modal1 .modal-body {padding: 0px;    }
.mdl-align {position: fixed !important;bottom: 0px;right: 0px;margin: 0px;width: 350px !important;    margin: 0 !important;}
.delte-flow {text-align:center;}
.copy-flow {text-align:center;}
.flag-flow {text-align:center;}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}
.input-group>.form-control, .input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
.addbtn1 {cursor: pointer; float: right;font-size:20px;}
.section-mn1 {background-color: rgb(195 218 193 / 30%);
    margin-bottom: 10px;
    padding: 7px 10px;
    border-radius: 4px;
    border: 1px dashed #c6d0c6;}
.section-mn1 .form-group label {    font-size: 14px;margin-bottom: 5px;}
.section-mn1 .form-group label span.add-discrp {}
.section-mn1 .form-group label span.add-discrp a {background: #009688;color: #fff;font-size: 12px;border-radius: 3px;padding: 1px 5px;text-decoration:none;}
.section-mn1 .form-group label span.add-discrp a:hover {color:#fff;}
.addrow1 {display:block;}
.addrow1 a {display:inline-block;background: #009688;color: #fff;font-size: 12px;border-radius: 3px;padding: 1px 5px;text-decoration:none;}
.addrow1 a:hover {color: #fff;}
.flow-ms-btn {text-align:center;}
.flow-ms-btn .btn {color: #fff;background: #fc8635;font-size: 13px;}
.addbtnn1 {
    color: #fc8635 !important;
    border-radius: 50px;
    height: 28px;
    width: 28px;
    display: inline-block;
    line-height: 27px;
    text-align: center;
}
.flow-ms-img {border: 1px #d1d1d1 solid;border-radius: 4px;margin-top: 10px;padding: 10px;background: #ffffff;}
.flow-ms-img .img {margin-bottom:10px;}
.flow-ms-img .img img {width:100%;}
.att-mtop {margin-top:10px;margin-bottom:10px;}

.flow-ms-msg {border: 1px #d1d1d1 solid;border-radius: 4px;margin-top: 10px;padding: 10px;background: #ffffff;}
.flow-ms-document {border: 1px #d1d1d1 solid;border-radius: 4px;margin-top: 10px;padding: 10px;background: #ffffff;}
.flow-ms-document .img {text-align:center;margin-bottom:10px;}
.flow-ms-document .img img {width:10%;}

.flow-btn-group {}

.textbtn1 {text-align: right;}
@media (max-width:767px) {
.menu-fm a {
    text-align: center;
}
.menu-fm a i {margin-right: 0px;}
.menu-fm a span {display: block;}
.textbtn1 {text-align: center;}
}