body {
	font-size: 16px
}

.text-sm {
	font-size: 18px;
	font-weight: 700
}

.command-panel {
	border-radius: 4px;
	box-shadow: 6px 5px 1px rgba(0, 0, 0, .08)
}

.command-panel.active, .command-panel.on, .command-panel:focus,
	.command-panel:hover {
	transform: scale(1.04, 1.09)
}
.command-panel-onclick {
	transform: scale(1.04, 1.09)
}

.welcome-admin.text-center {
	color: #989191
}

#welcome {
	font-size: 24px
}

#logo h1 {
	font-weight: 700;
	font-size: 28px
}

#logo {
	padding: 0 0 0 20px;
	margin-top: -13px
}

#side-menu .fa-angle-down {
	float: right
}

.tab, .tabcontent {
	float: left;
	overflow: auto
}

#create-user-form.btn-blue {
	border: 1px solid #337ab7
}

.form-center {
	padding: 2% 0 1% 11%;
	margin: 3% 0 3% 4%
}

#logo h1 a {
	text-decoration: none
}

.panel-heading {
	font-size: 18px;
	font-weight: 700
}

/* .tree-view {
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 20px 0 14px 45px
} */

.tree-view {
    /* width: 100%; */
    height: 100%;
    overflow: hidden;
    padding: 0% 2%;
}

.tree-view-scroll {
	height: 40%;
	overflow: hidden;
	padding: 0 0 10px;
	margin-left: -10px
}

#data-container .panel-body {
	background-color: #f5f5f5
}


.btn-role {
	margin: 0 0 0 1%;
	padding: 1% 8%;
}

.row.role-input-row {
	margin: 1% 0 1% 5%
}

.row.role-btn-row {
	margin-bottom: 2%
}

.role-btn-col {
/* 	margin-left: 42%; */
	margin-top: 2%
}
.urm-form{
    padding: 2% 25%;
}

.urm-form .form-container{
	border: 1px solid #ddd;
    padding: 10% 20%;
    background: #efefeff7;
}

.tab {
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	width: 27%;
	height: 458px
}

.tab button {
	display: block;
	background-color: inherit;
	color: #6e6e6e;
	padding: 7px 16px;
	width: 100%;
	border: none;
	outline: 0;
	text-align: left;
	cursor: pointer;
	transition: .3s;
	font-size: 15px
}

.tab button:hover {
	background-color: #ccd4cc;
	font-size: 16px;
	padding-right: 2%
}

.tab button.active {
	background-color: #6cb36d;
	color: #fff
}


.tabcontent {
    padding: 2% 2%;
    width: 64%;
    border-left: none;
    height: 450px;
}
.nav>li>a:focus, .nav>li>a:hover {
	text-decoration: none;
	background-color: #4f7a98;
	padding-left: 20px;
	color: #fff;
	cursor: pointer;
	transition: .3s
}

#user-view-heading {
	text-align: center
}

#users-view-aria {
	width: 95%;
	text-align: left;
	margin: 3% auto auto;
	overflow: auto;
	fonct-size:14px;
}

.command-heading {
	transition: all .5s ease-out
}

#role-view-container .nav-tabs>li>a {
	margin-right: 0;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 0;
	font-weight: 700;
	font-size: 16px
}

#role-view-container .nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
	text-decoration: none;
	background-color: #6cb36d;
	padding-left: 20px;
	font-size: 17px;
	color: #fff;
	cursor: pointer;
	transition: .3s
}

#data-container .alert {
	height: 193px;
	font-size: 25px;
	padding: 10%
}

@media ( max-width :1600px) {
	.panel-heading {
		font-size: 14px;
		font-weight: 700
	}
}

/* Added by Harsh for loader in IER module */
#pageloader {
	background: rgba(255, 255, 255, 0.7);
	display: none;
	height: 200%;
	position: absolute;
	width: 97%;
	z-index: 9999;
	text-align: center;
}

#pageloader img {
	height: 60px;
	width: 60px;
	position: absolute;
	top: 40%;
}