@charset "utf-8";
@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800&display=swap);

@keyframes scaleIn {
	0% {
		transform: scale(.5, .5);
		opacity: .5
	}

	to {
		transform: scale(1.9, 1.9);
		opacity: 0
	}
}

@keyframes help-color-change {

	0%,
	to {
		color: #229c85
	}

	50% {
		color: #0357a2
	}
}

@keyframes mymove {
	to {
		transform: rotate(368deg)
	}
}

@keyframes color-change {

	0%,
	to {
		color: #ff7a59
	}

	50% {
		color: #0357a2
	}
}

@-webkit-keyframes seconds {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		left: -9999px
	}
}

@keyframes seconds {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		left: -9999px
	}
}

.txt,
.optional {
	display: none
}


.loginsidebar {
	background: linear-gradient(180deg, #138efe 0, #fff 100%);
	padding-top: 25px;
	min-height: 96vh;
	position: relative
}

.loginsidebar::before {
	content: "";
	position: absolute;
	background: url(https://uktech.ac.in/images/footerbg.png);
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 110%;
	background-position: bottom center
}

.Enquiryloginsidebar {
	background-color: #182b49;
	background-image: url(../ums/images/UKTUvector.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center 100%;
	padding-top: 25px
}

.Enquirydeptname h3,
.Enquirydeptname h5 {
	font-weight: 800;
	text-align: center !important
}

.Enquirydeptname h5 {
	color: #b51d1d;
	margin-top: 15px
}

.Enquirydeptname h3 {
	color: #1b4e8f;
	font-size: 2.1em
}

.login-form .form-control {
	min-height: 40px
}

.form-control:focus {
	transition-duration: .3s
}

.login-form {
	min-height: 100vh;
	width: 80%;
	margin: 0 auto
}

.deptname {
	text-align: center
}

.deptname h3 {
	font-weight: 800;
	font-size: 2.1em;
	color: #213b5d
}

.deptname h5 {
	font-weight: 800;
	font-size: 1.1rem;
	margin-top: 15px;
	color: #fff
}

.btn-danger {
	background-color: #c16b36;
	border-color: #c16b36;
	color: #fff
}

.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.btn-danger:visited {
	background-color: #d9814b;
	border-color: #d9814b;
	color: #fff
}

.login-form h3 {
	font-weight: 800;
	color: #19aeea
}

.circle,
.item {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	border-radius: 50%
}

.circle {
	background-color: #847341;
	position: absolute;
	opacity: 0;
	animation: scaleIn 3s infinite cubic-bezier(.36, .11, .89, .32);
	top: 0;
	right: 0;
	left: 0;
	z-index: 2
}

.item {
	z-index: 100;
	display: block;
	position: relative;
	background: #fff
}

.item img {
	width: 100%
}

.help,
.refresh {
	text-align: center
}

.help {
	width: 80px;
	height: 80px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-radius: 50%;
	top: 40%
}

.refresh {
	padding: 0
}

.cp_refresh {
	padding: 42px 0 0
}

.cp_refresh a {
	animation: mymove 5s infinite;
	display: inline-block
}

.list,
.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.header {
	background-color: #fff;
	box-shadow: 0 5px 25px rgba(0, 0, 0, .07);
	position: fixed;
	right: 0;
	left: 0;
	margin: 0 auto;
	top: 0;
	transition-duration: .3s;
	z-index: 100
}

.header-width {
	right: 250px
}

.header .dash-logo {
	max-width: 95%;
	margin-top: 5px
}

.dashbg {
	background-color: #f9f7f0;
	background-image: url(../images/background9.png);
	background-repeat: repeat
}

.logo {
	border-right: 1px solid #ccc
}

.moudlename {
	font-weight: 800;
	padding: 12px 0;
	margin: 0;
	color: #fff;
	font-size: 1.3rem
}

.moudlename .department-logo {
	display: block;
	font-size: .9rem;
	font-weight: 600;
	margin-top: 2px;
	margin-bottom: 2px;
	color: #db4e2b
}

.moudlename .list-control {
	float: left;
	min-height: 43px;
	padding: 8px 0
}

.moudlename .list-control>a {
	animation: color-change 1s infinite
}

.moudlename .list-control .dropdown-toggle {
	text-decoration: none;
	color: #c86d36;
	margin-right: 15px;
	font-size: 26px;
	cursor: pointer
}

.moudlename .list-control .dropdown-menu {
	font-size: 14px;
	border: 1px solid #1a62a2;
	padding: 0
}

.moudlename .list-control .dropdown-menu li a {
	padding: 8px 12px
}

#myBtnContainer,
.moudlename .list-control .dropdown-menu li {
	border-bottom: 1px solid #eee
}

.moudlename .list-control .dropdown-menu li:last-child {
	border-bottom: 0
}

.moudlename .list-control .dropdown-toggle:after,
.notebook-box .note-list>li .list-control .dropdown-toggle::after {
	display: none
}

.b-right {
	border-right: 1px solid #ccc
}

.mainmenu {
	padding: 0;
	background-color: #fff
}

.mainmenu .nav-link {
	padding: 10px 15px !important;
	color: #fff;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden
}

.mainmenu .active .nav-link {
	background-color: rgba(0, 0, 0, .3)
}

.mainmenu .dropdown-menu {
	font-size: inherit;
	padding: 0;
	max-width: 250px;
	min-width: 250px;
	overflow-y: auto;
	max-height: 450px
}

.mainmenu .dropdown-menu>li>a {
	white-space: inherit;
	padding: 8px 15px;
	border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.profileicon {
	color: #fff;
	text-decoration: none;
	font-size: 1.5em;
	display: inline-block;
	padding: 8px;
}

.profileicon:hover {
	opacity: 0.5;
	color: #fff;
}

.profileicon img {
	border-radius: 50%;
	max-width: 47px;
	padding: 5px
}

.sidebar {
	position: fixed;
	right: 0;
	top: 0;
	height: 100vh;
	width: 0;
	background-color: #fff;
	z-index: 5;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	overflow: hidden;
	transition-duration: .3s
}

.contentwraper {
	margin-right: 0;
	transition-duration: .3s;
	padding-top: 100px;
	padding-bottom: 35px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	position: relative
}

.contentwraper:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	left: 0;
	margin: 0 auto;
	background-color: transparent;
	z-index: 0;
	top: 0
}

.marginleft {
	margin-right: 250px
}

.sidebar-width {
	width: 250px
}

.scrollwrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 69vh
}

.scrollwrap>.nano-content {
	position: absolute;
	overflow: scroll;
	overflow-x: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.scrollwrap>.nano-content:focus {
	outline: thin dotted
}

.scrollwrap>.nano-content::-webkit-scrollbar {
	display: none
}

.has-scrollbar>.nano-content::-webkit-scrollbar,
.nano-content::-webkit-scrollbar {
	display: block
}

.scrollwrap>.nano-pane {
	background: rgba(0, 0, 0, .25);
	position: absolute;
	width: 10px;
	left: 0;
	top: 0;
	bottom: 0;
	visibility: hidden\9;
	opacity: .01;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.scrollwrap>.nano-pane>.nano-slider {
	background: #444;
	background: rgba(0, 0, 0, .5);
	position: relative;
	margin: 0 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.scrollwrap:hover>.nano-pane {
	visibility: visible\9;
	opacity: .99
}

.scrollwrap .nano-content {
	padding: 10px
}

.scrollwrap .nano-pane {
	background: #888
}

.scrollwrap .nano-slider {
	background: #111
}

.sidebar .profiletitle {
	padding: 15px;
	border-bottom: 1px solid #eee;
	font-weight: 700
}

.sidebar .profiletitle span {
	font-weight: 400;
	color: #868686;
	font-size: 12px;
	display: block
}

.sidebar .logoutbutton {
	position: absolute;
	bottom: 30px;
	right: 0;
	left: 0
}

.sidebar .logoutbutton a {
	padding: 15px;
	border-top: 1px solid #eee;
	font-weight: 700;
	display: block;
	text-decoration: none;
	color: #33475b
}

.sidebar .logoutbutton a .fas {
	color: #c82c25
}

.sidebar .logoutbutton a:hover,
.sidebar ul li a:hover {
	background-color: #eee
}

.pagetabs li,
.sidebar ul li {
	font-size: 14px
}

.sidebar ul li.eventnone {
	pointer-events: none
}

.sidebar ul li a {
	display: block;
	padding: 8px 10px;
	text-decoration: none;
	color: #333;
	transition-duration: none
}

.sidebar ul li.submenu>a>.fas {
	float: right
}

.sidebar .navsidebar>li>a {
	font-weight: 700;
	padding: 12px 10px
}

.sidebar .navsidebar .dropdown-menu {
	position: relative !important;
	transform: inherit !important;
	border: 0
}

footer {
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	background-color: #867a59;
	height: 30px;
	z-index: 101;
	padding: 0 50px;
	color: #fff
}

.searchbtn {
	color: #fff;
	background: #23baf7;
	padding: 14px 20px 13px
}

.searchbtn:hover {
	color: #fff;
	background: #46caff
}

.searchbox,
footer {
	position: fixed;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.searchbox {
	right: -500px;
	background-color: #fff;
	width: 500px;
	height: 87vh;
	top: 47px;
	list-style: none;
	margin: 0;
	padding: 0;
	transition-duration: .3s;
	overflow: hidden;
	z-index: 6
}

.search-show {
	right: 0
}

.searchbox .title {
	position: relative;
	padding: 14px 15px;
	background-color: #ff7a59;
	color: #fff;
	font-weight: 700;
	font-size: 20px
}

.searchbox .title a {
	position: absolute;
	right: 0;
	top: 0
}

.searchbox .searchbody {
	padding: 15px
}

.filter-search .fs-topic>ul,
.searchlist {
	margin: 0;
	padding: 0;
	list-style: none
}

.searchlist li a {
	position: relative;
	display: block;
	padding: 10px 10px 10px 25px;
	font-size: 13px;
	color: rgba(0, 0, 0, .5);
	transition-duration: .3s;
	text-decoration: none
}

.searchlist li a b {
	display: block;
	font-size: 15px;
	color: #33475b
}

.searchlist li a:hover {
	background-color: #eaf7ff
}

.pageheader {
	padding: 15px 0;
	border-bottom: 1px solid rgba(0, 0, 0, .07);
	margin-bottom: 15px
}

.pageheader h4 {
	font-size: 1.2rem;
	color: #262626;
	font-weight: 700
}

.pageheader h4 span {
	font-size: 12px;
	color: rgba(0, 0, 0, .5)
}

.pagetabs {
	padding: 0 50px;
	margin-top: 15px
}

.pagetabs li {
	max-width: 180px;
	padding: 10px;
	border: 1px solid #dee2e6;
	border-bottom: 1px solid #fff;
	background-color: rgba(255, 255, 255, .78);
	margin: 0 3px
}

.pagetabs li.active {
	background-color: #fff;
	margin-bottom: -1px
}

.pagetabs li a {
	border-radius: 0;
	color: #141e28;
	display: inline-block;
	margin: 0 2px
}

.breadcrumb,
.form-check label {
	margin-bottom: 0
}

.breadcrumb li a,
.footicon>li>a,
.pagetabs li a {
	text-decoration: none
}

.pagebody {
	padding: 0 50px 15px;
	background-color: #fff;
	min-height: 410px
}

.btngroup li,
.footicon>li,
.table>tbody>tr:hover .editlist {
	display: inline-block
}

.btngroup .submenu,
.table td {
	position: relative
}

.btngroup .btn {
	font-size: .85em
}

.btngroup .submenu .dropdown-menu {
	position: absolute;
	left: 0;
	min-width: 200px;
	background-color: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, .05);
	border: 1px solid #eee;
	border-radius: 4px;
	padding: 0;
	text-align: left;
	font-size: 13px
}

.btngroup .submenu .dropdown-menu li {
	display: block;
	border-bottom: 1px solid #eee
}

.btngroup,
.footicon {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right
}

.footicon>li>a {
	display: block;
	color: #fff;
	padding: 5px 10px;
	border-right: 1px solid rgba(255, 255, 255, .1);
	border-left: 1px solid rgba(255, 255, 255, .1)
}

.notebook-box {
	position: absolute;
	bottom: 35px;
	width: 500px;
	min-width: 500px;
	list-style: none;
	right: 0;
	display: none;
	text-align: left;
	z-index: 102
}

.notebook-box .card {
	box-shadow: 0 0 25px rgba(0, 0, 0, .05)
}

.notebook-box .card .card-header .close {
	display: inline-block;
	float: right;
	color: #333
}

.notebook-box .notebooksearch {
	min-height: 30px
}

.addtext-box {
	position: relative;
	display: none;
	margin-bottom: 15px
}

.addtext-box input,
.addtext-box textarea {
	position: relative;
	border: 0;
	background-color: #f2f2f2;
	height: 150px;
	width: 100%;
	font-size: 13px;
	padding: 5px 10px
}

.addtext-box input {
	height: 35px;
	border-bottom: 1px solid #fff;
	color: #333
}

.addtext-box input:focus-visible,
.addtext-box textarea:focus-visible {
	border: 0 !important;
	color: #333;
	outline: 0
}

.addtext-box .close2 {
	color: #939292;
	position: absolute;
	right: 15px;
	z-index: 3;
	top: 5px
}

.addtext-box .sendbtn {
	border-radius: 50%;
	position: absolute;
	bottom: -5px;
	right: 15px
}

.notebook-box .note-list {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 13px;
	color: #666
}

.notebook-box .note-list>li {
	border-radius: 4px;
	background-color: #f7ede7;
	padding: 5px 20px 5px 15px;
	position: relative;
	margin: 2px 0
}

.notebook-box .note-list>li .list-control {
	position: absolute;
	right: 10px;
	top: 14px
}

.notebook-box .note-list>li .list-control .dropdown-toggle {
	color: #666;
	text-decoration: none;
	cursor: pointer
}

.notebook-box .note-list>li .list-control .dropdown-menu {
	font-size: 13px
}

.n-list-scroll {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 167px
}

.nano-content {
	position: absolute;
	overflow: scroll;
	overflow-x: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.nano-content:focus {
	outline: thin dotted
}

.nano-pane {
	background: rgba(0, 0, 0, .25);
	position: absolute;
	width: 6px;
	right: 0;
	top: 0;
	bottom: 0;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.nano-pane>.nano-slider {
	background: #444;
	background: rgba(0, 0, 0, .5);
	position: relative;
	margin: 0 1px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0
}

.nano-pane,
.nano-pane.active,
.nano-pane.flashed {
	visibility: visible\9;
	opacity: .99
}

.n-list-scroll .nano-content {
	padding: 10px 10px 10px 0
}

.n-list-scroll .nano-pane {
	background: #888
}

.n-list-scroll .nano-slider {
	background: #111
}

.foot-list,
.left-sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.foot-list li {
	font-size: 12px;
	margin: 0 2px;
	padding: 6px;
	display: inline-block
}

.foot-list li a {
	color: #fff
}

.addtext-box .max-text {
	position: absolute;
	font-size: 10px;
	color: #666;
	z-index: 2;
	right: 0
}

.addtext-box .max-text.textbox {
	right: 39px;
	top: 9px
}

.addtext-box .max-text.textarea {
	right: 39px;
	top: 46px
}

.createpop .modal-footer {
	position: fixed;
	width: 100%;
	bottom: 0
}

.createpop .modal-footer,
.createpop .modal-header {
	box-shadow: 0 0 15px rgba(0, 0, 0, .16)
}

.createpop .modal-header .modal-title {
	color: #0a508e
}

.createpop .modal-content {
	border-radius: 0
}

.modal.left .modal-dialog,
.modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	width: 320px;
	height: 100%;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.modal.left .modal-content,
.modal.right .modal-content {
	height: 100%;
	overflow-y: auto
}

.modal.left .modal-body,
.modal.right .modal-body {
	padding: 15px 15px 80px
}

.modal.left.fade .modal-dialog {
	left: -320px;
	-webkit-transition: opacity .3s linear, left .3s ease-out;
	-moz-transition: opacity .3s linear, left .3s ease-out;
	-o-transition: opacity .3s linear, left .3s ease-out;
	transition: opacity .3s linear, left .3s ease-out
}

.modal.left.fade.in .modal-dialog {
	left: 0
}

.modal.right.fade .modal-dialog {
	right: -320px;
	-webkit-transition: opacity .3s linear, right .3s ease-out;
	-moz-transition: opacity .3s linear, right .3s ease-out;
	-o-transition: opacity .3s linear, right .3s ease-out;
	transition: opacity .3s linear, right .3s ease-out
}

.modal.right.fade.show .modal-dialog {
	right: 0
}

.modal-dialog.modal-md {
	width: 700px !important;
	max-width: 700px
}

.createpop .modal-header {
	padding: 10px 20px;
	background-color: #eee;
	border-radius: 0
}

.createpop .modal-body {
	padding: 15px !important
}

.popup-content-scroll {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 73vh;
	padding-right: 20px
}

.createpop .modal-footer {
	padding: 8px 15px !important
}

.form-design .form-control {
	background-color: #f4fbff;
	font-size: 14px
}

.popup-content-scroll .nano-content {
	padding: 10px 20px
}

.form-design .form-control:disabled,
.form-design .form-control[readonly] {
	background-color: #e9ecef !important;
	opacity: 1
}

.note {
	font-size: .75em;
	color: #d70000;
	display: inline-block;
	padding: 2px
}

.custome-theme .modal-dialog {
	margin-top: 0
}

.left-sidebar {
	position: relative;
	overflow: hidden;
	width: 100%;
	left: 0;
	max-height: 78vh
}

.left-sidebar .nano-content {
	padding: 15px 0
}

.left-sidebar h5 {
	margin-top: 15px;
	margin-bottom: 15px
}

.left-sidebar ul>li>a {
	display: block;
	padding: 10px 0 10px 25px;
	font-size: 13x;
	text-decoration: none;
	color: #000;
	transition-duration: .3s;
	border-radius: 4px;
	position: relative
}

.left-sidebar ul>li>a span.icons {
	position: absolute;
	left: 8px;
	top: 12px
}

.left-sidebar ul>li>a:hover {
	background-color: rgba(255, 255, 255, .68)
}

.left-sidebar ul>li>a.active {
	background-color: #aea280;
	color: #fff
}

.border-all-side {
	border: 1px solid #dee2e6
}

.border-right,
.themetab.nav-pills li {
	border-right: 1px solid #dee2e6
}

.border-bottom,
.border-left {
	border-left: 1px solid #dee2e6
}

.border-top {
	border-top: 1px solid #dee2e6
}

.subheading,
.subheading2 {
	color: #000;
	margin: 10px 0 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee
}

.subheading2 .form-check {
	display: inline-block;
	font-size: 14px;
	padding: 0 15px;
	position: relative
}

.card.themeoption.active,
.card.themeoption:hover {
	border: 1px solid #33475b
}

.themetab.nav-pills {
	margin: -17px -20px 20px;
	border-bottom: 1px solid #dee2e6
}

.themetab.nav-pills .nav-link {
	background-color: #eff6f9;
	color: #020202;
	padding: 15px;
	border-radius: 0;
	font-weight: 700
}

.themetab.nav-pills .nav-link.active,
.themetab.nav-pills .show>.nav-link {
	background-color: #fff;
	color: #0f9ad2
}

.form-control2 {
	display: block;
	font-size: 12px
}

.form-control2 .form-control-color {
	padding: 0;
	width: 31px;
	height: 31px;
	border: 0
}

.table>thead>tr>th {
	background-color: #dfdacd;
	color: rgba(32, 32, 32, .85);
	font-size: 13px
}

.table>tbody>tr>td {
	font-size: 13px;
	vertical-align: middle
}

.table> :not(:last-child)> :last-child>* {
	border-bottom: 2px solid #fff
}

.table td p,
.table th p {
	margin: 0;
	padding: 0
}

.header .form-switch {
	margin: 9px 14px
}

.header .form-switch .form-check-input {
	height: 1.9em;
	width: 4.3em;
	background-image: url(../images/hi-flag.jpg);
	background-color: #ebebed;
	border-color: #d5d5d5
}

.header .form-switch .form-check-input:checked {
	background-image: url(../images/en-flag.jpg);
	background-color: #ebebed;
	border-color: #d5d5d5;
	background-position: left center
}

.uploaded-logo {
	border: 1px solid #ccc
}

.font-preview {
	border: 1px solid #eee;
	padding: 10px 20px;
	border-radius: 50px
}

.table .editlist {
	position: absolute;
	display: none;
	top: 9px;
	right: 0
}

.table .editlist a {
	color: #333;
	font-size: 16px;
	display: block;
	padding: 0 5px
}

.table .editlist .dropdown-menu {
	border: 0;
	padding: 0 !important
}

.table .editlist .dropdown-menu .dropdown-item {
	font-size: 13px;
	padding: 8px 8px 8px 30px;
	position: relative
}

.table .editlist .dropdown-menu .dropdown-item:hover {
	background-color: #eee
}

.table .editlist .dropdown-menu .icon {
	margin-right: 5px;
	display: inline-block;
	position: absolute;
	left: 8px;
	top: 11px
}

.table .editlist a:after {
	display: none
}

.btn-xs {
	padding: .175rem .45rem
}

.badge-green,
.badge-yellow {
	color: #c09005;
	background-color: rgba(252, 197, 37, .15);
	display: block;
	padding: 3px 5px;
	border-radius: 4px;
	margin: 0 2px
}

.badge-green {
	color: #008249;
	background-color: rgba(21, 195, 119, .15)
}

.badge-red {
	color: #d52a2a;
	background-color: rgba(249, 104, 104, .15)
}

.badge-absent,
.badge-blue,
.badge-red {
	display: block;
	padding: 3px 5px;
	border-radius: 4px;
	margin: 0 2px
}

.badge-absent {
	color: #fff;
	background-color: #d52a2a
}

.badge-blue {
	color: #39aaf6;
	background-color: rgba(72, 176, 247, .15)
}

.formbuilder-field {
	padding: 15px 15px 15px 0
}

.formbuilder-field h5 {
	font-size: 16px;
	font-weight: 700
}

.dragable-input {
	border: 1px dashed #33475b;
	padding: 15px;
	background-color: rgba(255, 255, 255, .51)
}

.dragable-input .ui-draggable {
	margin-bottom: 15px
}

.dragable-input .ui-draggable:hover {
	background-color: rgba(0, 0, 0, .05);
	cursor: move
}

.dragable-input .ui-draggable .btn {
	display: block;
	width: 100%
}

.form-body .dropped {
	transition-duration: .3s;
	margin-bottom: 15px
}

.form-body .dropped:hover {
	background-color: #eee !important
}

.form-body .dropped .tools,
.switch input {
	display: none
}

#create-college .modal-footer,
.form-body .dropped:hover .tools {
	display: block
}

.pagecontentbody {
	position: relative;
	z-index: 1
}

.bgthumg {
	display: block;
	border: 2px solid #ccc;
	transition-duration: .3s;
	margin-bottom: 20px
}

.bgthumg,
.bgthumg img {
	border-radius: 5px
}

.bgthumg:hover {
	border-color: #19508e
}

.bgthumg.active {
	border: 2px solid #19508e
}

.backbtn {
	margin: 20px 0 20px -12px;
	border-radius: 0 6px 6px 0
}

.profile-img {
	text-align: center;
	position: relative
}

.profile-img img {
	width: 90%;
	height: 100%
}

.profile-img .file {
	position: absolute;
	overflow: hidden;
	width: 50px;
	border: 0;
	background: rgba(33, 37, 41, .32);
	height: 50px;
	border-radius: 50%;
	font-size: 20px;
	padding: 11px;
	z-index: 2;
	bottom: 4px;
	right: 21px;
	cursor: pointer
}

.profile-img:hover .file {
	background: rgba(33, 37, 41, .72)
}

.profile-img .file input {
	position: absolute;
	opacity: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer
}

.profile-head h5 {
	color: #333
}

.profile-head h6 {
	color: #10a4df
}

.profile-edit-btn {
	border: 0;
	border-radius: 1.5rem;
	width: 70%;
	padding: 2%;
	font-weight: 600;
	cursor: pointer
}

.profile-work p,
.proile-rating {
	font-size: 12px;
	color: #818182;
	margin-top: 5%
}

.profile-work a,
.proile-rating span {
	color: #828991;
	font-size: 14px;
	font-weight: 600
}

.profile-head .nav-tabs {
	margin-bottom: 5%
}

.profile-head .nav-tabs .nav-link {
	font-weight: 600;
	border: 0
}

.profile-head .nav-tabs .nav-link.active {
	border: 0;
	border-bottom: 2px solid #aea280
}

.profile-work {
	padding: 5%;
	margin-top: -15%
}

.profile-work p {
	font-weight: 600;
	margin-top: 10%
}

.profile-work a {
	text-decoration: none;
	color: #495057
}

.profile-work ul {
	list-style: none
}

.profile-tab label,
.profile-tab p {
	font-weight: 600
}

.profile-tab p {
	color: #000
}

.intentbtn.active h5,
.profile-edit-btn {
	color: #fff
}

.switch {
	position: relative;
	display: inline-block;
	width: 90px;
	height: 34px
}

.slider,
.slider:before {
	position: absolute;
	-webkit-transition: .4s;
	transition: .4s
}

.slider {
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #c5d9f0
}

.slider:before {
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: #fff;
	box-shadow: 0 0 10px rgb(0, 0, 0, .3)
}

input:checked+.slider {
	background-color: #212529
}

input:focus+.slider {
	box-shadow: 0 0 1px #2196f3
}

input:checked+.slider:before {
	-webkit-transform: translateX(55px);
	-ms-transform: translateX(55px);
	transform: translateX(55px)
}

.off,
.on {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	font-size: 13px
}

.on {
	display: none;
	color: #fff;
	left: 38%
}

.off {
	color: #000;
	left: 59%
}

input:checked+.slider .on {
	display: block
}

input:checked+.slider .off {
	display: none
}

.slider.round {
	border-radius: 34px
}

.slider.round:before {
	border-radius: 50%
}

.theme1 {
	background: #f3f4f6;
	background: -moz-linear-gradient(left, #f3f4f6 0, #f3f4f6 24%, #1ee3cf 24%, #1ee3cf 48%, #6b47ff 48%, #6b47ff 74%, #0c4068 74%, #0c4068 100%);
	background: -webkit-linear-gradient(left, #f3f4f6 0, #f3f4f6 24%, #1ee3cf 24%, #1ee3cf 48%, #6b47ff 48%, #6b47ff 74%, #0c4068 74%, #0c4068 100%);
	background: linear-gradient(to right, #f3f4f6 0, #f3f4f6 24%, #1ee3cf 24%, #1ee3cf 48%, #6b47ff 48%, #6b47ff 74%, #0c4068 74%, #0c4068 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3f67', endColorstr='#f3f4f6', GradientType=1);
	border: 1px solid #000
}

.theme2 {
	background: #33475b;
	background: -moz-linear-gradient(left, #33475b 0, #33475b 24%, #ff7a59 24%, #ff7a59 48%, #19508e 48%, #19508e 74%, #f4fbff 74%, #f4fbff 100%);
	background: -webkit-linear-gradient(left, #33475b 0, #33475b 24%, #ff7a59 24%, #ff7a59 48%, #19508e 48%, #19508e 74%, #f4fbff 74%, #f4fbff 100%);
	background: linear-gradient(to right, #33475b 0, #33475b 24%, #ff7a59 24%, #ff7a59 48%, #19508e 48%, #19508e 74%, #f4fbff 74%, #f4fbff 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#33475b', endColorstr='#f4fbff', GradientType=1)
}

.theme2,
.theme3,
.theme4 {
	border: 1px solid #000
}

.theme3 {
	background: #5bd0d7;
	background: -moz-linear-gradient(left, #5bd0d7 0, #5bd0d7 24%, #338497 24%, #338497 48%, #004d61 48%, #004d61 74%, #ff512f 74%, #ff512f 100%);
	background: -webkit-linear-gradient(left, #5bd0d7 0, #5bd0d7 24%, #338497 24%, #338497 48%, #004d61 48%, #004d61 74%, #ff512f 74%, #ff512f 100%);
	background: linear-gradient(to right, #5bd0d7 0, #5bd0d7 24%, #338497 24%, #338497 48%, #004d61 48%, #004d61 74%, #ff512f 74%, #ff512f 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#5bd0d7', endColorstr='#ff512f', GradientType=1)
}

.theme4 {
	background: #0064ea;
	background: -moz-linear-gradient(left, #0064ea 0, #0064ea 24%, #fafb93 24%, #fafb93 48%, #90c984 48%, #90c984 74%, #ff58b0 74%, #ff58b0 100%);
	background: -webkit-linear-gradient(left, #0064ea 0, #0064ea 24%, #fafb93 24%, #fafb93 48%, #90c984 48%, #90c984 74%, #ff58b0 74%, #ff58b0 100%);
	background: linear-gradient(to right, #0064ea 0, #0064ea 24%, #fafb93 24%, #fafb93 48%, #90c984 48%, #90c984 74%, #ff58b0 74%, #ff58b0 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0064ea', endColorstr='#ff58b0', GradientType=1)
}

.btn-check.active+.btn,
.btn.active {
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(66, 115, 164, .39)
}

.filter-search {
	list-style: none;
	margin: 0;
	padding: 0
}

.filter-search .form-control:focus {
	background-color: #fff;
	border-color: transparent;
	outline: 0;
	box-shadow: none
}

.filter-search>li {
	padding: 10px;
	background-color: #eee;
	border-radius: 4px;
	position: relative
}

.filter-search>li .form-control {
	border-radius: 2px
}

.filter-search .dropdown-menu {
	font-size: inherit
}

.btn-default {
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: 0 4px 4px 0 !important
}

.filter-search .fs-searchbar {
	padding: 0 10px;
	border-radius: 0;
	width: 100%;
	transform: translate(0, 35px) !important;
	box-shadow: 0 0 20px rgba(0, 0, 0, .08);
	border: 1px solid #d2d2d2
}

.filter-search .fs-topic {
	min-height: 200px;
	background-color: #f1f7fb;
	border-right: 1px solid #d2d2d2
}

.filter-search .fs-topic h6 {
	font-size: 12px;
	color: rgba(0, 0, 0, .6);
	text-align: center;
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, .11);
	font-weight: 700
}

.filter-search .fs-topic>ul>li>a {
	display: block;
	padding: 10px 0;
	border-bottom: 1px solid rgba(0, 0, 0, .08);
	text-decoration: none;
	transition-duration: .3s
}

.filter-search .dropdown-menu.category>li>a:hover,
.filter-search .fs-topic>ul>li>a.active,
.filter-search .fs-topic>ul>li>a:hover {
	color: #09f
}

.filter-search .dropdown-menu.category .form-control {
	border: 0;
	border-bottom: 1px solid #eee
}

.filter-search .dropdown-menu.category>li>a,
.filter-search .fs-topic>ul>li>a {
	font-size: 12px;
	text-transform: uppercase;
	color: rgba(0, 0, 0, .7)
}

.loginbg {
	background-color: #eaf7ff;
	min-height: 68px;
	border: 1px solid #ccc
}

.breadcrumb li {
	font-size: 1.1em
}

.intentbtn {
	display: table;
	width: 100%;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	margin-bottom: 20px;
	margin-top: 5px;
	border-radius: 5px;
	text-decoration: none;
	background: #49c0f0;
	background: -moz-linear-gradient(-45deg, #49c0f0 0, #2cafe3 100%);
	background: -webkit-linear-gradient(-45deg, #49c0f0 0, #2cafe3 100%);
	background: linear-gradient(135deg, #49c0f0 0, #2cafe3 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#49c0f0', endColorstr='#2cafe3', GradientType=1)
}

.intentbtn .intentdata,
.intentbtn .intenticon {
	display: table-cell;
	vertical-align: middle;
	height: 100px
}

.intentbtn .intentdata {
	padding-left: 20px
}

.intentbtn .intenticon {
	padding: 10px;
	width: 36%;
	text-align: center;
	background: rgba(255, 255, 255, .08);
	border-right: 1px solid rgba(0, 0, 0, .08)
}

.intentbtn .intenticon .intentno {
	font-size: 1.7em
}

.intentbtn .intenticon svg {
	height: 55px;
	fill: #fff
}

.intentdata {
	color: rgba(0, 0, 0, .57)
}

.intentdata .intentno {
	display: block;
	font-size: 1.5em;
	color: #fff
}

.bluecolor,
.greencolor,
.pinkcolor,
.yellowcolor {
	background-color: #fff
}

.bluecolor svg {
	fill: #26a1dd
}

.bluecolor .intentno,
.greencolor .intentno,
.pinkcolor .intentno,
.yellowcolor .intentno {
	color: #33475b
}

.pinkcolor svg {
	fill: #df267d
}

.yellowcolor svg {
	fill: #db800c
}

.greencolor svg {
	fill: #4d8805
}

.intentbtn small {
	color: #666
}

.intentbtn h5 {
	color: #002042
}

.intentbtn:hover {
	text-decoration: none
}

.intentbtn.active {
	background-color: #48abf7
}

.intentbtn.active small {
	color: rgba(255, 255, 255, .8) !important
}

.intentbtn.active:hover {
	background-color: #1e9bfb
}

.intentbtn.active .stamp.bg-secondary {
	background-color: #fff !important;
	color: #1e9bfb
}

.removebg-color {
	background-color: transparent
}

.removebg-color .card {
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	border: 0 solid #9cd2c2
}

.mobulename li a,
.removebg-color .card .card-header {
	background-color: #fff
}

.removebg-color .card .card-header h5 {
	margin: 0;
	padding: 8px 0;
	color: #000;
	font-size: 1.3em;
	font-weight: 700
}

.removebg-color .card .card-header .form-select {
	height: 30px;
	padding: 4px 6px
}

.rounded {
	border-radius: 10.25rem !important
}

.field-icon {
	float: right;
	margin-right: 14px;
	margin-top: -25px;
	position: relative;
	z-index: 2;
	opacity: .6;
	cursor: pointer
}

.input-group .toggle-password {
	background-color: transparent;
	width: 45px;
	color: rgba(0, 0, 0, .3)
}

.mobulename {
	list-style: none;
	margin: 0;
	padding: 0
}

.mobulename li {
	padding: 15px;
	box-sizing: border-box;
	float: left;
	width: 25%
}

.mobulename li a {
	display: block;
	border-radius: 5px;
	text-align: center;
	padding: 10px 10px 20px;
	font-weight: 400;
	color: #000;
	min-height: 221px;
	transition-duration: .3s;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	border: 1px solid #46caff;
	text-decoration: none;
	font-size: 1.2rem
}

.mobulename li .icon {
	display: block;
	width: 80px;
	height: 80px;
	box-sizing: border-box;
	margin: 25px auto;
	border-radius: 50%;
	padding: 10px;
	position: relative
}

.mobulename li .icon:before {
	content: "";
	position: absolute;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	right: 18px;
	left: -10px;
	margin: 0 auto;
	top: -10px
}

.mobulename li .icon svg {
	height: 40px
}

.mobulename li .icon span {
	display: inline-block;
	height: 60px;
	width: 60px;
	text-align: center;
	padding: 8px;
	box-sizing: border-box;
	border-radius: 50%;
	background-color: #fff
}

.pink {
	background: #f95569;
	background: -moz-linear-gradient(-45deg, #f95569 0, #f95587 100%);
	background: -webkit-linear-gradient(-45deg, #f95569 0, #f95587 100%);
	background: linear-gradient(135deg, #f95569 0, #f95587 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f95569', endColorstr='#f95587', GradientType=1)
}

.pink span svg {
	fill: #f95569
}

.pink:before {
	border: 1px dashed #f95569
}

.green {
	background: #87c15b;
	background: -moz-linear-gradient(-45deg, #87c15b 0, #75b048 100%);
	background: -webkit-linear-gradient(-45deg, #87c15b 0, #75b048 100%);
	background: linear-gradient(135deg, #87c15b 0, #75b048 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#87c15b', endColorstr='#75b048', GradientType=1)
}

.green span svg {
	fill: #75b048
}

.green:before {
	border: 1px dashed #75b048
}

.yellow {
	background: #f7b14f;
	background: -moz-linear-gradient(-45deg, #f7b14f 0, #da9029 100%);
	background: -webkit-linear-gradient(-45deg, #f7b14f 0, #da9029 100%);
	background: linear-gradient(135deg, #f7b14f 0, #da9029 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f7b14f', endColorstr='#da9029', GradientType=1)
}

.yellow span svg {
	fill: #da9029
}

.yellow:before {
	border: 1px dashed #da9029
}

.purple {
	background: #744392;
	background: -moz-linear-gradient(-45deg, #744392 0, #6e3492 100%);
	background: -webkit-linear-gradient(-45deg, #744392 0, #6e3492 100%);
	background: linear-gradient(135deg, #744392 0, #6e3492 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#744392', endColorstr='#6e3492', GradientType=1)
}

.purple span svg {
	fill: #6e3492
}

.purple:before {
	border: 1px dashed #6e3492
}

.cyan {
	background: #00a7b7;
	background: -moz-linear-gradient(-45deg, #00a7b7 0, #1ac3d3 100%);
	background: -webkit-linear-gradient(-45deg, #00a7b7 0, #1ac3d3 100%);
	background: linear-gradient(135deg, #00a7b7 0, #1ac3d3 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00a7b7', endColorstr='#1ac3d3', GradientType=1)
}

.cyan span svg {
	fill: #00a7b7
}

.cyan:before {
	border: 1px dashed #00a7b7
}

.orange {
	background: #fa892d;
	background: -moz-linear-gradient(-45deg, #fa892d 0, #f17c2a 100%);
	background: -webkit-linear-gradient(-45deg, #fa892d 0, #f17c2a 100%);
	background: linear-gradient(135deg, #fa892d 0, #f17c2a 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fa892d', endColorstr='#f17c2a', GradientType=1)
}

.orange span svg {
	fill: #f17c2a
}

.orange:before {
	border: 1px dashed #f17c2a
}

.blue {
	background: #5e99b7;
	background: -moz-linear-gradient(-45deg, #5e99b7 0, #4797c0 100%);
	background: -webkit-linear-gradient(-45deg, #5e99b7 0, #4797c0 100%);
	background: linear-gradient(135deg, #5e99b7 0, #4797c0 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#5e99b7', endColorstr='#4797c0', GradientType=1)
}

.blue span svg {
	fill: #4797c0
}

.blue:before {
	border: 1px dashed #4797c0
}

.red {
	background: #e14c45;
	background: -moz-linear-gradient(-45deg, #e14c45 0, #d93730 100%);
	background: -webkit-linear-gradient(-45deg, #e14c45 0, #d93730 100%);
	background: linear-gradient(135deg, #e14c45 0, #d93730 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e14c45', endColorstr='#d93730', GradientType=1)
}

.red span svg {
	fill: #e14c45
}

.red:before {
	border: 1px dashed #e14c45
}

.mobulename li a:hover {
	box-shadow: 0 0 25px rgba(0, 0, 0, .3);
	border: 2px solid #46caff;
	text-decoration: none
}

.table td .usericon {
	width: 40px
}

.pagebody.sidepage-pading {
	padding: 0 20px
}

.icon-group {
	display: block
}

.icon-group .btn-icon {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
	margin-right: 10px
}

.btn-check:active+.btn-icon,
.btn-check:checked+.btn-icon,
.btn-icon.active,
.btn-icon:active,
.show>.btn-icon.dropdown-toggle {
	color: #fff;
	background-color: #26a1dd;
	border-color: #26a1dd
}

.icon-group.block-element .btn-icon {
	display: block;
	text-align: left;
	margin-right: 0
}

.btn-light {
	color: #000;
	background-color: #f8f9fa;
	border-color: #d7d7d7
}

.btn {
	font-weight: 600
}

.table td .switch .off,
.table td .switch .on {
	font-size: 11px;
	color: rgba(0, 0, 0, .8)
}

.table td .switch .slider {
	background-color: #f9cccc
}

.table td .switch input:checked+.slider {
	background-color: #92c88e
}

.table td .switch {
	width: 84px;
	height: 27px
}

.table td .switch .slider::before {
	height: 20px;
	width: 20px
}

.otp-dash {
	font-size: 2.3em
}

.otp-time {
	-webkit-animation: seconds 1s forwards;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-delay: 22s;
	animation: seconds 1s forwards;
	animation-iteration-count: 1;
	animation-delay: 22s;
	position: relative
}

.otp-time #countdown {
	color: #c00
}

.module-name {
	position: relative;
	pointer-events: none;
	font-weight: 700;
	color: #0e0e0f !important
}

.table td .formtype {
	display: block;
	text-align: center;
	padding: 10px;
	border-radius: 3px;
	font-weight: 700;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	color: #fff
}

.filterrow {
	display: none
}

.showrow {
	display: table-row
}

#myBtnContainer .btn {
	border-radius: 0;
	font-size: 16px;
	padding: .8rem 1.4rem;
	position: relative;
	text-decoration: none !important;
	color: #9a9a9a;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1rem
}

#myBtnContainer .btn.active {
	background: 0 0;
	color: #0a0913;
	box-shadow: inset 0-2px 0#0b0914
}

#myBtnContainer label {
	font-size: 20px !important;
	font-weight: 600;
	float: left;
	margin-top: 10px;
	margin-right: 25px
}

div.bhoechie-tab-container {
	z-index: 10;
	background-color: #fff;
	padding: 0 !important;
	background-clip: padding-box;
	opacity: .97;
	filter: alpha(opacity=97);
	margin-top: 15px;
	min-height: 461px
}

div.bhoechie-tab-menu {
	padding-right: 0;
	padding-bottom: 20px;
	border-top: 1px solid rgba(0, 0, 0, .125)
}

div.bhoechie-tab-menu div.list-group {
	margin-bottom: 0;
	display: flex;
	flex-direction: inherit;
	justify-content: center
}

div.bhoechie-tab-menu div.list-group>a {
	margin-bottom: 0;
	border: 0;
	border-radius: 0;
	width: 34%;
	border-right: 1px solid rgba(0, 0, 0, .125);
	padding: .8rem 1rem
}

div.bhoechie-tab-menu div.list-group>a .fa,
div.bhoechie-tab-menu div.list-group>a .glyphicon {
	color: #4f1c08
}

div.bhoechie-tab-menu div.list-group>a:first-child {
	border-top-right-radius: 0;
	-moz-border-top-right-radius: 0
}

div.bhoechie-tab-menu div.list-group>a:last-child {
	border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0
}

div.bhoechie-tab-menu div.list-group>a:hover {
	background-color: #f3fbff
}

div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .fa,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon {
	background-color: #fff;
	margin-top: 0
}

.bhoechie-tab-menu>.list-group>a.list-group-item:first-child {
	border-left: 1px solid rgba(0, 0, 0, .125)
}

div.bhoechie-tab-content {
	border: 1px solid rgba(0, 0, 0, .125);
	background-color: #fff;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	margin-top: -21px;
	position: relative;
	min-height: 395px
}

.bhoechie-footer {
	border-top: 1px solid #eee;
	padding: 15px 0;
	margin-top: 15px
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
	display: none
}

.custom-filebtn {
	display: none
}

.custom-file-upload {
	border: 1px solid #ccc;
	display: inline-block;
	padding: 6px 12px;
	cursor: pointer
}

.bhoechie-tab-menu .list-group-item {
	font-weight: 600;
	color: #2d2d2d;
	display: block;
	text-align: center;
	background: #f7f7f7
}

.bhoechie-tab-menu .list-group-item span {
	display: block;
	opacity: .9;
	font-size: 22px;
	font-weight: 700;
	color: #13aae8;
	margin-bottom: 10px
}

.topmenu {
	padding: 0
}

.topmenu .navbar-nav li:last-child {
	border-right: 0
}

.topmenu .navbar-nav .nav-link {
	padding: 15px;
	color: #fff;
	font-weight: 700
}

.topmenu .navbar-nav .nav-link:hover {
	background-color: rgba(255, 255, 255, .1)
}

.form-group {
	margin-bottom: 1rem
}

.filebtn,
.filebtn label {
	position: relative
}

.filebtn label {
	z-index: 0;
	margin: 0;
	cursor: pointer
}

.filebtn input[type=file] {
	position: absolute;
	z-index: 2;
	width: 100%;
	opacity: 0;
	left: 0;
	right: 0;
	top: 0;
	height: 100%;
	cursor: pointer
}

.btn-success {
	color: #fff;
	background-color: #269d79;
	border-color: #269d79
}

.btn-outline-danger {
	color: #f97332;
	border-color: #f97332
}

.btn-outline-danger:hover {
	color: #fff;
	background-color: #f97332;
	border-color: #f97332
}

.modulebg {
	background-color: #aea280
}

.page-item.active .page-link {
	background-color: #37b6e8;
	border-color: #37b6e8
}

.btn-outline-danger.backbtn {
	color: #c15d20;
	border-color: #c15d20;
	background-color: #fff
}

.btn-outline-danger.backbtn:hover {
	background-color: #d9814b;
	color: #fff;
	border-color: #d9814b
}

.fixed-sidebar {
	position: fixed;
	left: 11px;
	top: 100px;
	height: 100%;
	width: 207px
}

.btn-info {
	color: #fff;
	background-color: #23baf7;
	border-color: #23baf7
}

.btn-info:active,
.btn-info:focus,
.btn-info:hover {
	color: #fff;
	background-color: #46caff;
	border-color: #46caff
}

.btn.backbtn {
	background-color: #fff
}

.btn.btn-outline-info {
	color: #15a4dd;
	border-color: #17a5df
}

.btn.btn-outline-info:active,
.btn.btn-outline-info:focus,
.btn.btn-outline-info:hover {
	color: #fff;
	background-color: #23baf7;
	border-color: #23baf7
}

.admissionradio .form-check-inline {
	padding: 7px 6px 7px 28px;
	margin: 0 0 6px;
	width: auto;
	border-radius: 4px
}

.uploadsection input {
	min-height: 35px !important
}

.subnamcode .form-check-inline {
	margin: 0;
	padding: 0 40px 0 0
}

.subnamcode .form-check-inline:last-child {
	margin: 0;
	padding: 0
}

.text-left {
	text-align: left
}

.regbutton {
	margin-bottom: 32px
}

.captcha img {
	height: 36px;
	width: 100%
}

.preview-wrap {
	padding: 15px;
	border: 1px solid #ccc;
	width: 80%;
	margin: 0 auto
}

.preview-wrap .table th {
	background-color: #eee;
	color: #000
}

.preview-wrap .table th a {
	display: inline-block;
	float: right
}

.preview-wrap .table .subhead {
	color: #000
}

.rbtcut {
	padding: .375rem .75rem .1rem !important
}

.phead {
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	color: #000;
	font-weight: 700
}