.attendance-detail{
    cursor: pointer;
    color: #713886;
}
.skin-purple .main-header .navbar, .skin-purple .main-header .logo{background-color: #713886!important;}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{border: 1px solid #713886}
.skin-purple .sidebar-menu>li:hover>a, .skin-purple .sidebar-menu>li.active>a{border-left-color: #713886!important;}
.row.head div{text-align: left; font-size: 16px; font-weight: bold; line-height: 40px; border-bottom: 1px solid #ccc;}
.row.body div{text-align: left; font-size: 14px; font-weight: normal; line-height: 28px; border-bottom: 1px solid #ccc; }
.row.body, .row.head{display: flex}
#attendanceModal .modal-dialog{width: 700px;}
#attendanceModal .box-header{font-size: 16px;}
input[type="text"].form-control, input[type="number"].form-control, input[type="email"].form-control, select.form-control{width: 100%!important;}
textarea.form-control{width: 100%!important; height: 100px;}
textarea.form-control#id_speakers{width: 100%!important; height: 50px;}
.navbar-nav>.user-menu .user-image {width: auto!important;}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img{
    width: auto;
}
.help-block{
    color: #212121!important;
}
.sidebar-menu .menu-open.active>a>.fa-angle-left, .sidebar-menu .menu-open.active>a>.pull-right-container>.fa-angle-left{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.img-fluid{
	width: 100%!important;
	height: auto!important;
}