/* ------------- Fonts CSS Start------------- */

/*----------------- Global css -----------------*/
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'), url('../fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'), url('../fonts/opensans-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal; 
}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.woff2') format('woff2'), url('../fonts/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'), url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'), url('../fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* ------------- Fonts CSS End ------------- */


/* ------------- Reset CSS Start ------------- */
*{margin: 0;padding: 0;border: 0;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
button:focus {outline: none; box-shadow: none !important;}
a:hover, a:focus {text-decoration: none;}
/* ------------- Reset CSS End ------------- */


/* ------------- Utility CSS Start ------------- */
body {  font-family: 'open_sansregular'; font-size: 1rem;	background:#e6ebf1; color: #00162a; }



.bgmain{ width: 100%; height: 100%; background: url("../images/bg_login.png") 0 0 no-repeat; position: absolute; overflow: hidden; }

.bg_login{background: #fff; overflow:hidden; }

.login_blue_bg{  width: 100%;   }
.logo{ padding-bottom: 100px; }

.leftpanel{ padding: 150px 0 0 30px; }
.leftpanel h2{ color:#fff; font-size: 42px;  font-family: 'open_sansbold'; text-transform: uppercase; letter-spacing: 5px; position: relative; padding-bottom: 25px; }
.leftpanel h2:before{ position: absolute; left:0px; bottom:0px; width: 132px; height: 1px; background: #fff; content: ""; }


.leftpanel h3{ color:#fff; text-transform: uppercase; font-size:28px; letter-spacing: 5px; }
.leftpanel p{ color:#fff; letter-spacing: 2px; padding-top: 15px; }


.text_block{ color: #526279; font-size: 12px; }


.login_form{ width: 100%; padding:40px 0 0 0; }
.login_form h3{ color:#2668ff; text-transform: uppercase; font-weight: bold; }
.login_form input{ border: 0px; border-bottom:2px solid #e7e7e7; border-radius: 0px; padding-left: 0px; font-size: 14px; color:#000; text-transform:lowercase; }
.login_form label{ color: #8b8aa8; font-weight: normal; text-transform: uppercase; font-size: 13px; }
.login_form a{ font-size: 13px;  }
.login_form label.remember{ text-transform: capitalize;  font-size: 13px; color: #000; }
.login_form input[type=checkbox]{ float: left; margin: 4px 6px 0 0 ; }


.login_form .btn{ min-width: 140px; }

.login_form .btn:hover{  background: #fff; border-color:#231499; color: #231499; }


.btn_login{ background: rgb(22,25,167);
background: linear-gradient(90deg, rgba(22,25,167,1) 0%, rgba(79,1,101,1) 100%); border-color:#2668ff;  border-radius: 25px; padding:7px 30px; text-transform: uppercase; font-size: 14px; font-family: 'open_sanssemibold'; }
.btn_account{ background: #fff; border-color:#231499;  border-radius: 25px; padding:7px 30px; color: #231499; text-transform: uppercase; font-size: 14px; font-family: 'open_sanssemibold';  }




.roboicon{ width: 100%; position: absolute; bottom: 0px; right: 0px;  }


.bg_nav{ background: rgb(22,25,167);
background: linear-gradient(90deg, rgba(22,25,167,1) 0%, rgba(79,1,101,1) 100%); padding: 0px 10px; }
.custom_nav{ padding: 0px 15px; }
.custom_nav ul.mainmenu li{ line-height: 24px; margin: 0 10px; }
.custom_nav ul.mainmenu li a{ color:#b5bef8; padding: 5px !important; font-size: 15px; }
.custom_nav ul.mainmenu li a:hover{ color: #fff; background: #5141aa; border-radius: 5px;  }
.custom_nav ul.mainmenu li.active a{ color: #fff; background: #5141aa; border-radius: 5px;  }


.borderright{ border-right:1px solid #2f33bc; }



.custom_nav ul.megamenu li a{ font-size: 13px; color:#2c2c2c !important; }
.custom_nav ul.megamenu li a:hover{ background:none; color: #20159c; }
.custom_nav ul.megamenu li a{ background:none !important; }

.menuHover .dropdown-menu{padding:0; overflow:hidden; transform-origin:top; transform:scale(1, 0) translateY(0); transition: .2s; display:block !important; position:absolute}
.menuHover .dropdown-menu a{    padding: 5px 20px;  border-bottom: 1px solid #eee; font-size: 13px; top: auto; }
.menuHover .dropdown-menu a:last-child{border:none}
.menuHover .dropdown-menu.show, .menuHover
.dropdown:hover .dropdown-menu{box-shadow:0 3px 12px rgba(27, 31, 35, .15), 0 0 1px rgba(27, 31, 35, .2); transform:scale(1, 1) translateY(2px)}
.dropdown-item.active,.dropdown-item:active{background:#fff; color:#0a2a80}

.rightnav ul.menuHover li{ padding: 0 15px; font-size: 13px; }
.rightnav ul.menuHover li+li { border-left: 1px solid #682b7e ;  }
.rightnav ul.menuHover li:last-child{ padding-right: 0px; }

/* Navigation Sub
------------------------------------ */
nav.sub {  border-bottom: 1px solid #ebebeb;  padding: 10px 0; }
/* Navigation Main
------------------------------------- */
nav.main {}
nav.main .nav-logo { max-width: 200px; width: 100%;}
nav.main ul { padding-left: 0; list-style-type: none;}
/* ------ Mega Menu ------ */
nav.main .megamenu {  padding: 10px 20px;  position: absolute;  top: 54px;  left: 0;  right: 0;  /*max-width: 1500px;*/  width: 100%;  margin-left: auto;  margin-right: auto; border-radius: 0px; border:0px; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.13);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.13);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.13); }
/* ------ Mid Menu ------ */
nav.main .midmenu {  position: absolute;  padding: 20px 20px;  float: left;  top: auto;  left: auto;  right: auto;  max-width: 650px;  width: 100%;
  margin-left: auto;  margin-right: auto;	border: 0px;}
.dropdown-menu.megamenu.midmenu.show {  right: 0;}
.dropdown-menu.show {
	right: 0;
	left: -42px !important;
}
.bg_nav .navbar-toggler-icon {    background:#fff url("../images/download.svg") 0 0 no-repeat; padding: 5px; border-radius: 5px; }


.contentstuff{ background: #fff; width: 100%; padding: 20px 20px 30px; border-radius: 5px; overflow: hidden; position: relative; min-height: 650px; }
.uploadsection{ width: 100%;
    background: #f4f7fb;
    padding: 20px;
    border-radius: 5px;
    position: relative;
    min-height: 450px; }
.uploadsection h2{ color:#1a17a3; font-size: 18px;  }
.uploadsection select{ max-width: 100px; font-size: 13px; }


.browsesection{ width: 100%; background: #fff; text-align: center; padding: 30px; border-radius: 5px; }
.browsesection h3{ font-size: 1.3rem; color: #c9ced7; padding-bottom: 10px; }
.browsesection p{ font-size: 0.8rem; color: #c9ced7; padding: 10px 0 0 0; }
.browsesection .upload-btn{ border-color: #20159c; color: #20159c; text-transform: capitalize; background: #fff; }
.browsesection .upload-btn:hover,.browsesection .upload-btn:focus{ background: #20159c; color: #fff;  }
.browsesection #upload-file{
  display:none;
}

.btn_light{ background: #fff; border-color: #d4d4d4; color:#828282; margin: 0 10px; }
.btn_light:hover,.btn_light:focus{ background: #fff; border-color: #1a17a3; color:#1a17a3; }

.btn_dark{ background: #1a17a3; border-color: #1a17a3; color:#fff; margin: 0 10px; }
.btn_dark:hover,.btn_dark:focus{ background: #1a17a3; border-color: #1a17a3; }


.uploadfile{ width: 100%; background: #fff; text-align: center; padding: 10px; border-radius: 5px;  
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 13%); }
.uploadfile .fa-file-excel-o{ font-size: 30px; color:#9ea4b1; }
.uploadfile label{ font-size: 12px; color:#292a2d; text-align: left; margin-bottom: 0px; }
.uploadfile .progress{ height: 4px; }
.uploadfile .progress-bar{ background-color: #251396; }
.uploadfile .fa-trash-o{ color: #ff0000; }

.chatrobo{ width: 60px; height: 60px; border-radius: 100%; background: rgb(22,25,167);
background: linear-gradient(90deg, rgba(22,25,167,1) 0%, rgba(79,1,101,1) 100%); position: fixed; right: 30px; bottom: 20px; text-align: center; line-height: 60px;  
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%); z-index:2 }


.roboland{ position: absolute; right: 0px; bottom: 0px; text-align: right;  }
.roboland img{ width: 80%; }

.customtab{ width: 100%; }
.customtab ul{ border-bottom:0px; }
.customtab ul li a{ font-size:13px; color: #2e2e2e; font-family: 'open_sanssemibold'; }
.customtab span{ background: #e3e8ee; width: 36px; height: 36px; display: inline-block; border-radius: 100%; line-height: 36px; font-size: 20px; color: #4c5d70; text-align: center; margin-right: 10px; }



.customtab ul li a.active{ border: 1px solid transparent !important; }
.customtab ul li a:hover{ border: 1px solid transparent !important; }
.customtab ul li a.active span{ background: #374cac; color: #fff; }


.tabdata{ width: 100%; }
.tabdata h2{ font-size: 24px; color: #1f159d;  font-family: 'open_sanssemibold'; padding-top: 15px; }
.tabdata h3{ font-size: 15px; color: #2c2c2c;  font-family: 'open_sanssemibold'; padding-top: 10px; }


	.tabdata .boxcontent {
		width: 100%;
		background: #e3e8ee;
		border-radius: 5px;
		margin-bottom: 25px;
		text-align: center;
		padding: 35px 0;
		border: 1px solid transparent;
	}
.tabdata .boxcontent h4{ text-align: center; font-family: 'open_sanssemibold'; font-size: 16px; padding-top:15px; }

		.tabdata .boxcontent.bg1 {
			background: #e0dbf4;
			-webkit-transition-duration: 0.5s;
			transition-duration: 0.5s;
			/* -webkit-transform: perspective(1px) translateZ(0); */
			transform: perspective(1px) translateZ(0);
		}
.tabdata .boxcontent.bg1 h4{ color:#5c48aa;  }

		.tabdata .boxcontent.bg2 {
			background: #d5f5f1;
			-webkit-transition-duration: 0.5s;
			transition-duration: 0.5s;
			/* -webkit-transform: perspective(1px) translateZ(0); */
			transform: perspective(1px) translateZ(0);
		}
.tabdata .boxcontent.bg2 h4{ color:#3ab3a4;  }

		.tabdata .boxcontent.bg3 {
			background: #d7f5e7;
			-webkit-transition-duration: 0.5s;
			transition-duration: 0.5s;
			/* -webkit-transform: perspective(1px) translateZ(0); */
			transform: perspective(1px) translateZ(0);
		}
.tabdata .boxcontent.bg3 h4{ color:#3ab3a4;  }

		.tabdata .boxcontent.bg4 {
			background: #fcdbdb;
			-webkit-transition-duration: 0.5s;
			transition-duration: 0.5s;
			/* -webkit-transform: perspective(1px) translateZ(0); */
			transform: perspective(1px) translateZ(0);
		}
.tabdata .boxcontent.bg4 h4{ color:#ca3f3f;  }

		.tabdata .boxcontent.bg5 {
			background: #ffeecc;
			-webkit-transition-duration: 0.5s;
			transition-duration: 0.5s;
			/* -webkit-transform: perspective(1px) translateZ(0); */
			transform: perspective(1px) translateZ(0);
		}
.tabdata .boxcontent.bg5 h4{ color:#b9903e;  }

		.tabdata .boxcontent.bg6 {
			background: #dee3fa;
			-webkit-transition-duration: 0.5s;
			transition-duration: 0.5s;
			/* -webkit-transform: perspective(1px) translateZ(0); */
			transform: perspective(1px) translateZ(0);
		}

.tabdata .boxcontent.bg6 h4{ color:#3b50ae;  }

		.tabdata .boxcontent.bg1:hover {
			-webkit-box-shadow: 0px 0px 15px 0px rgba(156,153,224,1);
			-moz-box-shadow: 0px 0px 15px 0px rgba(156,153,224,1);
			box-shadow: 0px 0px 15px 0px rgba(156,153,224,1);
			-webkit-transform: scale(1.1);
			transform: scale(1.1);
			-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
			transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
		}

		.tabdata .boxcontent.bg2:hover {
			-webkit-box-shadow: 0px 0px 15px 0px rgba(197,151,222,1);
			-moz-box-shadow: 0px 0px 15px 0px rgba(197,151,222,1);
			box-shadow: 0px 0px 15px 0px rgba(197,151,222,1);
			-webkit-transform: scale(1.1);
			transform: scale(1.1);
			-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
			transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
		}

		.tabdata .boxcontent.bg3:hover {
			-webkit-box-shadow: 0px 0px 15px 0px rgba(156,153,224,1);
			-moz-box-shadow: 0px 0px 15px 0px rgba(156,153,224,1);
			box-shadow: 0px 0px 15px 0px rgba(156,153,224,1);
			-webkit-transform: scale(1.1);
			transform: scale(1.1);
			-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
			transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
		}

		.tabdata .boxcontent.bg4:hover {
			-webkit-box-shadow: 0px 0px 15px 0px rgba(197,151,222,1);
			-moz-box-shadow: 0px 0px 15px 0px rgba(197,151,222,1);
			box-shadow: 0px 0px 15px 0px rgba(197,151,222,1);
			-webkit-transform: scale(1.1);
			transform: scale(1.1);
			-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
			transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
		}

		.tabdata .boxcontent.bg5:hover {
			-webkit-box-shadow: 0px 0px 15px 0px rgba(156,153,224,1);
			-moz-box-shadow: 0px 0px 15px 0px rgba(156,153,224,1);
			box-shadow: 0px 0px 15px 0px rgba(156,153,224,1);
			-webkit-transform: scale(1.1);
			transform: scale(1.1);
			-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
			transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
		}

		.tabdata .boxcontent.bg6:hover {
			-webkit-box-shadow: 0px 0px 15px 0px rgba(197,151,222,1);
			-moz-box-shadow: 0px 0px 15px 0px rgba(197,151,222,1);
			box-shadow: 0px 0px 15px 0px rgba(197,151,222,1);
			-webkit-transform: scale(1.1);
			transform: scale(1.1);
			-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
			transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
		}









		.tabdata .boxcontent.bg7 {
			background: #1c16a1;
			-webkit-transition-duration: 0.5s;
			transition-duration: 0.5s;
			/* -webkit-transform: perspective(1px) translateZ(0); */
			transform: perspective(1px) translateZ(0);
		}

			.tabdata .boxcontent.bg7:hover {
				-webkit-box-shadow: 0px 0px 15px 0px rgba(156,153,224,1);
				-moz-box-shadow: 0px 0px 15px 0px rgba(156,153,224,1);
				box-shadow: 0px 0px 15px 0px rgba(156,153,224,1);

				-webkit-transform: scale(1.1);
				transform: scale(1.1);
				-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
				transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
			}
		.tabdata .boxcontent.bg8:hover {
			-webkit-box-shadow: 0px 0px 15px 0px rgba(197,151,222,1);
			-moz-box-shadow: 0px 0px 15px 0px rgba(197,151,222,1);
			box-shadow: 0px 0px 15px 0px rgba(197,151,222,1);

			-webkit-transform: scale(1.1);
			transform: scale(1.1);
			-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
			transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
		}





			.tabdata .boxcontent.bg7 h4 {
				color: #fff;
			}
		.tabdata .boxcontent.bg8 {
			background: #48036d;
			-webkit-transition-duration: 0.5s;
			transition-duration: 0.5s;
			/* -webkit-transform: perspective(1px) translateZ(0); */
			transform: perspective(1px) translateZ(0);
		}

			.tabdata .boxcontent.bg8 h4 {
				color: #fff;
			}

.tabdata .boxcontent:hover{ cursor: pointer; box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 25%); }

.tabdata .active{ box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 25%); }

.tabdata label{ margin-bottom: 15px; font-size: 13px; }
.tabdata .text_form{ font-size: 13px; font-family: 'open_sanssemibold'; }
.tabdata .text_form_light{ font-size: 13px; font-family: 'open_sanssemibold'; color: #aaaaab; }
.tabdata input{ font-size: 13px; }
.tabdata .boticon{ background: #374cac; width: 55px; height: 55px; display: block; text-align: center; line-height: 55px; border-radius: 100%; }
.tabdata .boticon img{ width: 60%; }

.tabdata .smallbot{ background: #fcdbdb; width: 40px; height: 40px; display: block; text-align: center; line-height: 40px; border-radius: 100%; }
.tabdata .smallbot img{ width: 50%; }

.tabdata .smallbot1{ background: #fcdbdb;  } 
.tabdata .smallbot2{ background: #e0dbf4;  }
.tabdata .smallbot3{ background: #d7f5e7;  }


.tabdata .uploadbot{ background: #e6ebf1; width: 40px; height: 40px; display: block; text-align: center; border-radius: 100%; border: 0px; }
.tabdata .uploadbot img{  }

.tabdata #upload-file2 {
    display: none; 
}

.modal.right .modal-content { height: 100%; overflow-y: auto; }
.modal.right.fade.show .modal-dialog { /*right: 0;*/ }
.modal.right.fade .modal-dialog { /*right: -320px;*/
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right .modal-dialog { right: 0; position:absolute; margin:auto; width:315px;  height:100%; box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 25%);
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}
.customsidebar{  position: absolute; z-index: 0; right: 0px; left: auto; width: 320px; }
.customsidebar .modal-header{ border-bottom: 1px solid #e2e7ed; }
.customsidebar .modal-header h4 { color:#1a17a3; text-transform: uppercase; font-size: 16px; }

.customsidebar label{  color: #1a17a3; font-size: 13px; font-family: 'open_sanssemibold';  }
.customsidebar input[type=text]{ height: 30px; line-height: 30px; font-size: 13px; }

.customsidebar .modal-content{ border: 0px;  }

.userdetail{ border: 1px solid #ced4da; width: 100%; padding: 15px; border-radius: 5px; }
.userdetail label{ font-size: 13px; color: #292a2d; }
.userdetail input[type=text]{ margin-bottom: 10px; }


.userdetail .btn_border{ background: #fff; border-color:#231499;  border-radius: 5px; padding:2px 10px; color: #231499; font-size: 12px;  }
.userdetail .btn_red{ background: #fff; border-color:#ff0000;  border-radius: 5px; padding:2px 10px; color: #ff0000; font-size: 12px;  }


.modal-backdrop.show{ /*display: none;*/ }

.customsidebar.show{ display: block; padding-right: 0px;  }

.tree { width: 100%; text-align: center; display: flex; justify-content: center; }


.tree ul {
    padding-top: 20px; position: relative;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.tree li {
	float: left; text-align: center;
	list-style-type: none;
	position: relative;
	padding: 20px 5px 0 5px;
	min-width: 130px;		
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/

.tree li::before, .tree li::after{
	content: '';
	position: absolute; top: 0; right: 50%;
	border-top: 1px solid #ccc;
	width: 50%; height: 20px;
}
.tree li::after{
	right: auto; left: 50%;
	border-left: 1px solid #ccc;
}

/*We need to remove left-right connectors from elements without 
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
	display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child{ padding-top: 0;}

/*Remove left connector from first child and 
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after{
	border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before{
	border-right: 1px solid #ccc;
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
}
.tree li:first-child::after{
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree ul ul::before{
	content: '';
	position: absolute; top: 0; left: 50%;
	border-left: 1px solid #ccc;
	width: 0; height: 20px;
}

.tree li a{
	border: 1px solid #fff;
	padding: 15px 25px;
	text-decoration: none;
	background: #fff;
	color: #fff;
	font-family: 'open_sansbold';
	font-size: 12px;
	display: inline-block;
	text-transform: uppercase;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li a:hover, .tree li a:hover+ul li a {
	background: #c8e4f8; color: #fff; border: 1px solid #94a0b4;
}
/*Connector styles on hover*/
.tree li a:hover+ul li::after, 
.tree li a:hover+ul li::before, 
.tree li a:hover+ul::before, 
.tree li a:hover+ul ul::before{
	border-color:  #94a0b4;
}



.tree ul.first-child li a.darkblue{ background: #542eef;  }


.tree ul ul.second-child li a.yellow{ background: #d2d51e;  }
.tree ul ul.second-child li a.green{ background: #4bd2ba;  }
.tree ul ul.second-child li a.blue{ background: #376cf8;  }


.tree ul ul.third-child li a.lightblue{ background: #20c2cb;  }
.tree ul ul.third-child li a.lightgreen{ background: #2daef6;  }





.move_down { animation: float 2s ease-out infinite; }








.content_popup {
  width: 340px;
  height: 500px;
  margin: 40px auto;
  border-radius: 10px;
	position: absolute;
	overflow: hidden;
	right: 20px; bottom: 50px;
	left: auto;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.43);
-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.43);
box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.43);
}


.chatbox {
  position: relative;
  float: left;
  width: 100%;
  max-width: 440px;
  height: 100%;
  background: #fff;
  border-radius: 0 10px 10px 0;
  
}


/*
.contacts-nav li img.arrow-down {
	float: right;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}*/

.contacts-nav li:last-child svg {
  width: 24px;
  height: 24px;
  vertical-align: middle;
}

.contacts-nav li:last-child svg path {
  fill: #bababa;
}

/* Contact List */

.contact-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  height: 100%;
  max-height: 460px;
  overflow-y: hidden;
}

.contact-list:hover {
  overflow-y: overlay;
}

.contact-list .person {
  position: relative;
  padding: 12px 0;
  border-bottom: 1px solid rgba(112, 108, 114, 0.3);
  cursor: pointer;
}

.contact-list .person:hover {
  background: rgba(0, 0, 0, 0.3);
}

/*
.contact-list .person.active {
	border: 0;
	border-right: 4px solid #0bf9c7;
	box-shadow: inset -4px 0px 4px -4px #0bf9c7, 0 1px 0 rgba(112,108,114,0.3);
}*/

.contact-list .person.active:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-right: 4px solid #0bf9c7;
  box-shadow: inset -4px 0px 4px -4px #0bf9c7;
}

.person .avatar img {
  width: 35px;
  margin-left: 0px;
  border-radius: 50%;
}

.person .name {
  position: relative;
  display: inline-block;
}

.person .name .status {
    position: absolute;
    right: -6px;
    top: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #9e99a1;
}

.person .name .status.online {
  background: #0bf9c7;
}

.person .name .status.away {
  background: #f4a711;
}

.person .name .status.busy {
  background: #f42464;
}

.person .info {
  display: inline-block;
  width: 200px;
  padding: 0 0 0 10px;
}

.person .name,
.person .status-msg {
  display: inline-block;
}

.person .name {
  color: #fdfdfd;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 700;
}

.person .status-msg {
  width: 180px;
  font-size: 14px;
  font-size: 1.4rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.person .unread-messages,
.person .last-login {
  position: absolute;
  top: 10px;
  right: 10px;
}

.person .unread-messages {
  padding: 0 8px;
  text-align: center;
  color: #fff;
  background: #ef8d1a;
  border-radius: 10px;
}

/*------------------------------------*\
    Chatbox
\*------------------------------------*/

.chatbox {
  color: #a0a0a0;
}

/* Chatbox header */

.chatbox .person {
  position: relative;
  padding: 10px 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(112, 108, 114, 0.2);
	background: #2d0f8d;
	border-radius: 10px 10px 0 0;
}

.chatbox .person .avatar .status {
  border-color: #fff;
}

.chatbox .person .info {
  width: 250px;
  padding-left: 10px;
}

.chatbox .person .name {
  color: #fff;
  font-size:20px;
}

.chatbox .person .login-status {
  display: block;
}

.chatbox .person .call-btn {
  position: absolute;
  top: 14px;
  right: 6px;
  background: none;
  width: 36px;
  height: 36px;
  padding: 5px;
  border-radius: 50%;
  
  cursor: pointer;
}

.chatbox .person .call-btn:hover,
.chatbox .person .call-btn:focus {
  opacity: 0.6;
}

.chatbox .person .call-btn svg {
  width: 24px;
  height: 24px;
  vertical-align: middle;
}

.chatbox .person .call-btn svg path {
  fill: #a0a0a0;
}

/* Chatbox messages */

.chatbox-messages {
  margin: 20px 10px 0 10px;
  height: 330px;
  overflow-y:auto;
}

.chatbox-messages .avatar {
  float: left;
}

.chatbox-messages .avatar img {
  width: 56px;
  border-radius: 50%;
}

.chatbox-messages .message-container {
  position: relative;
  float: right;
  width: 310px;
  padding-left: 10px;
}

.chatbox-messages .message-container h3{ font-size: 15px; color:#000; font-weight: bold;  }


.chatbox-messages .message {
  display: inline-block;
  max-width: 320px;
  margin-bottom: 12px;
 /* border: 1px solid #dedede;*/
  border-radius: 5px;
}

.chatbox-messages .sender .message {
  background: #f4f7fb;
}

.chatbox-messages .user .message {
  background: #e6ebf1;
}

.chatbox-messages .sender .message-container:first-child .message {
  border-radius: 5px;
}

.chatbox-messages .user .message-container:first-child .message {
  border-radius: 5px;
}

.chatbox-messages .message p {
    padding: 10px 14px;
    font-size: 13px;
    margin: 0;
	color: #000;
}

.chatbox-messages .delivered {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 10px;
  font-size: 12px;
}

/* Chatbox message form */

.message-form-container {
  width: 100%;
  height: 74px;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0 0px;
  border-top: 1px solid rgba(112, 108, 114, 0.2);
}

.message-form textarea {
  width: 290px;
  margin: 6px 0 0 24px;
  resize: none;
  border: 0;
  color: #000;
  outline: 0;
 font-size: 13px;
	
}


.send-btn {
  position: absolute;
  top: 12px;
  right: 15px;
  width: 50px;
  height: 50px;
  background: #fff;
  border: 0;
  cursor: pointer;
}

.send-btn:hover,
.send-btn:focus {
  opacity: 0.6;
}

.send-btn svg {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 34px;
  height: 34px;
  vertical-align: middle;
}



.chatbox-messages .receiver .message-container{ width: 270px; text-align: right; }
.chatbox-messages .sender .message-container {
	
	text-align: left;
}
.chatbox-messages .receiver .message {
	background: #d6e4f5;
}

	.chatbox-messages .receiver .message p {
		color: #000;
		text-align: left;
		width: 230px;
		word-wrap: break-word;
	}


/*sadanand added Start */

#loader {
	animation: animate 1.5s linear infinite;
	clip: rect(0, 80px, 80px, 40px);
	height: 80px;
	width: 80px;
	position: absolute;
	left: calc(50% - 40px);
	top: calc(50% - 40px);
}

@keyframes animate {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(220deg)
	}
}

#loader:after {
	animation: animate2 1.5s ease-in-out infinite;
	clip: rect(0, 80px, 80px, 40px);
	content: '';
	border-radius: 50%;
	height: 80px;
	width: 80px;
	position: absolute;
}

@keyframes animate2 {
	0% {
		box-shadow: inset #1a17a3 0 0 0 17px;
		transform: rotate(-140deg);
	}

	50% {
		box-shadow: inset #1a17a3 0 0 0 2px;
	}

	100% {
		box-shadow: inset #1a17a3 0 0 0 17px;
		transform: rotate(140deg);
	}
}

/*sadanand End */








.send-btn svg path {
  fill: none;
  stroke: #fff;
}



.btnarea button{  font-size: 12px; background: #fff; color:#000; border: 1px solid #20159c; border-radius: 15px; margin-bottom: 10px; }



 .dropdown_section.open_this{ right:0px; bottom:0px; margin: 0 auto; opacity: 1; z-index: 99; width: 96%; }
 .dropdown_section{ width: 96%; position: fixed; left:auto; right: -340px; transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;  bottom:-0px; opacity: 0; z-index: -1; margin:1px auto;  }


.modal-backdrop.show{ /*display: none;*/ }







.btn_popup {
	display: block;
	z-index: 9;
	color: #542eef;
	width: 20px;
	height: 20px;
	padding: 0;
	background: #fff;
	border: 1px solid #ccc;
	position: absolute;
	right: -10px;
	font-weight: normal;
	top: -8px;
	border-radius: 100%;
	cursor: pointer;
	font-size: 11px;
}










.nodemodal h4.modal-title {
	color: #1a17a3;
	font-size: 18px;
}

.nodemodal label {
	font-size: 13px;
	font-weight: bold;
	color: #292a2d;
}

.nodedetail {
	width: 100%;
}

	.nodedetail label {
		font-size: 13px;
	}

	.nodedetail input[type=text] {
		margin-bottom: 10px;
		font-size: 13px;
	}

	.nodedetail .btn_border {
		background: #fff;
		border-color: #231499;
		border-radius: 5px;
		padding: 2px 10px;
		color: #231499;
		font-size: 12px;
		margin:5px;
	}

	.nodedetail .btn_red {
		background: #fff;
		border-color: #ff0000;
		border-radius: 5px;
		padding: 2px 10px;
		color: #ff0000;
		font-size: 12px;
	}

.btn_border {
	background: #fff;
	border-color: #231499;
	border-radius: 5px;
	padding: 2px 10px;
	color: #231499;
	font-size: 12px;
}

.btn_red {
	background: #fff;
	border-color: #ff0000;
	border-radius: 5px;
	padding: 2px 10px;
	color: #ff0000;
	font-size: 12px;
}









@keyframes float {
	50% {
		transform: translate(0px, 15px);
	}
}

.shadowFrame {
	width: 130px;
	margin-top: 25px;
}

.shadow {
	animation: shrink 3s ease-out infinite;
	transform-origin: center center;
	ellipse

{
	transform-origin: center center;
}

}

@keyframes shrink {
	0% {
		width: 90%;
		margin: 0 5%;
	}

	50% {
		width: 60%;
		margin: 0 18%;
	}

	100% {
		width: 90%;
		margin: 0 5%;
	}
}





/*----------------------------------*/


.custom_links {
	width: 100%;
	position: relative;
}

	.custom_links ul {
		border-bottom: 0px;
	}

		.custom_links ul:before {
			border-bottom: 1px solid #ced2d8;
			width: 100%;
			content: "";
			top: 20px;
			left: 0px;
			height: 0px;
			position: absolute;
		}

		.custom_links ul li a {
			height: 40px;
			background: #eeeeee;
			border-radius: 5px;
			text-align: center;
			min-width: 160px;
			vertical-align: middle;
			display: flex;
			font-size: 13px;
			color: #8e8e8e;
			align-items: center;
			position: relative;
			justify-content: center;
		}

		.custom_links ul li {
			padding: 0 10px;
			background: #f4f7fb;
			position: relative;
		}

			.custom_links ul li:first-child {
				padding-left: 30px;
			}

			.custom_links ul li:last-child {
				padding-right: 30px;
			}

			.custom_links ul li a.nav-link.active {
				background: #2668ff;
				color: #fff;
				-webkit-box-shadow: 0px 0px 10px 0px rgb(50 50 50 / 12%);
				-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.12);
				box-shadow: 0px 0px 10px 0px rgb(50 50 50 / 12%);
			}

				.custom_links ul li a.nav-link.active:before {
					content: "";
					width: 0px;
					height: 0px;
					border-top: 10px solid #2668ff;
					border-left: 10px solid transparent;
					border-right: 10px solid transparent;
					bottom: -10px;
					margin: 0 auto;
					position: absolute;
					left: 0px;
					right: 0px;
				}

			.custom_links ul li a i {
				font-size: 20px;
				display: flex;
				margin-right: 10px;
			}

			.custom_links ul li a span {
				display: flex;
			}


.custom_table {
	width: 100%;
	background: #fff;
	border-radius: 10px;
	padding: 15px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.12);
	-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.12);
	box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.12);
	margin-bottom: 10px;
}

	.custom_table .table {
		margin-bottom: 0px;
	}

		.custom_table .table thead th {
			border-top: 0px;
			border-bottom: 1px solid #e3e3e3;
		}

		.custom_table .table th, .custom_table .table td {
			font-size: 12px;
			vertical-align: middle;
		}

	.custom_table .table-striped tbody tr:nth-of-type(odd) {
		background-color: rgba(255,255,255,.9);
	}

	.custom_table .table-striped tbody tr:nth-of-type(even) {
		background-color: rgba(245,248,252,.9);
	}

	.custom_table .table tbody td {
		position: relative;
	}


	.custom_table .table td .edit {
		font-size: 15px;
		color: #184f9a;
	}

	.custom_table .table td .delete {
		color: #ff0000;
		font-size: 15px;
	}

	.custom_table .table td .approve {
		font-size: 16px;
		color: #be344b;
	}

	.custom_table .table td .check {
		font-size: 16px;
		color: #5eb61e;
	}






.zoom_section {
	width: 100%;
	position: relative;
	overflow: hidden;
}

	.zoom_section .box {
		color: white;
		font-size: 25px;
		padding: 40px;
		height:700px;
	}

	.zoom_section .btn {
		width: 30px;
		height: 30px;
		left: 0px;
		background: #fff;
		border: 1px solid #1a17a3;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		color: #1a17a3;
		padding: 0px 0px 5px;
		line-height: 30px;
		position: absolute;
		text-align: center;
		-ms-user-select: none;
		-moz-user-select: -moz-none;
		-khtml-user-select: none;
		-webkit-user-select: none;
		user-select: none;
		transition: all 0.3s ease;
		z-index: 1;
	}

		.zoom_section .btn:hover {
			background: #eef;
		}

	.zoom_section .zoom {
		top: 100px;
	}

	.zoom_section .zoom-out {
		top: 65px;
	}

	.zoom_section .zoom-init {
		top: 30px;
	}

#tree-container svg {
	width: 100% !important;
}

.svgContainer {
	width: 100% !important;
} 


/*sadanand added*/

.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

element.style {
}

.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}

/*.signup_form .text-danger {
	font-size: 12px !important;
}*/

.signup_form .form-group {
	margin-bottom: 5px;
}

.signup_form input {
	height: 30px;
}
.signup_form label {
	margin-bottom: 0px;
}

.btn{
	font-size:14px !important
}

.signup_form {
	padding: 15px 0 0 0;
}
.login_form .text-danger {
		font-size: 12px !important;
}
.modal-header.danger {
	padding: 5px 10px;
	font-size: 15px;
	/*border-radius:25px;*/
}
.modal-header.danger h6 {
	
	font-size: 14px;
}

#buttonContainer .btn {
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 12px !important;
}
.nodedetail .btn_border {
	padding: 2px 8px;
	margin: 0px 5px 5px 0;
}
.nodedetail .btn_red {
	padding: 2px 8px;
	margin: 0px 5px 5px 0;
}
.danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}


.listing_app {
	width: 60%;
	padding: 15px;
}

	.listing_app ul {
		list-style: none;
		justify-content: space-between;
		display: flex;
		padding: 20px 0;
	}

		.listing_app ul li {
			display: inline-block;
		}

			.listing_app ul li a {
				background: #fff;
				padding: 8px 15px;
				color: #000;
				font-size: 13px;
				border: 1px solid #d4dbe4;
				border-radius: 5px;
				text-transform: uppercase;
				font-family: 'open_sanssemibold';
				min-width: 150px;
				display: inline-flex;
				align-items: center;
			}

				.listing_app ul li a img {
					margin-right: 10px;
				}

				.listing_app ul li a span {
					display: inline-flex;
				}



.btn-toggle {
	top: 50%;
	transform: translateY(-50%);
}

.btn-toggle {
	margin: 0 4rem;
	padding: 0;
	position: relative;
	border: none;
	height: 1.5rem;
	width: 3rem;
	border-radius: 1.5rem;
	color: #6b7381;
	background: #fff;
}

	.btn-toggle:focus,
	.btn-toggle.focus,
	.btn-toggle:focus.active,
	.btn-toggle.focus.active {
		outline: none;
	}

	.btn-toggle:before,
	.btn-toggle:after {
		line-height: 1.5rem;
		width: 4rem;
		text-align: center;
		font-weight: 600;
		font-size: 0.75rem;
		text-transform: uppercase;
		letter-spacing: 2px;
		position: absolute;
		bottom: 0;
		transition: opacity 0.25s;
	}

	.btn-toggle:before {
		content: "Off";
		left: -4rem;
	}

	.btn-toggle:after {
		content: "On";
		right: -4rem;
		opacity: 0.5;
	}

	.btn-toggle > .handle {
		position: absolute;
		top: 2px;
		left: 0.1875rem;
		width: 25px;
		height: 24px;
		border-radius: 1.125rem;
		background: #80c860;
		transition: left 0.25s;
	}

	.btn-toggle.active {
		transition: background-color 0.25s;
	}

		.btn-toggle.active > .handle {
			left: 40px;
			transition: left 0.25s;
		}

		.btn-toggle.active:before {
			opacity: 0.5;
		}

		.btn-toggle.active:after {
			opacity: 1;
		}

	.btn-toggle.active {
		background-color: #fff;
	}

	.btn-toggle.btn-sm {
		margin: 0;
		padding: 0;
		border: 1px solid #d0d9e4;
		position: relative;
		height: 30px;
		width: 70px;
		border-radius: 1.5rem;
	}

		.btn-toggle.btn-sm:focus,
		.btn-toggle.btn-sm.focus,
		.btn-toggle.btn-sm:focus.active,
		.btn-toggle.btn-sm.focus.active {
			outline: none;
		}

		.btn-toggle.btn-sm:before,
		.btn-toggle.btn-sm:after {
			line-height: 27px;
			width: 0.5rem;
			text-align: center;
			font-weight: 600;
			font-size: 12px;
			text-transform: uppercase;
			letter-spacing: 2px;
			position: absolute;
			bottom: 0;
			transition: opacity 0.25s;
		}

		.btn-toggle.btn-sm:before {
			content: "No";
			left: -0.5rem;
		}

		.btn-toggle.btn-sm:after {
			content: "Yes";
			right: -0.5rem;
			opacity: 0.5;
		}

		.btn-toggle.btn-sm.active {
			transition: background-color 0.25s;
		}

		.btn-toggle.btn-sm.btn-sm:before,
		.btn-toggle.btn-sm.btn-sm:after {
			line-height: -0.5rem;
			color: #000;
			letter-spacing: 0.75px;
			left: 12px;
			width: 42px;
		}

		.btn-toggle.btn-sm.btn-sm:before {
			text-align: right;
		}

		.btn-toggle.btn-sm.btn-sm:after {
			text-align: left;
			opacity: 0;
		}

		.btn-toggle.btn-sm.btn-sm.active:before {
			opacity: 0;
		}

		.btn-toggle.btn-sm.btn-sm.active:after {
			opacity: 1;
		}


/* Just to play with animations */
.copiedtext {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	text-align: center;
	opacity: 0;
	transform: translateY(-1em);
	color: #000;
	transition: all .500s;
}

.copied .copiedtext {
	opacity: 1;
	transform: translateY(-2em);
}


/* Some Generic styles */


textarea,
button {
	font-size: 1em;
	
}

textarea {
	display: block;
	width: 300px;
	max-width: 100%;
	height: 75px;
	margin: 0em auto 1em;
	background: #F2F2F6;
	border: 1px solid #ddd;
	padding: 10px 15px;
	resize: vertical;
}


textarea:focus {
	border-color: #8fa423;
}

button {
	position: relative;
	padding: 8px 20px;
	border: 0;
	font-size: 0.835em;
	text-transform:initial;
	letter-spacing: 0.125em;
	font-weight: bold;
	color: #FFF;
	/*background: #8fa423;*/
	transition: background .275s;
}

/*start landingpagecss*/


/*********************************/

.tabdata2 .boxcontent {
	padding: 35px 0;
	position: relative;
	min-height:185px;
}

	.tabdata2 .boxcontent p {
		position: absolute;
		/*bottom: 10px;*/
		left: 0px;
		right: 0px;
		margin: 0 auto;
		font-size:12px;
	}

	.tabdata2 .boxcontent .threedot {
		position: absolute;
		right: 10px;
		top: 10px;
	}

		.tabdata2 .boxcontent .threedot .btn {
			background: none;
			padding: 0px;
			border: 0px;
		}

		.tabdata2 .boxcontent .threedot .dropdown-toggle::after {
			display: none;
		}

		.tabdata2 .boxcontent .threedot .dropdown-menu.show {
			right: 0;
			min-width: 80px;
			padding: 0;
		}

		.tabdata2 .boxcontent .threedot ul li a {
			padding: 5px 10px;
			font-size: 12px;
			text-transform: uppercase;
		}



.tabdata2 .createnew {
	background: #fff;
	box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 25%);
}

	.tabdata2 .createnew .label {
		color: #374cac;
		margin-bottom: 5px;
	}

	.tabdata2 .createnew .plusicon {
		width: 50px;
		height: 50px;
		background: #e5eaf0;
		display: inline-block;
		text-align: center;
		line-height: 50px;
		border-radius: 50px;
		font-size: 30px;
		color: #374cac;
	}

.edit_icon {
	color: #374cac;
}

.delete_icon {
	color: #ff0000;
}


.newchatbot {
	background: #2e0f8c;
	color: #fff;
	position: absolute;
	right: 20px;
	top: 10px;
	padding: 7px 10px 7px 30px;
}

	.newchatbot span {
		font-size: 25px;
		position: absolute;
		left: 10px;
		top: 0px;
	}



.customnode {
	position: relative;
	border: 1px solid #fff;
	padding: 7px 10px;
	text-decoration: none;
	color: #fff;
	/* font-family: 'open_sansbold'; */
	font-size: 12px;
	display: inline-block;
	/* text-transform: uppercase; */
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	background: #f7b01c;
	width: 120px;
	height: 48px;
	text-align: left;
	font-weight: bold;
}

	.customnode span {
		text-align: center;
		font-size: 14px;
		color: white;
	}

	.customnode .pluspop {
		background: #fff;
		position: absolute;
		top: 10px;
		right: 10px;
		border-radius: 15px;
		width: 15px;
		height: 15px;
		/* text-align: center; */
		line-height: 15px;
		font-size: 16px;
		color: #a3a1a1;
		text-align: center;
		font-weight: bold;
	}



.userlabel {
	background: #1818a6;
	padding: 1px 5px;
	color: #fff;
	border-radius: 10px;
}

.botlabel {
	background: #18ae08;
	padding: 1px 5px;
	color: #fff;
	border-radius: 10px;
}

.border_custom {
	border: 1px solid #c8c8c8;
	background:white;
}

.tabdata .form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	box-shadow: none;
}



.tabdata textarea {
	width: auto;
	resize: none;
	height: 40px;
	overflow: hidden;
	font-size: 12px;
	line-height: 30px;
}

.tabdata .arrow_right {
	font-size: 13px;
	color: #000;
}


.purple .bootstrap-tagsinput .tag {
	background: #e8e7f6;
	color: #000;
	font-size: 12px;
	border-left: 4px solid #1818a6;
	padding: 3px 5px;
}

.green .bootstrap-tagsinput .tag {
	background: #d1efce;
	color: #000;
	font-size: 12px;
	border-left: 4px solid #18ae08;
	padding: 3px 5px;
}

.bootstrap-tagsinput {
	border: 0px;
	box-shadow: none;
	width: 100%;
	padding: 4px 0px;
}




.session_exp{ width: 100%; }
.session_exp h2{ color: #20159c; font-display: 46px; font-weight: bold; padding: 30px 0 0 0; }
.session_exp p{ color: #000; font-size: 16px; padding: 30px 100px; }



.error{ width: 100%; padding-top:100px;  }
.error h2{ color: #20159c; font-display: 46px; font-weight: bold; padding: 30px 0 0 0; }
.error p{ color: #000; font-size: 16px; padding: 30px 0px; }