html{
	height:100%;
}
body{
	position:relative;
	margin:0;
	padding:0;
	background-color: #f4f5f9;
	font-family: 'SfText';
    font-weight: normal;
	color: #5a657e;
}
a,img{
	text-decoration:none;
	border:0px;
	color:#4366A4;
	transition: color 0.2s linear 0s;
}
a:hover{
	color:#DE5643;
	text-decoration: none;
}
ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
h1, h2, h3{
	color: #747a9c;
	margin: 0 0 15px;
}
h1{
	margin-bottom: 20px;
}

hr {
	margin-bottom: 20px;
}
.transition{
	transition: all 5s;
	transition: background 0.3s ease-out 0s;
	transition: background-position 0.2s ease-out 0s, color 0.2s ease-out 0s;
	transition: opacity 0.3s ease-out 0s;
	transition:border-color 0.3s linear;
	transition: color 0.2s linear 0s;
}
/*****/
.box-wrapper{
	background: #fff;
	border-radius: 10px;
  	box-shadow: 0 5px 10px 0 rgba(210, 214, 234, 0.4);
  	padding: 20px 30px;
}
.box-wrapper + .box-wrapper{
	margin-top: 20px;
}
.img-round{
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 100%;
}
.dropdown button.dropdown-toggle{
	-webkit-appearance: none;
	border: none;
	background: transparent;
	color: #b8c4e2;
	font-size: 18px;
	border-radius: 0;
}
.dropdown button.dropdown-toggle:after{
	display: none;
}
.dropdown button.dropdown-toggle:hover,
.dropdown button.dropdown-toggle:focus,
.dropdown button.dropdown-toggle:active{
	border: none;
	background: transparent;
	color: #b8c4e2;
	font-size: 18px;
	border-radius: 0;
	box-shadow: none;
	outline: none;
}
.dropdown .dropdown-menu{
	border-radius: 5px;
    border: none;
    box-shadow: 0 5px 10px 0 rgba(210, 214, 234, 0.4);
}
.dropdown .dropdown-menu .dropdown-item{
	color: #747a9c;
	font-size: 14px;
	line-height: 1.3;
    padding: .5rem 1.2rem;
}
.dropdown .dropdown-menu .dropdown-item.active,
.dropdown .dropdown-menu .dropdown-item:active{
	background: #6c86fc;
	color: #fff;
}
.box-wrapper .dropdown button.dropdown-toggle{
	margin-top: 13px;
}
.table-condensed th, .table-condensed td{
	font-family: 'SfText' !important;
}
.apexcharts-toolbar{
	z-index: 1 !important;
}
/******
header
******/
header{
	width: 100%;
	height: 90px;
	border-bottom: 1px solid #d5d9ef;
	background: #fff;
	display: flex;
	align-items: center;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2;
	color: #a1a8cb;
}
header .header-logo{
	padding: 0 30px;
	flex: 0 0 auto;
	height: 100%;
    display: flex;
    align-items: center;
	border-right: 1px solid #d5d9ef;
}
header .header-logo a{
	display: block;
}
header .header-logo .logo{
	height: 40px;
}
header .header-logo .logo img{
	max-height: 100%;
	width: auto;
}
header .header-logo .site-logo {
	background: url('../images/logo_sm.png') no-repeat 0 0;
	width:30px;
	height:30px;
	display:block;
	border-radius:50px;
	display:block;
	float:left;
	margin: 10px 10px 0 0;
}
header .header-logo .site-title {
	color: #455dcb;
	display: block;
	font-size: 28px;
	font-family: 'Nunito';
    font-weight: bold;
}
header .header-menu {
	flex: 1 0 auto;
	display: flex;
	height: 100%;
}
header .user_menu{
	flex: 1 1 50%;
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 40px;
}
header .user_menu + .user_menu{
	border-left: 1px solid #d5d9ef;
}
header .user_menu.menu-search-box > li{
	width: 100%;
	display: block;
}
.header-search-box{
	width: 100%;
	position: relative;
	display: block;
}
.header-search{
	margin: 0;
}
.header-search #hsearch{
	border: none;
	font-size: 16px;
	font-family: 'SfText';
    font-weight: normal;
    width: 100%;
    padding: 0 0 0 40px;
}
header .user_menu.menu-search-box .items-icon{
	font-size: 16px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    margin: 0;
}
.header-search #hsearch::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a1a8cb;
}
.header-search #hsearch::-moz-placeholder { /* Firefox 19+ */
  color: #a1a8cb;
}
.header-search #hsearch:-ms-input-placeholder { /* IE 10+ */
  color: #a1a8cb;
}
.header-search #hsearch:-placeholder {
  color: #a1a8cb;
}
header .user_menu:not(.menu-search-box){
	justify-content: flex-end;
	padding-right: 10px;
}
header .user_menu:not(.menu-search-box) li:last-child{
	margin-left: 15px;
}
header .header-menu a{
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: 500;
	color: #838cb3;
	position: relative;
}
header .user_menu:not(.menu-search-box) li a{
	padding: 0 25px;
}
header .header-menu a:active,
header .header-menu a:hover{
	color:#c6cceb;
}
header .header-menu a span.items-icon {
	font-size: 24px;
	font-weight: normal;
	margin: 0;
	color: #c6cceb;
	vertical-align: middle;
}
header .header-menu ul li img{
	border: solid 3px rgba(176, 190, 255, 0.2);
	border-radius: 100%;
	display: inline-block;
	height: 40px;
	width: 40px;
	margin-right: 15px;
}
header .header-menu a .items-count {
	display: inline-block;
	width: 18px;
	height: 18px;
	color: #fff;
	position: absolute;
	font-size: 10px;
	font-weight: 600;
	background-color: #6c86fc;
	border-radius: 100%;
	cursor: pointer;
	padding: 0;
	line-height:14px;
	text-align: center;
	right: 16px;
    top: -8px;
	border: 2px solid #ffffff;
}
.search-results .heading span {
	color: #5b667f;
}

footer {height:auto; margin:0; color:#000; padding:0 10px;clear:both;display:none; }
footer a{ color:#aaa; text-decoration:none; }
footer .footer_left { margin-right: 100px; }
footer .footer_right{ float:right; width:100px; text-align:right; }
.title-acions {font-size: 13px; position: absolute; right: 10px; top: 7px;}
.title-acions a {color: #FFFFFF; transition: color 0.2s linear 0s;}
.title-acions a:hover {color: #DE5643;}
.title-acions a i {font-size:13px;}
.content .profile-box .profile-box-item table .status {width:100px; text-align:center;}
.content .profile-box .profile-box-item table th {width:180px;}
.profile-box .afiles-title {border-bottom:1px solid #ddd; padding:15px 15px 5px;}
.files-box-item table {width:100%;}
.divider-tr {height:15px;}
.red {color:#CC0000;}
.inner-box-ul {margin:0; padding:0; list-style:none;}
.multiselect {min-height:250px; overflow:auto;}
.assign-box {width:100% !important;}
.assign-box .assign-box-item{float: left; width: 42%;}
.unassign-arrov { padding-top: 10px; }
.assign-box .assign-actions {float: left; width: 16%; padding-top: 105px;}
.assign-box .assign-actions .assign-arrov,
.assign-box .assign-actions .unassign-arrov{text-align: center;}
.external .row.hidden{display:none;}
.external .row.visible{display:block;}



aside.left-side{
	width: 110px;
	height: 100%;
	min-height: calc(100vh - 90px);
	overflow-y: none;
	position: fixed;
	left: 0;
	top: 0;
	margin: 90px 0 0;
	background-color: #6c86fc;
	z-index:2;
}
aside.left-side .content{
	padding: 0;
	height: 100%;
}
aside.left-side .content > ul{
	padding: 50px 0 30px;
}
aside.right-side{
	width:230px;
	height:100%;
	overflow-y:auto;
	position:fixed;
	right:0;
	top:0;
	margin:50px 0 0;
	background-color:#e9e9e9;
	z-index:1;
	border-left:1px solid #ccc;
}
aside .content{
	padding:20px 20px 60px;
}
aside .content ul li{
	margin: 0 0 10px;
	text-align: center;
}
aside .content ul li.fir0 span{float:left;width:30px;height:30px; margin-right:10px;background:url('../images/icons.png') no-repeat 0 -123px; }
aside .content ul li.fir1 span{float:left;width:30px;height:30px; margin-right:10px;background:url('../images/icons.png') no-repeat 0 0; }
aside .content ul li.fir2 span{float:left;width:30px;height:30px; margin-right:10px;background:url('../images/icons.png') no-repeat 0 -42px; }
aside .content ul li.fir3 span{float:left;width:30px;height:30px; margin-right:10px;background:url('../images/icons.png') no-repeat 0 -83px; }
aside .content ul li i{color:#ffffff; width:20px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;-o-transition: all 0.4s ease; transition: all 0.4s ease;}
aside .content ul li a{
	color:#f1f1f1;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
aside .content ul li a:hover {color:#3498DB;}
aside .content ul li ul{display:none;padding-left:40px;list-style:disc inside none;color:#fff;}
aside .content ul li ul li{padding:1px 0;margin:0}
aside .content ul li ul li ul{padding-left:20px;list-style:circle inside none;color:#fff;line-height: 20px;}
aside .content ul .menu-heading{
	position: relative;
}
aside .content ul .menu-heading > ul {
	display: none;
	left: 125px;
	list-style: outside none none;
	padding: 0;
	position: fixed;
	top: 105px;
	width: 250px;
	z-index: 1;
	padding: 0 20px;
}
aside .content ul .menu-heading.active,
aside .content ul .menu-heading.menu-heading.current{
	background-color: transparent;
}
aside .content ul .menu-heading.active{
	position: relative;
}
aside .content ul .menu-heading.active:after{
	content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -30px;
    background: url("../images/menu_element.png")no-repeat;
    background-size: contain;
    background-position: top left;
    display: block;
    width: 30px;
    height: 150%;
    z-index: 1;
}
aside .content > ul .menu-heading.active > a,
aside .content ul .menu-heading.menu-heading.current a{
	background: #455dcb;
}
aside .content > ul .menu-heading.active > a:after,
aside .content > ul .menu-heading.active > a:hover:after{
	content: "";
	position: absolute;
	display: block;
	left: 78px;
	top: 50%;
	transform: translateY(-50%);
	border-left: 14px solid #455dcb;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    background: no-repeat;
    padding: 0;
    opacity: 1;
}
aside .content > ul .menu-heading.active > a:hover:before{
	display: none;
}
aside .content ul .menu-heading.active a .micon,
aside .content ul .menu-heading.menu-heading.current a .micon{
	color: #fff;
}
aside .content ul .menu-heading.active .tree, aside .content ul .menu-heading.current .tree {color:#ff7e66;}
aside .content ul .menu-heading.active ul {
	display:block;
}
aside .content ul li.menu-heading ul li.title {
	background-color: transparent;
    border: none;
    padding: 15px 0 5px;
    text-align: left;
    text-transform: capitalize;
    margin-bottom: 10px;
    color: #5a657e;
    font-size: 18px;
    font-weight: 600;
}
aside .content ul li.menu-heading ul li{
	border: none;
	margin: 0;
	padding: 15px 0;
}
aside .content ul li.menu-heading > ul > li:not(.title) + li{
	border-top: 1px solid #f2f3fc;
}
aside .content ul li.menu-heading ul li a {
	color: #a1a8cb;
    font-size: 12px;
    width: auto;
    height: auto;
    text-align: left;
    padding: 5px 13px 5px 25px;
    display: inline-block;
    width: 100%;
    max-width: 100%;
    white-space: pre-line;
    position: relative;
}
aside .content ul li.menu-heading ul li a:hover {
	color: #6c86fc;
	cursor: pointer;
	background: transparent;
}
aside .content ul li.menu-heading ul li a i{
	color: #a1a8cb;
    position: absolute;
    left: 0;
    top: 8px;
}
aside .content ul li.menu-heading ul li a:hover i{
	color: #6c86fc;
}
aside .content ul li.menu-heading > a {
	display: inline-flex;
    align-items: center;
    justify-content: center;
	height: 52px;
	width: 52px;
	border-radius: 15px;
	background: transparent;
}
aside .content ul li.menu-heading a .micon {
	font-size: 20px;
	display: inherit;
	padding: 0;
	margin: 0;
	color: #c4ceff;
}
aside .content ul li.menu-heading a .mtitle {
	display: none !important;
}
aside .content ul li.menu-heading a:hover{
	background: #455dcb;
}
aside .content ul li.menu-heading > a:hover:after{
	content: attr(data-title);
	display: block;
	position: absolute;
	left: 90px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.85;
    background-color: #374276;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 4px;
    white-space: nowrap;
    z-index: 99;
}
aside .content ul li.menu-heading > a:hover:before{
	content: "";
	position: absolute;
	left: 85px;
	top: 50%;
    transform: translateY(-50%);
    border-right: 5px solid rgba(55, 66, 118,0.85);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
aside .content ul li.menu-heading a:hover .micon{
	color: #fff;
}
aside .content ul li.menu-heading ul.sub-menu li{padding: 0 5px 0 0; list-style-type: none;}
aside .content ul li.menu-heading ul.sub-menu li a{padding: 5px 13px 5px 25px;}
aside .content ul li.menu-heading ul.sub-menu li a i{top: 10px; left: 3px;}
aside .content ul li.menu-heading.menu-up,
aside .content ul li.menu-heading.menu-down {
	background-color: transparent;
	bottom: 0;
	left: 28px;
	position: fixed;
	display:none;
	margin: 0;
}
aside .content ul li.menu-heading.hidden{display:none;}
.left-side .inner-sidebar {
	background-color: #fbfbff;
	-webkit-box-shadow: 38px 8px 29px -25px rgba(223,224,230,1);
	-moz-box-shadow: 38px 8px 29px -25px rgba(223,224,230,1);
	box-shadow: 38px 8px 29px -25px rgba(223,224,230,1);
	height: 100%;
	left: 110px;
	position: fixed;
	top: 90px;
	width: 280px;
	-webkit-transition: margin 0.4s;
	-moz-transition: margin 0.4s;
	-o-transition: margin 0.4s;
	transition: margin 0.4s;
	display:none;
}
.left-side .inner-sidebar.active{
	display:block;
}

section {
	position:relative;
	background: #f4f5f9;
	padding-top: 90px;
}
section .breadcrumbs  { color:#444; }
section .breadcrumbs span { color:#777; }
section .breadcrumbs a{ color:#444; text-decoration:none; }
section .breadcrumbs a:hover { color:#111; }
section .content-admin{
	margin-left: 110px;
}
section .content-main    { margin-left:90px; }
section .login{ margin:100px auto; width:440px; }
section .login fieldset { width:405px; }
article  { padding: 25px; }
article.side { margin-right:230px; }
article.grid{ padding:25px;}
article h2.heading {
	margin: -25px 0 0;
	padding: 0;
	font-size: 24px;
	line-height: 72px;
	color: #747a9c;
}
article.dashboard .main_msg {padding: 0 25px;}
.dashboard-events .title { color: #000; margin-bottom: 20px; text-align:center;}
.dashboard-events .events-item {margin-bottom: 15px;}
.dashboard-events .events-item-title {color: #222; padding-bottom: 3px;}
.dashboard-events .events-item-body {color: #222; ;}
.dashboard-events .events-item-body a {color: #222;}
.dashboard-events .events-item-body p{margin:0;}
.dashboard-events .link-more{margin:0; padding:0;}
.dashboard-events .link-more a {color:#555555;}
.dashboard-events .link-more a:hover {color:#000000;}
.dashboard-statistics {display: table; margin: 15px 0;table-layout: fixed; width: 100%;}
.dashboard-statistics .dashboard-statistics-items {display: table-row;}
.dashboard-statistics .stats-item  {display: table-cell; text-align: center; color:#000000;}
.dashboard-statistics .stats-item  span {display: block; padding: 2px;}
.stats-item.st_families {color:#59e059;}
.stats-item.st_astudents {color:#eace2c;}
.stats-item.st_schools {color:#d38447;}
.stats-item.st_pstudents {color:#d87dcf;}
.stats-item.st_tasks {color:#CC0000;}
.stats-item.st_events {color:#6275e0;}

.profile-box {margin-top: 25px;}
.profile-box .title {
	color: #838cb3;
	padding: 0;
	background-color: transparent;
	position:relative;
	width: 100%;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
}
.profile-box .title:before{
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	background: #b8c4e2;
	left: 0;
	top: 50%;
	transform: translateY(-50%;);
}
.profile-box .title span{
	display: inline-block;
	padding-right: 15px;
	background: #f4f5f9;
	position: relative;
	z-index: 1;
}
.profile-box .title .title-acions,
.profile-box .title .toggle-fms{
	padding-left: 15px;
	z-index: 1;
	background: #f4f5f9;
	top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.profile-box .title .title-acions a,
.profile-box .title .toggle-fms a{
	color: #838cb3;
}
.profile-box .partner-view .title {background-color: transparent;}
.profile-box .title .year-chooser {
	font-weight: normal;
	position: absolute;
	padding-left: 15px;
	z-index: 1;
	background: #f4f5f9;
	top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.profile-box .title .year-chooser select {padding:1px;}
.profile-left-block {
	float:left;
	width: 48%;
	margin: 0 0 30px 0;
	padding: 0;
}
.profile-right-block {
	float: right;
	width: 48%;
	margin: 0 0 30px 0;
	padding: 0;
}
.profile-box .profile-box-item table {
	margin: 40px 0;
	width:100%;
	border-collapse:collapse;
}
.profile-box .profile-box-item table th{
	color: #9eaaca;
	padding: 7px 10px 7px 0;
	text-align: left;
	width: 180px;
	vertical-align: top;
	font-size: 16px;
	font-weight: normal;
}
.profile-box .profile-box-item .application-details table th[width="280px"] + td{
	width: 100px;
}
.profile-box .profile-box-item table td{
	color: #5b667f;
	padding: 7px 10px;
	vertical-align: top;
	font-size: 16px;
	font-weight: 500;
	border: none !important;
}
.profile-box .profile-box-item table td a{-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;-o-transition: all 0.4s ease; transition: all 0.4s ease;}
.profile-box .profile-box-item table td a.btn {margin-bottom: 5px;}
.profile-box .profile-box-item hr{display: none;}
.avatar-td img {background-color: #fff; border: solid 3px rgba(176, 190, 255, 0.5); border-radius: 50%; height: 88px; padding: 2px;  width: 88px;}
.profile-box .profile-box-item .avatar-td + td{
	vertical-align: middle;
}
.avatar-td + td h3{
	font-size: 24px;
	font-weight: 600;
	color: #5b667f;
	line-height: 1.4;
	margin: 0;
}
.avatar-td + td h3 span{
	display: inline-block;
	width: 100%;
}
.profile-box-item .files-box table th {width:280px;}
.profile-box-item .files-box {display:none;}
.profile-box .profile-box-item .active {display:block;}
.profile-box .profile-box-item .title + textarea{
	margin-top: 40px !important;
}
.title-link{
	margin: 0;
	padding: 20px;
	position: relative;
	display: inline-block;
	font-size: 0;
	color: transparent;
	margin-left: -5px;
	top: -7px;
	margin-right: 5px;
	border-radius: 10px;
	background: transparent;
}
.title-link:hover{
	cursor: pointer;
}
.title-link i{
 	display: inline-block;
 	position: absolute;
 	font-size: 16px;
 	color: #9eaaca;
 	left: 50%;
 	top: 50%;
 	transform: translate(-50%, -50%);
}
.title-link:hover{
	background: #e2e8fb;
}
.title-link:hover i{
	color: #6c86fc;
}
.title-link:hover:after{
	content: attr(data-title);
	display: block;
    position: absolute;
    left: 45px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.85;
    background-color: #374276;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 4px;
    white-space: nowrap;
    z-index: 99;
}
.title-link:hover:before{
	content: "";
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translateY(-50%);
    border-right: 5px solid rgba(55, 66, 118,0.85);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.dashboard-left-block {float:left; width:50%;}
.dashboard-right-block {float:right; width:45%;}
.dashboard-box .title { color: #FFFFFF; padding: 7px;background-color: #70AD47; position:relative;}
.dashboard-box .title .year-chooser {font-weight: normal; position: absolute; right: 5px;top: 5px;}
.dashboard-box .title .year-chooser select {padding:1px;}
.dashboard-box-item { padding-bottom: 30px; }

.dashboard-news-item {border-bottom: 1px solid #e7e7e7;padding: 20px 5px;}
.dashboard-news-item:first-child {border-top: 1px solid #e7e7e7;}
.dashboard-news-item:nth-child(odd) {background-color:#fafafa;}
.dashboard-news-item .news-title {color: #333; text-shadow: 1px 1px 1px #aaa;}
.dashboard-news-item .news-title .news-text, .dashboard-news-item .news-title .news-text > p{  color: #333; font-size: 13px; line-height: 22px; margin:0;margin-bottom:15px;}
.dashboard-news-item .news-author { color: #1eb45c; margin-top:10px;}
.dashboard-news-item .news-date { color: #888;}
.dashboard-box-item .events-type {display:none; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99) 0s; -ms-transition: all 300ms ease 0s; transition:all 300ms ease 0s;}
.dashboard-box-item .events-type.active {display:block;}
.dashboard-box table.fc-header tbody tr td {background-color:#fff;}
.calendar-action-panel {text-align:right;}
.calendar-action-panel span{border: 1px solid #aaa;color: #555; cursor: pointer; display: inline-block; font-size: 14px; padding: 4px 0; text-align: center; width: 35px;}
.calendar-action-panel span:hover{background-color: #ddd;}
.calendar-action-panel span.active {background-color: #555; border: 1px solid #555; color: #fff;}
.fc-border-separate {table-layout:fixed;}

.ppass {display:none;}
.pass-wield:hover .pstars{display:none;}
.pass-wield:hover .ppass{display:block;}

.pending {color: #CC0000;}
.completed {color: #2D6006;}

.dialog-overlay{z-index:10;display:none;width:100%;height:100%;position:absolute;top:0;left:0;z-index:5;background-color:rgba(0,0,0, 0.3);;}
.dialog-box{
	z-index: 9999;
    border: 1px solid rgba(247,246,243, 0.9);
    background-color: #fff;
    width: 500px;
    padding: 15px 25px 40px;
    position: fixed;
    top: 50% !important;
    /*transform: translateY(-50%);*/
    left: 0;
    right: 0;
    border-radius: 10px;/*
    margin-top: -205px;*/
}
.dialog-title{color:#838cb3; text-align:center;}
.dialog-box form .row h3,
.dialog-box form .row.full h2{
	color: #838cb3;
	font-size: 24px;
	margin-bottom: 5px;
    text-transform: capitalize;
    font-weight: normal;
}
.dialog-box form .row{
	float: none;
}
.dialog-box form .row.full{
	width: 100% !important;
}
.dialog-box form input[type="text"],
.dialog-box form select,
.dialog-box form textarea{
	width: 100% !important;
}
.dialog-close {width:40px;height:40px;position:absolute;top:10px;right:10px;background:url('../images/icon_182.png') no-repeat center center; cursor:pointer;opacity:0.6;}
.dialog-close:hover {opacity:1;}
.dialog-content{color:#333;}
.dialog-content.loading{padding:40px 30px;}
.dialog-content.loading span{text-align: center; color: #333;display: block;}
.dialog-content label {margin-right:15px;}
.dialog-content > h1{font-size: 32px;}
.dialog-content .external-form > h3{font-size: 16px;}
.dialog-content form label{padding: 0; width: 100%;}
.dialog-content input[type="submit"]{
	margin-top: 20px;
}
.dialog-content .buttons-wrapper input[type="submit"]{
	margin-top: 0;
}

.popup-buttons { padding: 10px 0 0; text-align: center; }
.popup-buttons > a { margin: 0 50px; text-decoration:underline;}
.popup-dialog-box h2 { padding-bottom: 10px; }

.students-count-menu { border: 2px solid #CC0000; border-radius: 50%; color: #CC0000; margin-left: 10px;  padding: 0 4px;}

/*  email management  */
.email-management {min-height:100%; width:100%;}
.email-management.fixed {padding:0 0 25px; min-height:100%; width:100%; position:fixed;}
.email-management .alert {margin: 15px;}
.lefttoggled .email-management .fixed-wrapper {margin:0;}
.email-management.fixed .fixed-wrapper {position:relative;margin-right: 230px;}
.mail-actions {border-bottom: 1px solid #b8c4e2; padding: 5px 20px; text-align: right;}
.mail-actions .search-box {position: absolute; right: 115px;transition: all 400ms ease 0s; width:0; overflow:hidden;}
.mail-actions .search-box.active {width:300px; overflow:none;}
.mail-actions .search-box input {border: 1px solid #a7c5e9; border-radius: 25px; box-shadow: 0 0 1px #ddd;  display: inline-block; height: 27px; margin-top: -1px; padding: 0 15px; width: 220px;}
.mail-actions .search-box .btn {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; box-shadow: none; color: #2b88c6; font-size: 13px; margin: 0; padding: 0; position: absolute; right: 7px; top: 4px;}
.mail-actions .search-box .btn:hover {color:#de5643;}
.mail-actions .actions-link { border-left: 1px solid #b8c4e2; color: #c6cceb; display: inline-block; margin: 0; padding: 0; text-align: center; width: 40px;}
.mail-actions .actions-link:hover {color: #333;}
.mail-actions .actions-link:last-child { border-right: 1px solid #b8c4e2; }
.mail-main-box .mail-list { float: left; width: 35%; overflow-x:hidden; overflow-y:auto;border-right: 1px solid #b8c4e2; position:relative; height: 100%; cursor:pointer;}
.mail-main-box .mail-list h3 {background: none repeat scroll 0 0 #f0f0f0; color: rgba(98, 98, 98, 0.7); letter-spacing: 0.04em; padding: 5px 10px; text-transform: uppercase; border-bottom: 1px solid rgba(0, 0, 0, 0.07); border-top: 1px solid rgba(0, 0, 0, 0.07); color:#626262; margin:0;}
.mail-main-box .mail-box { float: left; width: 64%;overflow-y:auto;position:relative; height: 100%;}
.mail-list ul{list-style:none;padding:0; margin:0;}
article .hidden {display:none;}
.mail-list-date { background: none repeat scroll 0 0 #f0f0f0; color: rgba(98, 98, 98, 0.7); letter-spacing: 0.04em; padding: 5px 10px; text-transform: uppercase; border-bottom: 1px solid rgba(0, 0, 0, 0.07); border-top: 1px solid rgba(0, 0, 0, 0.07); color:#626262;}
.mail-main-box {position:relative; height:100%;}
.mail-list-item {padding: 15px 20px;position: relative; border-bottom:1px solid #b8c4e2; }
.mail-list-item:hover{background-color:#daeffd;}
.mail-list-item.active{background-color:#fef6dd;}
.mail-list-item .mail-date { color: #000; position: absolute; right: 10px; top: 15px;}
.mail-list-item .receiver { color: #777; width: calc(100% - 35px);overflow: hidden; text-overflow: ellipsis; white-space: nowrap;border-bottom: 1px solid #eee;padding: 0 0 5px; font-style:italic;}
.mail-list-item .receiver span{ color: #555; font-style:normal;}
.mail-list-item .title { color: #333; white-space: normal; max-height: 36px;overflow: hidden;text-overflow: ellipsis;margin: 5px 0 2px;min-height:25px;}
.mail-list-item .body { color: #777; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mail-body-actions { background-color: #fafafa; border-bottom: 1px solid #e7e7e7; height: 50px; position: fixed; width: 100%;}
.mail-body-actions ul {padding:12px 15px; list-style:none; margin:0;}
.mail-body-actions ul li {display: block; float: left;}
.mail-body-actions ul li a { padding: 0 15px;}
.mail-body-actions ul li.blue a {border-right: 1px solid #ccc; color: #2b88c6;}
.mail-body-actions ul li.red a { color: #f55753;}
.mail-body-box .mail-body {padding: 65px 20px 20px;}
.mail-body-box .mail-body .mail-body-date {color: #333;}
.mail-body-box .mail-body .mail-body-title {color: #3b4752;  padding: 15px 0;}
.mail-body-box .mail-body .mail-body-recipient {color: #444;height: 17px;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mail-body-box .mail-body .mail-body-recipient.active {height: auto;overflow: none;text-overflow: inherit;white-space: normal;}
.mail-body-box .mail-body .mail-body-recipient > span {color: #999; font-style: normal; margin-right: 7px;}
.mail-body-box .mail-body .mail-body-box {border-top: 1px solid #b8c4e2; color: #626262;}

.mail-form-box {position:relative;}
.mail-body-box .no-email {left: 50%; position: absolute; top: 15%; transform: translateX(-50%);}
.mail-form-box .form-group .form-row {border-bottom:1px solid rgba(0, 0, 0, 0.07);}
.mail-form-box .form-group .form-row.row-users .form-item-inner {border-top:1px solid rgba(0, 0, 0, 0.07); padding-left: 0px !important; margin-left: 5px; padding-right: 0px !important; margin-right: 5px;}
.mail-form-box .form-group .form-row.row-users .form-item {width:50%; float:left;}
.mail-form-box .form-group .form-row.row-users .form-item:last-child .form-item-inner{ padding-left: 10px !important;}

.mail-form-box .form-group .form-row.row-subject .form-item-inner {padding-left: 0px !important; margin-left: 5px; padding-right: 0px !important; margin-right: 5px;}
.mail-form-box .form-group .form-row.row-subject .form-item {width:100%; float:left;}
.mail-form-box .form-group .form-row.row-subject .form-item input{width:100% !important;}
/*.mail-form-box .form-group .form-row.row-subject .form-item:last-child .form-item-inner{border-left:1px solid rgba(0, 0, 0, 0.07);}*/
.mail-form-box .form-group .form-row.row-period .form-item {width:50%; float:left;}
.mail-form-box .form-group .form-row.row-period .form-item:last-child .form-item-inner{border-left:1px solid rgba(0, 0, 0, 0.07);}
.mail-form-box .form-group .form-row .form-item .form-item-inner {padding:7px 12px 4px; overflow:hidden; transition:background-color 0.2s ease 0s; position:relative;}
.mail-form-box .form-group .form-row .form-item.focused{background-color:#f0f0f0;}
.mail-form-box .form-group .form-row .form-item label {color: #626262; display: block; float: none;margin: 0 0 2px; text-transform: uppercase; width: auto; padding:0;}
.mail-form-box .form-group .form-row .form-item select {overflow-y: scroll;-moz-appearance: none; -webkit-appearance: none; appearance: none;   border: 0 none; box-sizing: border-box; height: 20px; margin: 0 0px; padding: 0; width: 100%; cursor:text;}
.mail-form-box .form-group .form-row .form-item select:focus {border: 0 none; outline:0 none;}
.mail-form-box .form-group .form-row .form-item-inner > input { border: 0 none; box-shadow: none;  height: 25px; margin: 0; padding: 0; width: 100%;}
.mail-form-box .form-group .form-row .form-item-inner > input:focus { border: 0 none; box-shadow: none; }
.mail-form-box .form-group .form-row .form-item-inner .bootstrap-tagsinput { border: medium none; box-shadow: none; display: block; margin: 0; padding: 0; max-height:90px; overflow: auto;}
.mail-form-box .form-group .form-row .form-item-inner .add-users { color: #626262; cursor: pointer; margin-top: 3px; position: absolute;}
.mail-form-box .form-group .form-row .form-item-inner .add-users:hover { color: #333;}
.mail-form-box .form-group {padding-top:48px;}
.mail-form-box .mail-body-wrapper .wysihtml5-toolbar {position:absolute;top: 0;background: #f0f0f0 none repeat scroll 0 0; border-top: 1px solid #e6e6e6; width:100%;}
.mail-form-box .wysihtml5-toolbar .btn.dropdown-toggle {padding-left: 10px; padding-right: 20px;}
.mail-form-box .wysihtml5-toolbar > li {margin: 0; padding: 0;}
.mail-form-box .wysihtml5-toolbar .btn {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-color: transparent #e6e6e6 transparent transparent; border-radius: 0 !important; border-width: 1px; box-shadow: none !important; color: #888;  font-size: 14px; font-weight: 600; height: 45px; line-height: 45px; padding: 0 20px;}
.mail-form-box .wysihtml5-toolbar .caret {margin-top: 21px;}
.mail-form-box .wysihtml5-toolbar .dropdown.open .dropdown-toggle {color: #888;}
.mail-form-box .mail-body-wrapper .wysihtml5-sandbox {border: 0 none !important; box-shadow: none !important; padding: 15px !important; width: 100% !important;}
.mail-form-box .buttons-group {border-top:1px solid rgba(0, 0, 0, 0.07); padding:25px 15px;}
.mail-form-box .buttons-group .btn {margin-right: 5px; min-width: 120px;background-color: #ffffff; background-image: none !important; border: 1px solid #dddddd; border-radius: 3px; box-shadow: none; color: #626262; cursor: pointer;  font-feature-settings: "kern"; font-size: 14px;  font-weight: normal; letter-spacing: 0.01em; line-height: 24px; margin-bottom: 0; padding-left: 17px; padding-right: 17px; position: relative; text-align: center; text-shadow: none;  transition: color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.2s linear 0s !important; vertical-align: middle;}
.mail-form-box .buttons-group .btn.btn-complete, .mail-form-box .buttons-group .btn.btn-complete:focus { background-color: #48b0f7; border-color: #48b0f7; color: #ffffff;}
.mail-form-box .buttons-group .btn.btn-complete:hover {background-color: #6dc0f9; border-color: #6dc0f9; color: #ffffff;}
.mail-form-box .buttons-group .btn.btn-white:hover {background-color: #f9f9f9; border-color: #ddd; color: #555;}
.mail-form-box .buttons-group .buttons {float: left;}
.mail-form-box .buttons-group .checkboxes {float: left; padding-left: 50px;}
.mail-form-box .buttons-group .checkboxes label {color: #626262;float: left; font-size: 13px; margin: 0 35px 0 0; width: auto !important;}
.mail-form-box .buttons-group .files {float: right;}
.mail-form-box .buttons-group .files .btn {min-width:55px;}
.mail-body-files .files-list-title{border-top: 1px solid #ddd;margin-top:50px;padding: 10px 3px 2px;}
.mail-body-files .files-list{list-style: outside none none; margin: 8px 0 0; padding: 0 3px;}
.mail-body-files .files-list li {padding: 3px 0; position: relative;}
.mail-body-files .files-list li a{color: #444; padding-left: 30px;}
.mail-body-files .files-list li a .fa{font-size: 25px; left: 0; position: absolute;}
.mail-body-files .files-list li a:hover{color:#2b88c6;}
.mail-form-box .existing-files {border-top: 1px solid #eee; padding: 15px;}
.mail-form-box .existing-files .title {color: #444;}
.mail-form-box .existing-files table {color: #626262; margin-top: 12px; width: 100%;}
.mail-form-box .existing-files table i {font-size: 14px; padding-left: 5px;}
.mail-form-box .existing-files table .att-actions {color:#e04545; cursor:pointer;}
.mail-form-box .existing-files table .att-actions:hover {color:#cc3030;}

.filesupload-group {display:none;}
.filesupload-group.form-group {border-top: 1px solid rgba(0, 0, 0, 0.07); padding: 15px 35px 15px 25px;}
.filesupload-group .progress {background-color: #f5f5f5; border-radius: 4px;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; height: 20px; margin-bottom: 20px; overflow: hidden;}
.filesupload-group .input-group {border-collapse: separate; display: table; position: relative; width:101%;}
.filesupload-group .input-group .form-control {display: table-cell;float: left; margin-bottom: 0; position: relative; width: 100%; z-index: 2; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555;font-size: 14px; height: 20px; line-height: 1.42857; padding: 6px 0 6px 12px;  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
.filesupload-group .input-group .form-control .file-caption-name {display: inline-block; max-height: 20px; overflow: hidden; padding-right: 10px; word-break: break-all;}
.filesupload-group .input-group .input-group-btn  {font-size: 0; position: relative; white-space: nowrap;vertical-align: middle;width: 1%;display: table-cell;z-index:10;}
.filesupload-group .input-group .input-group-btn .btn {line-height:24px;border-radius:0;background-color: #ffffff;box-shadow:none;background-image:none;text-shadow:none;border:1px solid #ccc; border-right:0;}
.filesupload-group .input-group .input-group-btn .btn:hover {background-color: #f9f9f9; border-color: #ddd; color: #555;}
.filesupload-group .input-group .input-group-btn .btn.btn-primary {background-color: #48b0f7; border-color: #48b0f7; color: #ffffff;border-radius:0 3px 3px 0;}
.filesupload-group .input-group .input-group-btn .btn.btn-primary:hover {background-color: #6dc0f9; border-color: #6dc0f9; color: #ffffff;}
.filesupload-group .file-footer-buttons .btn {font-size: 12px;line-height: 1.5;padding: 1px 5px;background-color: #ffffff;}
.filesupload-group .progress-bar {float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); transition: width .6s ease;}
.filesupload-group .progress-bar-success {background-color: #5cb85c;}
.filesupload-group .close.fileinput-remove {display:none;}
.text-info{color: #31708f;}
.text-danger {color: #a94442;}
.text-warning {color: #8a6d3b;}
.text-success {color: #3c763d; }
.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}

.custom-checkbox input[type=checkbox] {visibility: hidden;}
.custom-checkbox {width: 17px;margin: 0;    position: relative;display: inline-block; margin: 9px 5px -5px;}
.custom-checkbox span {cursor: pointer;position: absolute;width: 16px;height: 16px;top: 0;border-radius: 4px;background: #eee;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );border:1px solid #ccc;}
.custom-checkbox span:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);    opacity: 0;    content: '';position: absolute;    width: 8px;    height: 4px;background: transparent;top: 3px;left: 3px;    border: 3px solid #333;    border-top: none;border-right: none;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.custom-checkbox span:hover:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter: alpha(opacity=30);opacity: 0.5;}
.custom-checkbox input[type=checkbox]:checked + span:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";    filter: alpha(opacity=100);    opacity: 1;}


/*** messages */
.alert {margin:6px auto 20px auto;height:auto;padding:6px 12px;color:#000;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-khtml-border-radius:4px;white-space: pre-wrap;  /* CSS3 */   white-space: -moz-pre-wrap; /* Firefox */white-space: -pre-wrap; /* Opera <7 */   white-space: -o-pre-wrap;   /* Opera 7 */word-wrap: break-word;  /* IE */   }
.alert-success{ background-color:#dff0d8; border:1px solid #d6e9c6; color:#468847; }
.alert-error  { background-color:#f6e5e5; border:1px solid #eed3d7; color:#b94a48; }
.alert-warning{ background-color:#fcf8e3; border:1px solid #fbeed5; color:#c09853; }
.alert-info   { background-color:#dff0fa; border:1px solid #bce8f1; color:#3a87ad; }
.alert-validation{ background-color:#ffd9cc; border:1px solid #ffc6b3; color:#c84f39; }
.alert .close { float:right;font-size:20px;font-weight:bold;line-height:18px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.close:hover{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40); }
.alert button.close, .alert button.close:hover { padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none; min-width:18px; }

.left-side .sidebar-action {border-radius:3px; color: #fff; cursor: pointer; display: block; position: absolute; right: 10px; text-align: center; top: 10px; width: 26px; line-height:24px; font-size:24px; font-weight:bold;}
.left-side .sidebar-action:hover{border-radius:3px; background-color:rgba(255, 255, 255, 1); color:#ed7d31;}
.right-side .sidebar-action {border-radius:3px; color: #333; cursor: pointer; display: block; position: absolute; left: 10px; text-align: center; top: 10px; width: 26px; line-height:24px; font-size:24px; font-weight:bold;}
.right-side .sidebar-action:hover{border-radius:3px; background-color:#555; color:#fff;}
.left-side, .right-side {-webkit-transition: all 300ms ease 0s;-moz-transition: all 300ms ease 0s;-o-transition: transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99) 0s; -ms-transition: all 300ms ease 0s; transition:all 300ms ease 0s;}
.left-side.toggled {-webkit-transform: translate3d(-100%, 0px, 0px); -moz-transform: translate3d(-100%, 0px, 0px);   -o-transform: translate3d(-100%, 0px, 0px); -ms-transform: translate3d(-100%, 0px, 0px); transform: translate3d(-100%, 0px, 0px);}
.right-side.toggled {-webkit-transform: translate3d(100%, 0px, 0px); -moz-transform: translate3d(100%, 0px, 0px);   -o-transform: translate3d(100%, 0px, 0px); -ms-transform: translate3d(100%, 0px, 0px); transform: translate3d(100%, 0px, 0px);}
section .main-content, section .main-content.righttoggled article {-webkit-transition: all 300ms ease 0s;-moz-transition: all 300ms ease 0s;-o-transition: margin-left 300ms ease 0s; -ms-transition: all 300ms ease 0s; transition:all 300ms ease 0s;}
section .main-content.lefttoggled {margin-left:20px;}
section .main-content article.righttoggled {margin-right:20px !important;}
.show-sidebar {display:none;}
.show-sidebar.left {color: #ed7d31; cursor: pointer;font-size: 22px; font-weight: normal; left: 10px; line-height: 24px; position: absolute; text-align: center; top: 10px; width: 26px; opacity:0.9;}
.show-sidebar:hover {opacity:1;}
.show-sidebar.right {color: #333; cursor: pointer;font-size: 22px; font-weight: normal; right: 10px; line-height: 24px; position: absolute; text-align: center; top: 10px; width: 26px; opacity:0.9;}
.show-sidebar:hover {opacity:1;}

/* page panels
---------------------------------------------------------- */
.panel-content  {
	padding-top:20px;
	float:left;
	/*width: calc(100% - 300px);
    padding-right: 25px;*/
    width: 100%;
}
.panel-settings {
	display: none;
	background-color: transparent;
    border: none;
    color: #838cb3;
    font-size: 16px;
    line-height: 1.4;
    float: right;
    margin-top: 40px;
    padding: 0 40px 0 20px;
    width: 300px;
}
.panel-content #mform,
.panel-content form[name="frmEditFamily"]{
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.panel-content .row.divider  {
	border-top: 1px solid transparent;
	float: none;
	padding-bottom: 0;
	width: 100% !important;
}
.panel-content .row{
	margin: 0 0 20px;
	width: 31.3%;
	margin-right: 2%;
	float: left;
	clear: unset;
	-webkit-flex-wrap: wrap;
	 -moz-flex-wrap: wrap;
	 -ms-flex-wrap: wrap;
	 -o-flex-wrap: wrap;
	 flex-wrap: wrap;
}
.panel-content .row.block-heading div{
	color: #747a9c;
}
.panel-content .row label{
	width: 100%;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	color: #9eaaca;
	margin: 0 0 5px;
}
.panel-content .row input,
.panel-content .row select,
.panel-content .row textarea{
	width: 100%;
	margin-top: auto;
}
.panel-content .row .ui-combobox .ui-combobox-input{
	min-width: unset;
}
.panel-content .row hr{
	border-top-color: transparent;
	margin: 0;
}
.panel-content .row.full-combo .ui-combobox,
.panel-content .row.standart-combo .ui-combobox{
	width: 100% !important;
	margin-right: 0;
}
.panel-content form .buttons-wrapper{
	width: 100%;
}
.block-heading { width:100% !important;}
.panel-content .checkboxes {position:relative;}
.panel-content .checkboxes label{padding-left:25px;}
.panel-content .checkboxes input{position:absolute; left:0; top: 3px;}
.panel-content .buttons-wrapper{
	clear: both;
}
.panel-content form[action*="/insert"] .input-append.datetimepicker{
	padding-top: 40px;
}

/* tables
---------------------------------------------------------- */
.table-records{width:100%; border-spacing:0; }
.table-records tr th{background-color:#FFC000; padding:12px 8px; color:#fff;border:1px solid #fff;border-bottom:5px solid #fff;}
.table-records tr td{padding:12px 8px; border:1px solid #fff;line-height:18px;}
.table-records tbody tr{ background-color:#FFF4E7; }
.table-records tbody tr:nth-child(even){ background-color:#FFE8CB; }
.table-records tbody tr:hover { background-color:#fff; }
.pre-text{position:relative;}
.post-text{width:70px; height:15px;overflow:hidden;float:left;text-align:left;}
.pre-text:hover .post-text{z-index:2;position:absolute; right:0;top:-20px;padding:15px;display:block;width:300px; height:auto;overflow:visible;background-color:#fff;border:1px solid #ddd;}

.external{
	padding-top: 20px;
    float: left;
    /*width: calc(100% - 300px);
    padding-right: 25px;*/
    width: 100%;
}
.external .row{
	margin: 0 0 20px;
    width: 31.3%;
    margin-right: 2%;
    float: left;
    clear: unset;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.external .min-width-input{
	min-width: 150px;
}
.external .row.full{
	width: 100%;
	display: inline-block;
	clear: both;
    max-width: unset;
    margin: 0;
	padding-bottom: 1rem;
}
.external .row.full + .buttons-wrapper{
	padding-top: 20px;
}
.external .row.full label{width:94%;display:block;}
.external .tooltip-icon{ text-decoration:none;color:#999;}
.external .tooltip-icon:hover{color:#000;}
.external .external-form  .row {float:none !important;}

.external .tabs{margin:25px 0;}
.external .title.formview-tabs .tabs{margin-bottom: 0;}
.external .title.formview-tabs .tabs a{display: inline-block; margin-bottom: 25px;}
.external .tabs a span{background-color:#ECF0F1;padding: 9px 14px;margin: 0 8px 0 0;border-radius:35px;color:#ff7e66;}
.external .tabs a:hover span{background-color:#445c76;color:#fff;transition: background 0.3s ease-out 0s;}
.external .tabs a.active span{background-color:#445c76;color:#fff;}
.external .tabs a{color:#445c76;text-decoration:none;padding-right: 30px;}

.external .buttons-wrapper .prev,
.external .buttons-wrapper .next,
.external .buttons-wrapper .finish{margin-right:5px}

.external .buttons-wrapper {*zoom: 1;}
.external .buttons-wrapper:before,
.external .buttons-wrapper:after{display: table;line-height: 0;content: "";}
.external .buttons-wrapper:after{clear: both;}

.external .tabitem {*zoom: 1; display:block !important;}
.external .tabitem:before,
.external .tabitem:after{display: table;line-height: 0;content: "";}
.external .tabitem:after{clear: both;}
.external form select[multiple="multiple"] {height:auto; border-radius: 5px; padding:10px 15px; overflow: auto;}
.external form textarea {width: 90%;  padding: 10px 15px; height: auto;}
.external form input[type="file"] {padding: 5px 7px 0; background-color:#fff;}
form input[type="checkbox"], form input[type="radio"] {height:15px; width: 15px;}
.external form input[type="checkbox"], .external form input[type="radio"] {height:15px; width: 15px;}
.external .datetimepicker .add-on {background-color: #f9f9f9; border: 1px solid #a7c5e9; border-radius: 0 25px 25px 0; cursor: pointer; height: 20px; line-height: 20px; margin-left: -31px; padding: 4px 0 4px 7px !important; position: absolute; width: 22px;}
.bootstrap-datetimepicker-widget ul {list-style: none; margin:0; padding: 0;}
.bootstrap-datetimepicker-widget .picker-switch {cursor: pointer;}
.arrival .bootstrap-datetimepicker-widget, .departure .bootstrap-datetimepicker-widget {margin-left: -228px; margin-top: -43px;}
.arrival .bootstrap-datetimepicker-widget:after, .departure .bootstrap-datetimepicker-widget:after {left:auto; right: 12px}
.arrival .bootstrap-datetimepicker-widget:before, .departure .bootstrap-datetimepicker-widget:before {left:auto; right: 11px; top: -6px;}
/*style for forms container*/
#frmAddSchools_row_15{display: none;}
.external .row .mce-tinymce.mce-container{width: 100%; margin-top: 0;}
/**/

.itable {
	overflow-x: auto;
	background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 rgba(210, 214, 234, 0.4);
    padding: 5px 0 15px;
    margin-top: 0;
}
.itable table { width:100%; text-align:left; border:0px; border-spacing:0; border-collapse:collapse; }
.itable table thead th{
	color: #a1a8cb;
	padding: 25px 20px;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 600;
	border-top:0;
	border-left:0;
	border-right:0;
	vertical-align: top;
	box-sizing: border-box;
	position:relative;
	border-bottom: 1px solid #e2e8fb;
}
.itable table thead th a {
	text-decoration:none;
	color: #a1a8cb;
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 600;
}
.itable table thead th a:hover { text-decoration:none; }
.itable table thead th .sort-arrow { color:#a1a8cb; font-size:11px; line-height:11px; position: absolute; right: 7px; top: 11px;}
.itable table thead th .sort-arrow:hover { color:#ddd; transform:rotate(180deg); -ms-transform:rotate(180deg);  -webkit-transform:rotate(180deg);  -moz-transform:rotate(180deg); -o-transform:rotate(180deg); }
.itable table thead th.min-width500{min-width: 500px;}
.itable table thead th.min-width300{min-width: 300px;}
.itable table thead th.min-width200{min-width: 200px;}
#search-btn .fa.fa-search {line-height: 13px;}
article div.alert {padding:8px 35px 8px 14px; margin: 25px 0;}
article .mceLayout {margin-top:2px !important;}

.itable table tbody tr {color:#5a657e; font-size: 12px; font-weight: 500;}
.itable table tbody tr td{border: none; padding: 10px 20px; vertical-align: middle; background: #fdfeff;}
.itable table tbody tr:nth-child(2n+1) td{ background-color: #f6f8ff; }
.itable table tbody tr:hover td{ background-color: #e8ebf9;}
.itable table h1,
.itable table h2,
.itable table h3,
.itable table h4,
.itable table h5{ display:inline; }
.itable table tbody tr td img{ border:0px; }
.itable table tbody tr td input[type=checkbox]{ margin:0px; }
.itable table .actions{ text-align:center; width:90px; }
.itable table .actions a{text-transform: capitalize; white-space: nowrap;}
.itable table .actions img{ opacity:0.8; border:0px; margin-right:5px; }
.itable table .actions img:hover{ opacity:1;}
.itable table .picture img{ border:4px solid #dfdfdf; margin:7px; padding:0px; }
.itable table .picture a:hover img{ border-color:#BDBDBD; }
.itable table .left{ text-align:left; }
.itable table .right{ text-align:right; }
.itable table .center{ text-align:center; }
.itable table thead tr th.center:not(:first-child):not(:last-child){text-align: left;}
.itable table tbody tr td.left:first-child{text-align: center;}
.itable .noalt tbody tr td{ background-color:transparent !important; border-bottom:1px solid #dadbdd; }
.itable .noborder tbody tr td{ border:none; }
.itable table .action{ text-align:center;}
.itable table .action a{ text-transform:capitalize;}
.itable table .action img{ opacity:0.8; border:0px; margin-right:5px; }
.itable table .action img:hover{ opacity:1;}
.itable table .pictur img{ border:4px solid #dfdfdf; margin:7px; padding:0px; }
.itable table .pictur a:hover img{ border-color:#BDBDBD; }
.itable table .completed-row td{background-color: #b3cea7 !important;}
.itable table .need-data-td {background-color: #FF0000 !important;}
.itable table th[align="center"],
.itable table td[align="center"]{text-align: left;}
.itable table thead tr th[align="center"]:not(:first-child):not(:last-child){text-align: left;}
.itable table th[align="left"],
.itable table td[align="left"]{text-align: left;}
.itable table th[align="right"],
.itable table td[align="right"]{text-align: right;}
.results-part > span {
	color: #a1a8cb;
	font-size: 14px;
	font-weight: 500;
}
.itable table tbody tr.archive {background-color:#e0e0e0;}
.itable table tbody tr.archive td{background-color:#e0e0e0;}
.itable table tbody tr td:last-child{min-width: 200px;}
.itable table tbody tr td:last-child br{display: none;}
.itable table .title-link{
	padding: 15px;
    margin-left: -5px;
    margin-right: 5px;
    top: auto;
}
.itable table .title-link i{
    font-size: 14px;
}
.itable table tbody tr td:not(:last-child).action{white-space: nowrap;}
.itable table tbody tr td:last-child a:not(.action-button){
	padding: 15px;
    position: relative;
    display: inline-block;
    font-size: 0;
    color: transparent;
    margin-left: -5px;
    margin-right: 5px;
    border-radius: 10px;
    background: transparent;
}
.itable table tbody tr td:last-child a:not(.action-button):last-child{
	margin-right: 0;
}

.itable table tbody tr td:last-child a.icon-view span:before{
	content: "\f129";
    transform: translate(-50%, -50%) !important;
}
.itable table tbody tr td:last-child a.icon-pdf span:before,
.itable table tbody tr td:last-child a.icon-preview.report span:before{
	content: "\f1c1";
}
.itable table tbody tr td:last-child a.icon-approve span:before{
	content: "\f46c";
}
.itable table tbody tr td:last-child a.icon-archive span:before{
	content: "\f187";
}
.itable table tbody tr td:last-child a.icon-update span:before,
.itable table tbody tr td:last-child a.icon-edit span:before{
	content: "\f044";
}
.itable table tbody tr td:last-child a.icon-files span:before{
	content: "\f15b";
}
.itable table tbody tr td:last-child a.icon-drop span:before,
.itable table tbody tr td:last-child a.icon-delete span:before{
	content: "\f2ed";
}
.itable table tbody tr td:last-child a.icon-submit.report span:before{
	content: "\f00c";
}
.itable table tbody tr td:last-child a.icon-send.back.report span:before{
	content: "\f0e2";
}

.itable table tbody tr td:last-child a:not(.action-button) span:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    position: absolute;
    font-size: 14px;
    color: #9eaaca;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.itable table tbody tr td:last-child a:not(.action-button):hover,
.itable table .title-link:hover{
	background: #b3b6c6;
}
.itable table tbody tr td:last-child a:not(.action-button):hover:before,
.itable table .title-link:hover:before{
	content: "";
    position: absolute;
    right: 20px;
    left: auto;
    top: -7px;
    transform: translateY(-50%);
    border-right: 5px solid transparent;
    border-top: 5px solid rgba(55, 66, 118,0.85);
    border-left: 5px solid transparent;
    border-bottom: 0;
}
.itable table tbody tr td:last-child a:not(.action-button):hover:after,
.itable table .title-link:hover:after{
	content: attr(data-title);
    display: block;
    position: absolute;
    right: 10px;
    left: auto;
    top: -40px;
    opacity: 0.85;
    background-color: #374276;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 4px;
    white-space: nowrap;
    z-index: 1;
    transform: unset;
}
.itable table tbody tr td:last-child a:not(.action-button):hover span:before{
	color: #6c86fc;
}

.update-coordinator { display: inline-block; margin-left: 10px;}
.report-list .add-new {margin: 0 0 0 10px; font-weight: normal;}
.report-list {list-style: none;padding: 0;margin: 0;}
.report-list li {font-weight: bold; font-size: 13px; line-height: 50px; border-bottom: 1px solid #eee; padding: 5px 0;}
.reports-list {margin-top: 25px;}
.reports-list ul{padding:0; margin:0; list-style:none;}
.reports-list ul .header {border-top: 0 none; padding: 4px 0;}
.reports-list ul .header h3{margin-bottom:2px;}
.reports-list .year-reports-list li {padding: 0 20px;}
.reports-list span {border: 2px solid #203754; border-radius: 50%; color: #203754; display: inline-block; margin-right: 5px; padding: 3px 0; text-align: center; width: 23px;}
.reports-list a {
	color: #5b667f;
    display: block;
    padding: 10px 0;
    border-bottom: 2px dotted #b8c4e2;
}
.reports-list .year-reports-list li:last-child a{border-bottom: 0;}
.reports-list .year-item .title {
	background-color: #fff;
    border-radius: 10px;
    color: #747a9c;
    cursor: pointer;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
}
.reports-list .year-item .title i{
	display: inline-block;
	transition: transform .3s linear;
}
.reports-list .year-item.visible .title{
	border-radius: 10px 10px 0 0;
}
.reports-list .year-item.visible .title i{
	transform: rotate(-90deg);
}
.reports-list .year-item {
	margin-bottom: 10px;
	box-shadow: 0 5px 10px 0 rgba(210, 214, 234, 0.4);
}
.reports-list .year-item .year-reports-list {
	display:none;
	padding: 10px 0;
    border-top: 1px solid #b8c4e2;
    border-radius: 0 0 10px 10px;
    background: #fff;
}

.application-steps-list ul{padding:0; margin:0; list-style:none;}
.application-steps-list ul .header {
	border: none;
	padding: 0;
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
}
.application-steps-list ul .header:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background: #b8c4e2;
	top: 50%;
	left: 0;
	transform: translateY(-50%;);
}
.application-steps-list ul .header h3{
	margin: 0;
	color: #838cb3;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	position: relative;
	background: #f4f5f9;
	display: inline-block;
	padding-right: 15px;
}
.application-steps-list li {
	border-bottom: 2px dotted #b8c4e2;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 15px 0;
	position:relative;
}
.application-steps-list li.action-step {
	display: block;
	text-align: right;
}
.application-steps-list li.action-step h3 {
	float: left;
}
.application-steps-list li:last-child{
	border-bottom: none;
}
.application-steps-list {
	margin-top: 24px;
	color: #ccc;
}
.application-steps-list span {border: none; border-radius: 50%; color: #ccc; display: inline-block; margin-right: 5px; padding: 3px 0; text-align: center; width: 23px; display: none;}
.application-steps-list a { color: #777;}
.application-steps-list a:hover {color: #333;}
.application-steps-list li:last {border-bottom: 1px solid #d7d7d7;}
.application-steps-list .completed span {color: green;}
.application-steps-list .completed a{color: green;}
.application-steps-list .completed a:hover{cursor: pointer;}
.application-steps-list .filled span {color: orange;}
.application-steps-list .filled a {color: orange;}
.application-steps-list .filled a:hover {cursor: pointer;}
.application-steps-list .pending span { color: #777;}
.application-steps-list .pending a{color: #777;}
.application-steps-list .pending a:hover{cursor: pointer;}
.application-steps-list li .preview {
	margin-left: auto;
}
.application-steps-list li .preview input{padding: 0;}

/* FILTERING
---------------------------------------------------------- */
.filtering-wrapper { border-bottom:px solid #ddd; margin:20px auto 7px auto; padding:0; }
.filtering-wrapper select { padding:2px; width: 70px;}
.filtering-wrapper input[type="text"]{ padding:3px; margin-right:5px; }
.filtering-wrapper .buttons-wrapper{ min-width:170px; float:right; text-align:right; margin-top:0; }
.filtering-wrapper .buttons-wrapper input { padding:2px; }
.filtering-wrapper .buttons-wrapper input[type="submit"]{ width:70px; margin:0;float:right; }

/* pagination
---------------------------------------------------------- */
.pagination-wrapper{
	padding:3px 3px;
	margin: 0;
	line-height: 40px;
	display: inline-block;
    width: 100%;
}
.pagination-wrapper .results-part {
	display: inline-block;
	padding:0 0 0 20px;
	line-height: px;
	float: right;
}
.pagination-wrapper .links-part{ display: inline-block; float: left; margin-right: 35px;}
.required-fields-alert { display: inline-block; margin-bottom:10px; }
.pagination-wrapper a {
	border: none;
	border-radius: 5px !important;
	background: transparent;
	color: #a1a8cb;
	font-size: 14px;
	font-weight: 500;
	display: inline-block;
	height: 28px;
	width: 28px;
	line-height: 28px;
	margin: 2px;
	padding: 0;
	text-align: center;
	text-decoration: none;
}
.pagination-wrapper a:hover,
.pagination-wrapper a:active,
.pagination-wrapper .links-part .current{
	color:#fff;
	background-color: #6c86fc;
}
.pagination-wrapper .links-part .current{
	border: none;
	border-radius: 5px !important;
	font-size: 14px;
	font-weight: 500;
	display: inline-block;
	height: 28px;
	width: 28px;
	line-height: 28px;
	margin: 2px;
	padding: 0;
	text-align: center;
	text-decoration: none;
}
.pagination-wrapper .first-link,
.pagination-wrapper .last-link,
.pagination-wrapper .links-part .disabled{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: none;
	border-radius: 0 !important;
	display: inline-block;
	font-size: 0px;
	color: transparent;
	padding: 0;
	text-decoration: none;
	text-shadow: none;
	white-space: nowrap;
	width:auto;
}
.pagination-wrapper .first-link:before,
.pagination-wrapper .last-link:before,
.pagination-wrapper .links-part .disabled:after{
	font-family: 'Font Awesome 5 Free';
  	font-weight: 900;
  	color: #a1a8cb;
  	font-size: 14px;
  	display: inline-block;
  	width: 28px;
  	height: 28px;
  	line-height: 28px;
  	text-align: center;
}
.pagination-wrapper .links-part .disabled:after{
	color: rgba(158, 170, 202, .5);
}
.pagination-wrapper .last-link:before,
.pagination-wrapper .links-part .current + .disabled:after{
	content: "\f054";
}
.pagination-wrapper .first-link:before,
.pagination-wrapper .links-part .disabled:after{
	content: "\f053";
}
.pagination-wrapper .first-link:hover, .pagination-wrapper .last-link:hover { cursor: pointer; color: #a1a8cb; background-color: transparent;}
.pagination-wrapper form {display: inline-block; float: right;}
.pagination-wrapper form select {
	max-width: 100px;
	padding: 0 0px 0 5px;
	height: 28px;
	margin-top: -2px;
	margin-right: 2px;
	border: 1px solid  #d5d9ef;
	background: #fff;
	border-radius: 5px;
	cursor:pointer;
	color: #747a9c;
	font-size: 14px;
	font-weight: 500;
}
.pagination-wrapper .table-search-wrapper{
	/*display: inline-block;*/
	display: none;
	width: auto;
	height: auto;
	position: relative;
	background: #fafafc;
	width: 335px;
	border-radius: 36px;
}
.pagination-wrapper .table-search-wrapper i{
	font-size: 18px;
	display: inline-block;
	width: 50px;
	height: 40px;
	line-height: 40px;
	color: #a1a8cb;
	text-align: center;
}
.pagination-wrapper .table-search {
	display: block;
	height: 40px;
	line-height: 40px;
	border-radius: 0 36px 36px 0;
	width: 285px;
	border: none;
	background:transparent;
	color: #a1a8cb;
	font-size: 14px;
	padding: 0 20px 0 5px;
	margin: 0;
    display: inline-block;
}
.pagination-wrapper .table-search::-webkit-input-placeholder {
  color: #a1a8cb;
}
.pagination-wrapper .table-search::-moz-placeholder {
  color: #a1a8cb;
}
.pagination-wrapper .table-search:-ms-input-placeholder {
  color: #a1a8cb;
}
.pagination-wrapper .table-search:placeholder {
  color: #a1a8cb;
}
.add-new:hover{
	color:#fff;
	background-color: #6c86fc;
}
.add-new{
	border: 1px solid #6c86fc;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 48px;
	border-radius: 10px;
	box-sizing: border-box;
	color: #6c86fc;
	cursor: pointer !important;
	display: inline-block;
	float: right;
	padding: 0 20px;
	position: relative;
	text-align: center;
	text-shadow: none;
	vertical-align: middle;
	min-width: 135px;
}
.avatar-element {
	border-radius: 5px !Important;
    border: none !important;
    box-shadow: 0 0 1px #CCCCCC;
    margin-left: 10px;
    width: 88px;
    height: 88px;
}

select,
input[type="text"],
input[type="password"]{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #d8deee;
	border-radius: 5px;
	box-sizing: border-box;
	color: #5b667f;
	font-size: 14px;
	outline: medium none;
	overflow: hidden;
	padding: 0 15px;
	line-height: 36px;
	height: 40px;
}
textarea {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #b6bbe5; border-radius: 5px; padding: 10px 15px; color: #5a657e; font-size: 14px; outline: medium none; overflow: hidden;  }
select{
	padding-right: 10px !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
input.inputbox.date-time{
	padding-right: 30px;
}
input.inputbox.date-time + .add-on{
	margin-top: 5px;
    border: none;
    background: transparent;
}
input.inputbox.date-time + .add-on span,
input.inputbox.date-time + .add-on i{
	color: #c6cceb;
}
button {
	box-shadow: none;
	line-height: 25px;
	border: 1px solid #6c86fc;
	background: transparent;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 10px;
    box-sizing: border-box;
    color: #6c86fc;
    padding: 0 20px;
    text-align: center;
}
.students-seasons button{
	min-width: 120px;
	height: 40px;
	line-height: 38px;
}
input[type="submit"],
input[type="button"],
input[type="reset"]{
	display:inline-block;
	padding: 0 20px;
	font-size:13px;
	text-transform: uppercase;
	text-align:center;
	vertical-align:middle;
	color: #fff;
	background: #6c86fc;
	border:1px solid #6c86fc;
	cursor:pointer;
	min-width: 120px;
	height: 40px;
	line-height: 38px;
	border-radius: 10px;
	width: auto !important;
}
input[type="reset"],
input[value="Cancel"]{
	background: transparent;
	color: #6c86fc;
}
button.btn {font-size: 13px;}
button:hover, button:active{background-color: #6c86fc; color: #fff;}
button:focus{outline: none;}
input[type="button"]:hover,
input[type="button"]:active,
input[type="submit"]:hover,
input[type="submit"]:active{
	background-color:transparent;
	color: #6c86fc;
	text-decoration:none;
}
input[type="reset"]:hover,
input[type="reset"]:active,
input[value="Cancel"]:hover,
input[value="Cancel"]:active{
	color: #fff;
	background: #6c86fc;
}
button.loadMoreLogs{
	height: 40px;
	line-height: 38px;
	font-size: 13px;
	margin-top: 20px;
	background: #6c86fc;
	color: #fff;
}
button.loadMoreLogs:hover,
button.loadMoreLogs:active{
	background: transparent;
	color: #6c86fc;
}
.ui-combobox .ui-combobox-button {
	border-radius: 0 5px 5px 0;
	box-shadow: none;
	height: 40px !important;
	background-color: #6c86fc;
}
.ui-combobox .ui-combobox-button:hover { border:1px solid #729fee; background-color: #203754;}
.ui-combobox .ui-autocomplete {border-radius:2px;}
.ui-combobox .ui-combobox-input {
	border-left: 2px solid #d8deee;
	border-top: 2px solid #d8deee;
	border-bottom: 2px solid #d8deee;
	border-right: 0;
	height: 40px;
	line-height: 40px;
	padding:0 15px;
	box-shadow: none;
	border-radius: 5px 0 0 5px;
	width: calc(100% - 26px) !important;
	font-size: 14px;
    color: #5b667f;
}
.ui-combobox .ui-button-icon-only .ui-icon {margin-left: -10px;}
.ui-menu .ui-menu-item a{
	font-size: 14px;
	color: #5b667f;
}

.external form .fileinput {border-bottom: 1px solid #DDDDDD;padding: 0 0 10px;width: 60% !important;}
.external form .filelabel {margin:0;}
.external form .fileinput label { width:100%;}
form fieldset{
	border: 0 none !important;
    border-radius: 0 !important;
    padding: 0 0 20px !important;
    width: 100%;
    background: transparent !important;
}
form fieldset legend{ font-weight:bold; }
form label {width:170px;float:left; color: #a2adcc; margin-bottom: 2px; padding: 0 8px;}
form input, form select, form textarea{ width:300px;}
form label .required { color:#cc0000; font-weight:bold;font-size: 10px;}
form input.field-error  { border:1px solid #dc9a9a; }
form input.disabled  { border:0;background-color:#eee; }
form input[type=submit] { width: auto !important; display:inline; }
form input[type=button] { width: auto !important; display:inline; }
form input[type=reset]     { width: auto !important; display:inline; }
form input[type=checkbox] { width:20px; margin-left:0px;  }
form textarea.small{ height:32px; }
form textarea.middle{ height:50px; }
form textarea.big{ height:80px; }
form textarea.large{ height:280px; }
form .row{margin-bottom:10px; clear: both;}
form .buttons-wrapper { margin:0 0 20px; }
form .row h5 {margin-top:0px;}
form .row p {font-size: 13px;}
form .row h1 {
	margin: 25px 0 10px;
	padding: 0;
	color:#838cb3;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
}
form .row h1 span{
	display: inline-block;
	color:#838cb3;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	background: #f4f5f9;
	padding-right: 10px;
	position: relative;
	z-index: 1;
}
form .row h1:after{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background: #b8c4e2;
	z-index: -1;
	left: 0;
	top: 50%;
	transform: translateY(-50%;);
}
form .row h3 {
	margin: 0 0 25px;
	padding: 0 0 4px;
	font-weight: 600;
	font-size: 18px;
	color: #455dcb;
	text-transform: uppercase;
}

.students-seasons {position: absolute; right: 18%; top: -1px; padding-top: 0px; z-index:0;}
.student-search-box {float: left;}
form[name="student-search"] label,
form[name="reports-search"] label{
	font-size: 14px;
	margin: 0;
    vertical-align: middle;
    float: none;
    width: auto;
}
.students-seasons-box {float: left;margin-left: 18px;}
.students-seasons input[type="text"] {padding:0 15px; width:200px;}
.students-seasons select {padding:0 15px; font-size: 13px; width:220px;}
h1 input[type="text"], h1 select {font-size:13px; padding:0 15px;}
.search-bar{
	padding: 10px 0 20px;
}
article h1 + .search-bar{border-top: none;}
.hostfamily-seasons {padding:12px 0 0 !important;}
.hostfamily-seasons > form{
	display: inline-block;
	width: 100%;
	vertical-align: top;
}
.hostfamily-seasons input[type="text"] {padding:0 15px; min-width:200px;}
.hostfamily-seasons select {padding:0 5px; min-width:200px;}
/*.search-bar {display:none;}*/
.hostfamily-search-box {
	float:right;
	margin-left: 15px;
    margin-right: 0 !important;
	display: flex;
    align-items: center;
}
.hostfamily-search-box > span{
	color: #b5bdd6 !important;
	margin-right: 5px;
}
.hostfamily-search-box select, .hostfamily-search-box input[type="text"] {padding:5px; width:200px;}
.hostfamily-search-box input[type="submit"] {
	margin-left: 10px;
}
.hostfamily-seasons .hostfamily-search-box select {padding:0 5px;}
.hostfamily-seasons .hostfamily-search-box input[type="text"] {padding:0 15px;}
.search-bar > .students-seasons{position: static;}
.search-bar #reports-search{float: right; margin: 0;}

.map-info > ul {list-style:outside none none; padding:3px 3px 0; margin:0;}
.map-info > ul li{ color: #555; padding: 3px 0;}
.map-info > ul li span{ color: #333; display: inline-block; width: 60px;}

.action-button {
	border: 1px solid #6c86fc;
	border-radius: 10px;
	box-shadow: none;
	padding: 5px 15px;
	display: inline-block;
	margin:5px;
	background-color: #6c86fc;
	color: #fff;
}
.action-button:hover { background-color: transparent; color: #6c86fc; }
.dashboard-overview-tabs {margin:20px 0;}
.dashboard-overview-tabs .dtabs {margin:0; padding:0; list-style:none;border-bottom:1px solid #cccccc;}
.dashboard-overview-tabs .dtabs li {color: #565656; float: right; margin-left: 2px; padding: 7px 10px; cursor:pointer; border-radius:1px 1px 0 0;}
.dashboard-overview-tabs .dtabs li.active {color: #333; border-right: 1px solid #cccccc; border-top: 2px solid #6275e0;border-left: 1px solid #cccccc;background-color:#fff; margin-bottom:-1px; }
.dashboard-overview-tabs .ditems .dashboard-box { padding:20px 0; position:absolute; top:-8000px; }
.dashboard-overview-tabs .ditems .dashboard-box.active { position:relative; top:0;}
.dashboard-box .placed-map {margin:0 auto; border:1px solid #ccc;}
.dtitle {margin:0;}
.dtasks-info { padding: 3px 2px}

.dashboard-2part-box {box-shadow: 1px 1px 5px #aaa; float: left; width: 47%;}
.dashboard-2part-box:first-child {margin-right:5%;}
.dashboard-2part-box .box-inner {padding: 6px 12px; min-height:250px;}

.graph .legend div {width:auto;}
.dashboard-box .graph .legend table{width:auto;}
.dashboard-box .graph .legend table td {padding:0 3px; background-color:transparent; border:0; vertical-align:middle;}
/********
Calendar
********/
.calendar-box {position:relative; z-index:0; display: flex;}
.calendar-box .calendar-inner {width:70%; float:left; padding-top: 72px;}
.calendar-box .calendar-action-box {width:30%; float: right; padding-top: 72px; padding-bottom: 15px;}
.calendar-box .calendar-inner .calendar.fc{padding: 15px 20px;}
.calendar-box .calendar .fc-toolbar .fc-left {border-bottom: 1px solid #b6bbe5; float: none; left: 0; min-height: 72px; padding: 17px 0 0 20px; position: absolute; top: 0; width: 100%; z-index:1;}
.calendar-box .calendar .fc-toolbar .fc-left h2{display: inline-block; vertical-align: middle; margin: 0 15px;}
.calendar-box .calendar .fc-toolbar button, .calendar-box .calendar .fc-toolbar .fc-state-default {
	background-color: #fff;
	border: none;
	border-radius: 0;
	box-shadow: none;
	box-sizing: border-box;
	color: #729fee;
	cursor: pointer;
	font-weight: 600;
	font-size: 12px;
	height: auto;
	margin: 0;
	padding: 8px 0;
	text-transform: capitalize;
	white-space: nowrap;
	width: 95px;
	background-image:none;
}
.calendar-box .calendar .fc-toolbar .fc-button-group button:first-child{
	border-radius: 10px 0 0 10px;
}
.calendar-box .calendar .fc-toolbar .fc-button-group button:last-child{
	border-radius: 0 10px 10px 0;
}
.calendar-box .calendar .fc-toolbar button.fc-prev-button,
.calendar-box .calendar .fc-toolbar button.fc-next-button{
	color: #747a9c;
	background: transparent;
	border: none;
	width: auto;
	padding: 8px;
	position: relative;
	width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
}
.calendar-box .calendar .fc-toolbar button.fc-prev-button .fc-icon,
.calendar-box .calendar .fc-toolbar button.fc-next-button .fc-icon{
	display: none;
}
.calendar-box .calendar .fc-toolbar button.fc-prev-button:before{
	content: "\f053";
}
.calendar-box .calendar .fc-toolbar button.fc-next-button:before{
	content: "\f054";
}
.calendar-box .calendar .fc-toolbar button.fc-prev-button:before,
.calendar-box .calendar .fc-toolbar button.fc-next-button:before{
	font-family: 'Font Awesome 5 Free';
  	font-weight: 900;
  	font-size: 20px;
  	color: #747a9c;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
}
.calendar-box .calendar .fc-toolbar .fc-button-group button.fc-button-active{
	background: #729fee;
	color: #fff;
}
.calendar-box .calendar .fc-toolbar .fc-button.fc-state-default.fc-state-active {
	background: #729fee;
	color: #fff;
}
.calendar-box .calendar .fc-toolbar button:hover, .calendar-box .calendar .fc-toolbar .fc-state-default:hover {color: #ff7e66;}
.calendar-box .fc-view-container {
	background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 rgba(210, 214, 234, 0.4);
    padding: 20px 30px;
}
.calendar-box .fc-head .fc-widget-header {border:0 !important;}
.calendar-box .fc-body .fc-widget-content {border:0 !important;}
.calendar-box .fc-widget-header table thead th {  padding: 5px 0 10px; font-size:14px; text-transform:capitalize; color:#747a9c;}
.calendar-box .fc-widget-header table thead th.fc-day-header.fc-sat, .calendar-box .fc-widget-header table thead th.fc-day-header.fc-sun {color:#fea597;}
.calendar-box .fc-basic-view .fc-body .fc-row {margin-bottom:-5px;}
.calendar-box .fc-content-skeleton .fc-day-number {font-weight: normal; font-size: 12px; color:#5a657e; padding:5px 7px; cursor:pointer;}
.calendar-box .fc-content-skeleton .fc-day-number.fc-other-month{
	color: rgba(90, 101, 126,0.5);
}
.calendar-box .fc-widget-skeleton .fc-nonbusiness.fc-bgevent {background:#ffedeb none repeat scroll 0 0;}
.calendar-box .fc-body .fc-bg table {border-spacing:5px; border-collapse:separate;}
.calendar-box .fc-body .fc-bg table .fc-day.fc-widget-content {border:1px solid #d2e4f8 !important; background-color:#e2ecf8; cursor:pointer;}
.calendar-box .fc-day-grid-event .fc-content {cursor:pointer;}
.calendar-box .fc-row .fc-content-skeleton tbody td, .calendar-box .fc-row .fc-helper-skeleton tbody td {cursor:pointer;}
.calendar-box .fc-row .fc-highlight-skeleton td, .calendar-box .fc-row .fc-bgevent-skeleton td {cursor:pointer;}
.calendar-box .fc-body .fc-bg table .fc-day.fc-widget-content.fc-sun, .calendar-box .fc-body .fc-bg table .fc-day.fc-widget-content.fc-sat {border:1px solid #f3dbd7 !important; background-color:#ffedeb;}
.calendar-box .fc-content-skeleton table {border-collapse: separate; border-spacing: 4px;}
.calendar-box .fc-bgevent-skeleton table {border-collapse: separate; border-spacing: 4px;}
.calendar-box .fc-bgevent-skeleton .fc-nonbusiness.fc-bgevent {background:transparent none repeat scroll 0 0;}
.calendar-box .fc-body .fc-bg table .fc-day.fc-widget-content.fc-today.fc-state-highlight {background-color:#c0d6ee; border:1px solid #a8c6e8 !important;}
.calendar-box .fc-day-grid-event {border-radius: 0; margin: 0 0 1px; padding: 7px;}
.calendar-box .fc-toolbar .fc-state-active, .calendar-box .fc-toolbar .ui-state-active {z-index: 1;}
.calendar-box .fc-event {border-radius:0; padding:5px; margin-bottom:1px; font-size: .75em;}
.calendar-box .fc-event .fc-title{color: #fff;}
.calendar-box .fc-agendaDay-view .fc-event {margin-left:20px;}
.calendar-box .fc-agendaDay-view .fc-h-event.fc-event {margin: 0 0 1px -1px;}
.calendar-box .fc-agendaWeek-view .fc-h-event.fc-event {margin: 0 0 1px -1px;}
.calendar-box .fc-unthemed .fc-divider {background:#445e77 none repeat scroll 0 0; border:0 none; margin-bottom:5px;}
.calendar-box .fc-popover.fc-more-popover {border:1px solid #ccc;}
.calendar-box .fc-unthemed .fc-popover .fc-header { background: #dde6ef none repeat scroll 0 0; border: 0 none; font-size: 11px; margin-bottom: 0; padding: 5px; color:#30465d;}
.calendar-box .fc .fc-axis {font-weight:600; font-size: 10px; text-transform:uppercase; border-top:0; border-bottom:0;}
.calendar-box .fc .fc-axis{width: 55px !important;}
.calendar-box .fc-more-cell .fc-more {color:#30465d;}

.calendar-action-inner {
	position: relative;
	z-index: 0;
	overflow-y:auto;
	background: #fff;
    border: none;
    border-radius: 0 0 0 10px;
    box-shadow: 0 5px 10px 0 rgba(210, 214, 234, 0.4);
    padding: 20px 30px;
    min-height: 100%;
}
.calendar-action-inner .title {
	border-bottom: 1px solid #b8c4e2;
	color: #747a9c;
	font-weight: 500;
	font-size: 12px;
	line-height: 22px;
	padding: 0 5px 5px;
	text-transform: uppercase;
	margin-bottom:15px;
}
.calendar-inner button.export-link,
.calendar-inner button.create-event {
	border: 1px solid #6c86fc;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 48px;
    border-radius: 10px;
    color: #6c86fc;
    display: inline-block;
    padding: 0 20px;
    position: relative;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    min-width: 135px;
	position: absolute;
	top: 10px;
	z-index: 2;
}
.calendar-inner button.create-event{
	right: 15px;
}
.calendar-inner button.export-link{
	right: 215px;
}
.calendar-inner button.export-link:hover,
.calendar-inner button.create-event:hover{
	background-color: #6c86fc;
	color: #fff;
}
.calendar-action-inner .loader {color: #a2adcc; text-align:center; font-size: 2.5em; padding: 10% 0;}
.ms-parent .ms-drop input[type="checkbox"] {display:inline-block; margin-right:3px;}
.ms-drop ul > li label {font-size:12px;}
.ms-parent .ms-choice {border: 1px solid #a7c5e9; border-radius: 25px;  box-shadow: none;  font-size: 13px; line-height: 30px; height: 30px; padding: 0 15px; }
.ms-parent .ms-choice:hover {box-shadow:none; background-color:#fff;}
.event-form-box .form-item-inner input[type="text"] { box-shadow: none; padding: 0 15px; width: 100%;}
.event-form-box .form-item-inner .classyedit { border: 2px solid #d8deee; border-radius: 5px; box-shadow: none; margin-bottom: 0;}
.event-form-box .form-item-inner input.date-time {width: 100%; box-sizing: border-box; padding-right: 30px;}
.event-form-box .buttons-group {border-top: 1px solid #b8c4e2; margin-top: 20px; padding: 12px 5px;}
.event-form-box .form-item-inner .ms-search input[type="text"] {border-radius: 3px; height: 27px; line-height: 27px; padding: 0 7px;}
.bootstrap-datetimepicker-widget .picker-switch {cursor:pointer;border: 0 none; border-radius: 5px; box-shadow: none;}
.bootstrap-datetimepicker-widget .picker-switch a {cursor:pointer;border: 0 none; border-radius: 5px; box-shadow: none;}
.bootstrap-datetimepicker-widget .btn.btn-primary {font-size:12px;}
.bootstrap-datetimepicker-widget .dropdown-menu a {padding:1px 15px 5px;}
.event-form-box .form-item{width: 100%; margin-bottom: 5px;}
.event-form-box .form-item-inner label {color: #a2adcc; font-weight: 500; font-size: 14px; margin-bottom: 2px; padding: 0 8px; width:90%;}
.event-form-box .form-item-inner label .required {color: #cc0000; margin-left: 2px;}
.event-form-box .classyedit .editor {font-size: 13px; padding: 8px;}
.event-form-box .ms-choice > span {padding-left:17px;}
.calendar-action-inner .alert {padding:6px 14px 8px;}
.event-form-box .buttons .btn{
	height: 40px;
    line-height: 38px;
    font-size: 13px;
    border-color: #6c86fc;
    padding: 0;
    min-width: 120px;
}
.event-form-box .buttons .btn.btn-warning{
	background: transparent;
    color: #6c86fc;
}
.event-form-box .buttons .btn.btn-success{
	background: #6c86fc;
    color: #fff;
}

.calendar-action-inner .events-list {list-style: none; margin: 0; padding: 0;}
.calendar-action-inner .events-list li {border-radius: 3px; margin-bottom: 3px; padding: 5px 25px 5px 15px; position:relative;}
.calendar-action-inner .events-list li .event-img {float: left; font-size: 25px; font-weight: normal; padding: 4% 0; text-align: center; width: 28px;}
.calendar-action-inner .events-list li .event-body { margin-left: 42px; }
.calendar-action-inner .events-list li .event-body .event-title { color: #444; font-weight: 400; font-size: 16px; }
.calendar-action-inner .events-list li .event-body .event-time { color: #365574; font-size: 11px; padding:1px;}
.calendar-action-inner .event-description {color:#999;font-size:12px; line-height: 17px; max-height:35px; overflow:hidden; text-overflow:ellipsis; padding:2px 0;}
.calendar-action-inner .event-description.open {max-height:none; overflow:none; text-overflow:inherit;}
.calendar-action-inner .event-description .fa {  position: absolute;bottom: 10px; cursor: pointer; right: 7px; color:#626262; font-size:11px;}
.calendar-action-inner .event-description .fa:hover {color:#555;}
.calendar-action-inner .event-description .fa-chevron-up {display:none;}
.calendar-action-inner .event-description .fa-chevron-down {display:inline-block;}
.calendar-action-inner .event-description.open .fa-chevron-down {display:none;}
.calendar-action-inner .event-description.open .fa-chevron-up {display:inline-block;}
.calendar-action-inner .events-list li .event-actions {position: absolute; right: 7px; top: 8px;}
.calendar-action-inner .events-list li .event-actions .fa {color: #777; font-size: 11px; cursor: pointer; display: block; margin-bottom: 5px;}
.calendar-action-inner .events-list li .event-actions .fa:hover {color:#444;}

.onoff-switch .cmn-toggle {position: absolute;margin-left: -9999px;visibility: hidden;}
.onoff-switch .cmn-toggle + span {display: block;position: relative;cursor: pointer;outline: none;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.onoff-switch input.cmn-toggle-round + span { padding: 2px; width: 40px !important; height: 20px; background-color: #dddddd;-webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px;}
.onoff-switch input.cmn-toggle-round + span:before, .onoff-switch input.cmn-toggle-round + span:after { display: block; position: absolute; top: 1px; left: 1px; bottom: 1px; content: "";}
.onoff-switch input.cmn-toggle-round + span:before { right: 1px; background-color: #f1f1f1; -webkit-border-radius: 60px;-moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s;}
.onoff-switch input.cmn-toggle-round + span:after { width: 22px; background-color: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -webkit-transition: margin 0.4s; -moz-transition: margin 0.4s; -o-transition: margin 0.4s; transition: margin 0.4s;}
.onoff-switch input.cmn-toggle-round:checked + span:before { background-color: #8ce196;}
.onoff-switch input.cmn-toggle-round:checked + span:after { margin-left: 20px; }

.calendar-action-inner .events-list li .event-files { border-top: 1px solid #bbb; margin-top: 5px; padding: 3px 1px 5px;}
.calendar-action-inner .events-list li .event-files ul { list-style: outside none none; margin: 0; padding: 0; }
.calendar-action-inner .events-list li .event-files ul li{ margin: 0; padding: 3px 2px; }
.calendar-action-inner .events-list li .event-files ul li a { font-size: 12px; padding-left: 15px; position: relative; }
.calendar-action-inner .events-list li .event-files ul li a:hover { text-decoration:none; }
.calendar-action-inner .events-list li .event-files ul li a span { left: 0; position: absolute;font-size: 15px;  margin-right: 3px; }

.event-form-box .onoff-switch {margin: 20px 0 8px;}
.event-form-box .form-item-inner .notification-period input[type="text"] {width:70px;}
.event-form-box .form-item-inner .notification-period select {background-position: 80px top; width: 100px;}
.notification-period {margin-left: 50%; margin-top: -20px; position: absolute; width: 180px;}
/**/
.calendar .fc-toolbar{
	margin: 10px 0 20px;
	justify-content: flex-end;
}
.calendar.fc-unthemed .fc-content, .calendar.fc-unthemed .fc-divider,
.calendar.fc-unthemed .fc-list-heading td, .calendar.fc-unthemed .fc-list-view,
.calendar.fc-unthemed .fc-popover, .calendar.fc-unthemed .fc-row, .calendar.fc-unthemed tbody,
.calendar.fc-unthemed td, .calendar.fc-unthemed th, .calendar.fc-unthemed thead{
	border-color: #c6cceb;
}
.calendar.fc-unthemed .fc-widget-header{
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
}
.calendar.fc-unthemed .fc-widget-header.fc-day-header:not(:last-child){
	border-right: 1px solid #c6cceb;
}
.calendar.fc-unthemed .fc-widget-content{
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
}
.calendar.fc-unthemed .fc-day.fc-widget-content{
	border-right: 1px solid #c6cceb;
}
.calendar.fc-unthemed td.fc-today {
    background: rgba(108, 134, 252, .1);
}
.calendar-box .fc .fc-axis{
	box-sizing: border-box;
	border-right: 1px solid #c6cceb;
}
.fc-scroller{
	overflow: hidden;
	overflow-y: auto;
}
/* Calendar Wrapper */
.ui-datepicker {
    display: none;
    padding: 20px;
    cursor: default;
    text-transform: uppercase;
    font-family: 'SfText';
    font-size: 12px;
    background: #fff;
    border-radius: 6px;
    border: 2px solid #d8deee;
    box-shadow: 0 0 5px #F1F1F1 !important;
    color: #5b667f;
}
/* Calendar Header */
.ui-datepicker-header {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #d8deee;
}
.ui-datepicker-title { text-align: center; }
.ui-datepicker-title select + select{
	margin-left: 15px;
}
/* Month */
.ui-datepicker-month {
    position: relative;
    padding-right: 15px;
    color: #5b667f;
}
.ui-datepicker-month:before {
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    width: 5px;
    height: 5px;
    content: '';
    background-color: #999999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
/* Year */
.ui-datepicker-year {
    padding-left: 8px;
}
/* Prev Next Month */
.ui-datepicker-prev,
.ui-datepicker-next {
    position: absolute;
    top:5px;
    padding: 5px;
    cursor: pointer;
}
.ui-datepicker-prev {
    left: -5px;
    padding-left: 0;
}
.ui-datepicker-next {
    right: -5px;
    padding-right: 0;
}
.ui-datepicker-prev span,
.ui-datepicker-next span{
    display: block;
    width: 5px;
    height: 10px;
    text-indent: -9999px;
    background-image: url(../images/arrowscal.png);
}
.ui-datepicker-prev span { background-position: 0px 0px; }
.ui-datepicker-next span { background-position: -5px 0px; }
.ui-datepicker-prev-hover span { background-position: 0px -10px; }
.ui-datepicker-next-hover span { background-position: -5px -10px; }
/* Calendar "Days" */
.ui-datepicker-calendar th {
    padding-top: 5px;
    padding-bottom: 0px;
    text-align: center;
    font-weight: normal;
    color: #9eaaca;
}
.ui-datepicker-calendar td {
    padding: 0px;

    text-align: center;
}
.ui-datepicker-title select{
	font-size: 12px;
	padding-top:2px;
	padding-bottom:2px;
	height: 28px;
}
.ui-datepicker-calendar .ui-state-default {
    display: block;
    width: 28px;
    outline: none;
    text-decoration: none;
    color: #747a9c;
    border: 1px solid transparent;
}
.ui-datepicker-calendar .ui-state-hover{
	background: #eee;
}
/* Day Active State*/
.ui-datepicker-calendar .ui-state-active {
    color: #747a9c;
    border-color: #747a9c;
}
/* Other Months Days*/
.ui-datepicker-other-month .ui-state-default { color: #565656; }


/* placeholders
---------------------------------------------------------- */
:-moz-placeholder{color:#b8c4e2;}
:-ms-input-placeholder{color:#b8c4e2;}
::-webkit-input-placeholder{color:#b8c4e2;}

.dashboard-table-title { color: #30465d; margin: 25px 0 8px; padding: 0 0 4px 3px; text-shadow: 1px 1px 1px #cccccc;}
.event-description { font-size: 12px; }
.link-more {padding: 2px 0 0 10px; text-align: left;}
.link-more a {color: #203754; font-size: 12px;}
.dashboard-box-item table p {margin:0;}
.center {text-align:center;}
.agreement-text, .agreement-text ul {text-align:justify; line-height:18px;}
.itable .placed td {background-color:rgba(135, 203, 22, 0.2) !important;}
article .itable table tbody tr.archive {background-color:rgba(224, 224, 224, 0.2) !important;}
article .itable table .need-data-td {background-color:rgba(251, 64, 75, 0.2) !important;}

.notifications-settings {background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 2px; padding: 25px; margin-top: 25px;}
.notifications-settings .not-list {padding:0; margin:0 0 25px; list-style:none;}
.notifications-settings .not-list li { background-color: #ffffff; border: 1px solid #ddd; border-left: 3px solid #ccc; border-radius: 2px; padding: 5px 12px; margin-bottom:8px; position:relative; opacity:0.7;}
.notifications-settings .not-category-name {color: #444; padding: 0 4px 7px; text-shadow: 1px 1px 2px #ccc;}
.notifications-settings .not-list li.active { border-left:3px solid #69b076; opacity:1;}
.notifications-settings .not-list li .not-box { position:relative;}
.notifications-settings .not-list li .desc-box { float:left; width:70%;}
.notifications-settings .not-list li .name {color: #555; padding: 3px 0;}
.notifications-settings .not-list li .desc {font-size: 12px; padding: 0 0 7px;}
.notifications-settings .not-list li .actions-box {float:right; width:30%;}
.notifications-settings .not-list li .actions {position: absolute; right: 0px; top: 50%; margin-top:-15px;}
.notifications-settings .not-list li .actions span{ height: 23px;line-height: 23px; padding: 0; width: 45px; text-transform:uppercase;}
.notifications-settings .not-list li .actions span.btn {background-color:#fafafa; background-image: linear-gradient(to bottom, #fefefe, #f2f2f2); background-repeat:repeat-x; border:1px solid #d5d5d5; box-shadow:0 1px 1px rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color:#555;display:inline-block;font-size:11px;font-weight:bold;margin:2px 0;text-align:center; border-radius:3px; cursor:pointer;}
.notifications-settings .not-list li .actions span.btn.btn-success {background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #69b076, #4ca15b) repeat scroll 0 0;border-color:#4ca15b;color:#fff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
.notifications-settings .not-list li .actions span.btn.btn-warning {background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #e49a4d, #c9823c) repeat scroll 0 0;border-color:#c9823c;color:#fff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
.notifications-settings .not-list li .not-form-box { display:none; min-height:100px; border-top:1px solid #e7e7e7; position:relative;margin-top:4px;}
.notifications-settings .not-list li .not-form-box i.fa-spin{ font-size: 25px; left: 50%; margin-left: -10px; margin-top: -10px; position: absolute;top: 50%;}
.notifications-settings .not-list li .not-form-box i.fa-check{ font-size: 18px; margin-top: 38px; position: relative; left:0; top:0;}
.notifications-settings .not-list li .not-form-box i.fa-check{ font-size: 18px; margin-top: 38px; position: relative; left:0; top:0;}
.notifications-settings .not-list li .not-form-box i.fa-check.green { color:#69b076; }
.notifications-settings .not-list li .not-form-box.center{ text-align:center;}
.notifications-settings .not-list li .not-form-box .not-form-items-f{border-right: 1px solid #eee; float: left; margin-top: 14px; padding: 0; width: 55%;}
.notifications-settings .not-list li .not-form-box .not-form-items-d{float: left; padding: 10px 0 0; width: 43%; margin-top:5px;}
.notifications-settings .not-list li .not-form-box .not-form-items-f .not-form-item {width: 90%;padding-bottom:12px;}
.notifications-settings .not-list li .not-form-box .not-form-items-f .not-form-item input, .notifications-settings li .not-form-box .not-form-items-f .not-form-item select, .notifications-settings .not-list li .not-form-box .not-form-items-f .not-form-item textarea{width: 100%; padding:7px;}
.notifications-settings .not-list li .not-form-box .not-form-items-f .not-form-item label {font-size:12px; padding:0 0 3px 2px;}
.notifications-settings .not-list li .not-form-box .not-form-items-f .not-form-item .classyedit {min-height:150px; font-size-12px; margin:0;}
.notifications-settings .not-list li .not-form-box .not-form-items-f .not-form-item button {font-size: 13px; padding: 0; width: 90px;}
.notifications-settings .not-list li .not-form-description {padding-left: 15px;}
.notifications-settings .not-list li .not-form-description h3 {    font-size: 15px; margin-bottom: 2px; margin-top: 10px;}
.notifications-settings .not-list li .not-form-description span {display: block;font-size-13px; padding: 2px 0;}
.notifications-settings .not-list li .not-form-description .divider {border-top: 1px solid #ddd; margin: 7px 0 5px;}
.notifications-settings .converge-users-tabs {background-color: transparent;}
.support-form-description span {display: block; padding: 4px 0 6px;}
.support-form-description span strong {display: inline-block; width: 170px;}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}
.event-form-box .form-item-inner select {
	padding: 0 15px;
	width: 100%;
	cursor:pointer;
}
article h1 {
	background-color: transparent;
	font-size: 24px;
	margin: 0;
	padding: 0;
	position:relative;
	color: #747a9c;
	display: block;
    width: 100%;
    line-height: 50px;
    margin-bottom: 20px;
}
article h1 span{
	white-space: nowrap;
}
article h1 a{
	color: #747a9c;
}
article h1 a:hover{
	color: rgba(116, 122, 156,.7);
}
article h1 .search-bar{
	float: right;
	padding: 0;
}
article h1 .hostfamily-seasons{
	padding: 0 !important;
}
.main-dropdown-wrapper{
	display: inline-block;
	float: right;
	margin-top: 15px;
}
.dropdown button.dropdown-toggle.main-actions-toggler{
	display: block;
	text-align: center;
	font-size: 24px;
}
.dropdown .main-dropdown .dropdown-item{
	margin: 0 !important;
}
article form h1 { background-color: transparent; border:0; font-size: 17px; line-height: 18px; padding: 0; margin: 0 0 20px; text-shadow: 1px 1px 1px #cccccc;}
article.dashboard{
	padding: 0;
	width: 100%;
}
article.dashboard .content{
	padding: 15px 30px 30px;
}
article.dashboard .content .heading{
	margin: 0;
	padding: 0;
}
aside.dashboard-right-side{
	width: 385px;
	height: 100%;
	position: fixed;
	right: -385px;
	top: 0;
	background-color: #fff;
	box-shadow: 0 5px 10px 0 rgba(210, 214, 234, 0.4);
	margin-top: 90px;
	transition: right 0.3s linear;
	z-index: 2;
}
aside.dashboard-right-side.open{
	right: 0;
}
aside.dashboard-right-side .right-menu-toggle{
	position: absolute;
	left: -50px;
	top: 25px;
	width: 50px;
	height: 40px;
	border-radius: 10px 0 0 10px;
	box-shadow: -5px 5px 10px 0 rgba(210, 214, 234, 0.4);
	background-color: #ffffff;
	display: inline-block;
	text-align: center;
	font-size: 18px;
	color: #838cb3;
}
aside.dashboard-right-side .right-menu-toggle i{
	line-height: 40px;
	display: inline-block;
	transition: transform 0.3s linear;
}
aside.dashboard-right-side.open .right-menu-toggle i{
	transform: scaleX(-1);
}
aside.dashboard-right-side .right-menu-toggle:hover{
	cursor: pointer;
}
aside.dashboard-right-side .content{
	height: 100%;
	max-height: calc(100vh - 90px);
	overflow: hidden;
	overflow-y: auto;
}
article.dashboard .dashboard-right-side .content { padding: 20px; position: relative; z-index: 1;}
.dashboard-right-side .content .title {
	border-bottom: 1px solid #b8c4e2;
    color: #747a9c;
	font-weight: 500;
	font-size: 12px;
	line-height:22px;
	padding: 0 5px 5px;
	text-transform: uppercase;
	margin-bottom:15px;
}
.dashboard-right-side .content .loader {color:#445c76; text-align:center; font-size: 2.5em; padding: 10% 0;}
.dashboard-countups {
	float: left;
	width: 40%;
	padding-top: 45px;
	min-width: 420px;
}
.dashboard-countups ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}
.dashboard-countups .chart{
	flex: 1 1 45%;
	margin: 0 0 20px;
	position: relative;
	text-align: center;
	vertical-align: top;
	width: 45% !important;
	display: flex;
	align-items: center;
	justify-content: flex-start;
    padding: 0 30px;
}
.dashboard-countups .chart .chart-title {
	font-size: 12px;
	font-weight: 500;
	color: #7e85ad;
	text-align: left;
	margin: 0;
}
.dashboard-countups .chart span {
	display: block;
	font-size: 36px;
	font-weight: bold;
	color: #455dcb;
	margin-right: 5px;
}
.dashboard-countups .chart canvas {
	display: none;
}
.dashboard-stats {
	padding: 30px 30px 10px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 5px 10px 0 rgba(210, 214, 234, 0.4);
	display: inline-block;
	width: 100%;
}
.dashboard-stats .chart-title{
	color: #7e85ad;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: -5px;
	position: relative;
	z-index: 1;
	text-transform: uppercase;
}
.dashboard-stats .graph-line-box {
	float: left;
	position: relative;
	width: 60%;
	max-width: calc(100% - 420px);
}
.dashboard-stats .graph-line-box #graph{
	max-width: 100%;
    overflow: hidden;
    overflow-x: auto;
}
.dashboard-stats .graph-combo-box { float: left; position: relative; width: 35%; }
.dashboard-stats .avg-chart {font-size: 14px; margin: 55px 0 -30px; position: relative; text-align: right; z-index: 1;}
.dashboard-stats .avg-chart > span {margin-left: 10px;}
.dashboard-stats .avg-chart label { margin-left: 5px; margin-left: 10px;}
.dashboard-stats .avg-chart i { font-size: 16px; }
.dashboard-stats .avg-chart label i { font-size: 17px; }
.dashboard-calendar .fc-row.fc-rigid {height: 29px !important;}
.dashboard-calendar .fc-toolbar {margin-bottom: 0;}
.dashboard-calendar .fc-toolbar h2 {color: #7e85ad; font-size: 14px;}
.dashboard-calendar .fc-toolbar .fc-button {background-color: transparent; background-image: none; border: 0 none;  box-shadow: none; color: #7e85ad; height: 16px;}
.dashboard-calendar .fc-toolbar .fc-button:hover {color:#253951;}
.dashboard-calendar .fc-toolbar .fc-button:focus{outline: none;}
.dashboard-calendar .fc th, .dashboard-calendar .fc td {border: 0 none; color: #747a9c; font-size: 12px; height: 18px !important; margin: 0; padding: 0; text-align: center !important; vertical-align: middle;}
.dashboard-calendar .fc td {cursor:pointer;}
.dashboard-calendar .fc-scroller {overflow: initial !important;}
.dashboard-calendar .fc-event-container {height:3px !important;}
.dashboard-calendar .fc-content-skeleton tbody td {height:3px !important;}
.dashboard-calendar .fc-event-container .fc-content {padding:1px 0;}
.dashboard-calendar .fc-event-container .fc-title {display:none;}
.dashboard-calendar .fc.fc-ltr {margin-bottom: 35px;}
.dashboard-calendar table {table-layout: fixed !important;}
.dashboard-calendar .fc-toolbar .fc-center {padding: 3px 0;}
.dashboard-calendar .fc-toolbar .fc-center .fc-icon{
	font-size: 14px;
	top: -0.3em;
}
.dashboard-calendar .fc-day-header.fc-widget-header {height:35px !important;}
.dashboard-calendar .fc-basic-view td.fc-week-number span, .dashboard-calendar .fc-basic-view td.fc-day-number {padding-bottom: 0; padding-top: 5px;}
.dashboard-calendar .fc-unthemed .fc-today {background: #eee none repeat scroll 0 0;}
.dashboard-calendar .fc-basic-view .fc-body .fc-row { height: 28px !important; min-height: unset;}
.dashboard-calendar .fc-day.active {background-color:#dde6ef;}

.dashboard-calendar .events-list {list-style: none; margin: 0; padding: 0;}
.dashboard-calendar .events-list li {border-radius: 3px; margin-bottom: 3px; padding: 5px 25px 5px 15px; position:relative; border-top: 0; border-bottom: 0;}
.dashboard-calendar .events-list li .event-img {float: left; font-size: 25px; font-weight: normal; padding: 0; text-align: center; width: 28px;}
.dashboard-calendar .events-list li .event-body { margin-left: 42px; }
.dashboard-calendar .events-list li .event-body .event-title { color: #444; font-weight: 400; font-size: 16px; text-align: left; }
.dashboard-calendar .events-list li .event-body .event-time { color: #365574; font-size: 11px; padding:1px; text-align: left;}
.dashboard-calendar .event-description {color:#999;font-size:12px; line-height: 17px; max-height:35px; overflow:hidden; text-overflow:ellipsis; padding:2px 0; text-align: left;}
.dashboard-calendar .event-description.open {max-height:none; overflow:none; text-overflow:inherit;}
.dashboard-calendar .event-description .fa {  position: absolute;bottom: 10px; cursor: pointer; right: 7px; color:#626262; font-size:11px;}
.dashboard-calendar .event-description .fa:hover {color:#555;}
.dashboard-calendar .event-description .fa-chevron-up {display:none;}
.dashboard-calendar .event-description .fa-chevron-down {display:inline-block;}
.dashboard-calendar .event-description.open .fa-chevron-down {display:none;}
.dashboard-calendar .event-description.open .fa-chevron-up {display:inline-block;}
.dashboard-calendar .events-list li .event-actions {display:none;}
aside .content .dashboard-calendar ul li i {color:inherit;}
.dashboard-calendar-events .alert {font-size: 11px; padding: 2px 10px;}
.dashboard-birthdays-box {margin-top: 15px;}
aside .content .dashboard-birthdays-box ul li {border: 0 none; padding-left: 65px; position: relative; margin-bottom:3px;}
.dashboard-birthdays-box .user-img {
	background-color: #fff;
	border: solid 3px rgba(176, 190, 255, 0.2);
	border-radius: 50%;
	display: block;
	left: 5px;
	padding: 1px;
	position: absolute;
}
.dashboard-birthdays-box .user-img > img {border-radius: 50%;}
.dashboard-birthdays-box .user-info {color: #30465d; font-weight: 600; font-size:13px; text-align: left;}
.dashboard-birthdays-box .user-info > span {color: #db5f60; display: block; font-size: 12px; padding: 5px 0;}
.dashboard-birthdays-box .user-info > span i {color: #db5f60; width: 15px;}
.dashboard-stream {background-color: #eaeae2;  border-bottom: 1px solid #ccc; border-top: 1px solid #eee; padding-bottom: 20px;}
.dashboard-stream .title { color: #555; font-size: 15px; padding: 20px 25px;}
.dashboard-stream ul { margin: 0; list-style: outside none none; padding: 0;}
.dashboard-stream ul li { float: left; margin: 1% 0% 1% 2%;  width: 46%; background-color: #f9f9f9; border:1px solid #d1d1d1; border-radius:2px; position: relative;}
.dashboard-stream ul li:hover {background-color: #fff;}
.dashboard-stream ul li:hover .stream-body .stitle {color:#333;}
.dashboard-stream ul li.task { border-right:4px solid #71C680; }
.dashboard-stream ul li.notification { border-right:4px solid #DB5F60; }
.dashboard-stream ul li .stream-icon { font-size: 30px; left: 21px; position: absolute; top: 20px; }
.dashboard-stream ul li.task .stream-icon { color:#71C680; }
.dashboard-stream ul li.notification .stream-icon { color:#DB5F60; }
.dashboard-stream ul li.news .stream-icon { color:#d8c515; }
.dashboard-stream ul li.news { border-right:4px solid #d8c515; }
.dashboard-stream ul li .stream-body { color: #626262;font-size: 15px; padding: 15px 15px 15px 70px;}
.dashboard-stream ul li .stream-body p { margin:0; }
.dashboard-stream ul li .stream-date { color: #365574; display: block; font-size: 12px; padding: 3px 0 0;}
.dashboard-stream ul li .stream-body .stitle { display:block; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; color:#555; }
.dashboard .dashboard-menu {border-bottom: 1px solid #ccc;}
.dashboard .dashboard-menu > ul { margin: 0; padding: 25px 10px; list-style:none;}
.dashboard .dashboard-menu li { border: 1px solid #d1d1d1; border-radius: 4px; float: left; margin: 1% 2% 1% 0;  position: relative; width: 23%; text-align: center; }
.dashboard .dashboard-menu li a { color: #626262; font-weight: 600; font-size: 15px; padding: 15px; display: block;}
.dashboard .dashboard-menu ul li .fa,
.dashboard .dashboard-menu ul li .fas,
.dashboard .dashboard-menu ul li .far { display: block; font-size: 30px; margin-bottom: 3px; position: relative; }
.dashboard .dashboard-menu ul li.calendar {border: 2px solid #30465d; background-color: rgba(48, 70, 93, 0.1);}
.dashboard .dashboard-menu ul li.calendar:hover {background-color: rgba(48, 70, 93, 1);}
.dashboard .dashboard-menu ul li.calendar a { color: #30465d;}
.dashboard .dashboard-menu ul li.calendar:hover a { color: #fff;}
.dashboard .dashboard-menu ul li.notifications {border: 2px solid #db5f60; background-color: rgba(219, 95, 96, 0.1);}
.dashboard .dashboard-menu ul li.notifications:hover {background-color: rgba(219, 95, 96, 1);}
.dashboard .dashboard-menu ul li.notifications a { color: #db5f60;}
.dashboard .dashboard-menu ul li.notifications:hover a { color: #fff;}
.dashboard .dashboard-menu ul li.tasks {border: 2px solid #71c680; background-color: rgba(113, 198, 128, 0.1);}
.dashboard .dashboard-menu ul li.tasks:hover {background-color: rgba(113, 198, 128, 1);}
.dashboard .dashboard-menu ul li.tasks a { color: #71c680;}
.dashboard .dashboard-menu ul li.tasks:hover a { color: #fff;}
.dashboard .dashboard-menu ul li.repository {border: 2px solid #eaba2a; background-color: rgba(234, 186, 42, 0.1);}
.dashboard .dashboard-menu ul li.repository:hover {background-color: rgba(234, 186, 42, 1);}
.dashboard .dashboard-menu ul li.repository a { color: #eaba2a;}
.dashboard .dashboard-menu ul li.repository:hover a { color: #fff;}
.dashboard .dashboard-menu ul li.arrivals {border: 2px solid #2391ff;}
.dashboard .dashboard-menu ul li.arrivals a { color: #2391ff;}
.dashboard .dashboard-menu ul li.arrivals:hover {background-color: rgba(35, 145, 255, 1);}
.dashboard .dashboard-menu ul li.arrivals:hover a { color: #fff;}
.dashboard .dashboard-menu ul li.departures {border: 2px solid #48ba53;}
.dashboard .dashboard-menu ul li.departures a { color: #48ba53;}
.dashboard .dashboard-menu ul li.departures:hover {background-color: rgba(72, 186, 83, 1);}
.dashboard .dashboard-menu ul li.departures:hover a { color: #fff;}
.dashboard .dashboard-menu ul li.assignments {border: 2px solid #e5b180;}
.dashboard .dashboard-menu ul li.assignments a { color: #e5b180;}
.dashboard .dashboard-menu ul li.assignments:hover {background-color: rgba(229, 177, 128, 1);}
.dashboard .dashboard-menu ul li.assignments:hover a { color: #fff;}
.dashboard .dashboard-menu ul li.students {border: 2px solid #93d041;}
.dashboard .dashboard-menu ul li.students a { color: #93d041;}
.dashboard .dashboard-menu ul li.students:hover {background-color: rgba(147, 208, 65, 1);}
.dashboard .dashboard-menu ul li.students:hover a { color: #fff;}


.dashboard .dashboard-menu ul li.coordinators {border: 2px solid #3ddef3;}
.dashboard .dashboard-menu ul li.coordinators a { color: #3ddef3;}
.dashboard .dashboard-menu ul li.coordinators:hover {background-color: #3ddef3;}
.dashboard .dashboard-menu ul li.coordinators:hover a { color: #fff;}

.dashboard .dashboard-menu ul li.directors {border: 2px solid #673ab7;}
.dashboard .dashboard-menu ul li.directors a { color: #673ab7;}
.dashboard .dashboard-menu ul li.directors:hover {background-color: #673ab7;}
.dashboard .dashboard-menu ul li.directors:hover a { color: #fff;}

.dashboard .dashboard-menu ul li.newhires {border: 2px solid #3f51b5;}
.dashboard .dashboard-menu ul li.newhires a { color: #3f51b5;}
.dashboard .dashboard-menu ul li.newhires:hover {background-color: #3f51b5;}
.dashboard .dashboard-menu ul li.newhires:hover a { color: #fff;}

.dashboard .dashboard-menu ul li.academic {border: 2px solid #f44336;}
.dashboard .dashboard-menu ul li.academic a { color: #f44336;}
.dashboard .dashboard-menu ul li.academic:hover {background-color: #f44336;}
.dashboard .dashboard-menu ul li.academic:hover a { color: #fff;}


.dashboard-contacts .title {
	color: #747a9c;
	padding: 30px 0 25px;
	text-transform: capitalize;
	font-size: 24px;
	font-weight: normal;
	margin: 0;
}
.dashboard-contacts .contact-item {float: left; margin: 0 4% 1% 0%;  width: 46%;  position: relative;}
.contact-item .title { color: #555; font-size: 14px; padding: 15px 3px; }
.contact-item ul {  background: #fff;
	border-radius: 10px;
	box-shadow: 0 5px 10px 0 rgba(210, 214, 234, 0.4);
	font-size: 12px; line-height: 21px; height: 120px; list-style: outside none none; margin: 0; padding: 20px 25px;}
.contact-item ul li {position:relative; padding:0 0 0 20px;}
.contact-item ul li .fa, .contact-item ul li .far, .contact-item ul li .fas {color: #30465d; left: 0; position: absolute; top: 4px;}
.contact-item ul li span {color: #30465d; display: inline-block; font-weight: 600; font-size: 11px; width: 90px;}

.item-view-box {background-color: #f9f9f9; border: 1px solid #eee; margin: 20px 0; padding: 15px;}
.item-view-box .item-view-title {color: #30465d; font-size: 18px; line-height: 28px; margin-bottom: 15px;}
.item-view-box .item-view-author, .item-view-box .item-view-date, .item-view-box .item-task-checkbox {color: #555; font-size: 13px; line-height: 26px; padding-left: 25px; position: relative;}
.item-view-box .item-view-author i, .item-view-box .item-view-date i, .item-view-box .item-task-checkbox i {color: #30465d; font-size: 19px; left: 0; position: absolute; top: 4px;}
.item-view-box .item-view-author span, .item-view-box .item-view-date span, .item-view-box .item-task-checkbox span {color: #30465d; font-weight: 500; font-size: 14px; line-height:26px; margin-right: 5px;}
.item-view-box .item-task-checkbox i {cursor:pointer;}
.mce-tinymce.mce-container {margin-top:20px;}
.mce-container button:hover {background-color: transparent; border: 0;}
.mce-tinymce .mce-container .mce-path {padding:0 5px 3px;}
.mce-tinymce .mce-flow-layout-item {margin:2px;}
.mce-tinymce .mce-btn button {padding: 2px 5px; font-size: 12px;}
.mce-tinymce .mce-menu-item {font-size:12px;}

.dashboard-box-item table { width:100%; text-align:left; border:0px; border-spacing:0; border-collapse:collapse; }
.dashboard-box-item table th {  color: #203754; font-weight:600; font-size: 11px; line-height: 14px; padding: 12px 8px 8px 8px;  text-transform: uppercase; border-top:0; border-left:0; border-right:0; vertical-align: top; box-sizing: border-box; position:relative; border-bottom: 1px solid #a7c5e9;}
.dashboard-box-item table th a { text-decoration:none; color:#203754; display: block;}
.dashboard-box-item table th a:hover { text-decoration:none; }
.dashboard-box-item table th .sort-arrow { color:#9a9a9a; font-size:11px; line-height:11px; position: absolute; right: 7px; top: 11px;}
.dashboard-box-item table th .sort-arrow:hover { color:#ddd; transform:rotate(180deg); -ms-transform:rotate(180deg);  -webkit-transform:rotate(180deg);  -moz-transform:rotate(180deg); -o-transform:rotate(180deg); }
.dashboard-box-item table tbody tr {border-top: 1px solid #e3e3e3; padding: 12px 8px; vertical-align: middle; color:#333; font-size:13px; line-height: 16px;}
.dashboard-box-item table tbody tr a{ font-size:13px; line-height: 16px;}
.dashboard-box-item table tbody tr:nth-child(2n+1) td{ background-color:#f9f9f9; }
.dashboard-box-item table tbody tr:hover td{ background-color:rgba(231, 231, 231, 0.5) }
.dashboard-box-item table tbody tr td{border-top: 1px solid #e3e3e3; padding: 12px 8px; vertical-align: middle; color:#333; font-size:13px; line-height: 16px;}
.dashboard-logs{
	padding-bottom: 20px;
	width: calc(100% - 385px);
	margin-right: 30px;
	display: inline-block;
    vertical-align: top;
}
.dashboard h5.title {
	color: #747a9c;
	padding: 30px 0 25px;
	text-transform: capitalize;
	font-size: 24px;
	font-weight: normal;
	margin: 0;
}
.box-wrapper.user-message-form{
	padding: 15px;
}
.user-message-form{
	display: flex;
}
.dashboard-logs .img-round{
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 100%;
}
.user-message-form .img-round{
	margin-right: 10px;
	margin-top: 2px;
}
.user-message-form form{
	flex: 1 1 auto;
	border-left: 1px solid #cad4ee;
	position: relative;
	margin: 0;
}
.user-message-form form textarea,
.user-message-form form input[type="text"]{
	font-size: 14px;
	font-weight: normal;
	color: #5a657e;
	border: none;
	padding: 10px 50px 10px 15px;
	width: 100%;
	resize: none;
}
.user-action-button{
	position: absolute;
	right: 0;
	padding: 0 !important;
	bottom: 0;
	width: auto;
}
.user-action-button button{
	-webkit-appearance: none;
	border: none;
	border-radius: 0;
	background: transparent;
	font-size: 18px;
	color: #b8c4e2;
	padding: 5px 10px;
}
.user-action-button button:hover,
.user-action-button button:active,
.user-action-button button:focus{
	outline: none;
	border: none;
	background: transparent;
	color: #b8c4e2;
}
.user-message-form.box-wrapper .dropdown button.dropdown-toggle{
	margin-top: 10px;
}
.wall-list{
	margin-top: 20px;
}
.wall-item-head{
	display: flex;
	align-items: center;
}
.wall-item-head .img-round{
	margin-right: 15px;
}
.wall-item-head-info{
	flex: 1 1 auto;
}
.wall-item-head-info p{
	font-size: 14px;
	font-weight: bold;
	color: #5a657e;
	margin-bottom: 5px;
	line-height: 1;
}
.wall-item-head-info p span{
	font-weight: normal;
}
.wall-item-head-info > span{
	font-size: 12px;
	font-weight: normal;
	color: #9eaaca;
	display: block;
}
.wall-item-head .dropdown{
	margin-right: -15px;
}
.wall-item-head .dropdown button.dropdown-toggle{
	margin: 0;
}
.wall-item-content{
	margin-top: 20px;
}
.wall-item-content p{
	font-size: 14px;
	line-height: 1.29;
	font-weight: normal;
	color: #5a657e;
	margin-bottom: 20px;
}
.wall-item-content img{
	margin-bottom: 20px;
}
.wall-item-content{
	padding-bottom: 0;
}
.wall-item-action-field{
	padding: 0;
	/*border-top: solid 1px #e2e8fb;*/
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.wall-item-action-field div a{
	color: #8a99bf;
	font-size: 14px;
}
.wall-item-action-field div a + a{
	margin-left: 30px;
}
.wall-item-action-field div a i{
	margin-right: 5px;
}
.dashboard-content-side{
	width: 350px;
	display: inline-block;
    vertical-align: top;
}
.side-members-list li a{
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	padding: 10px 0;
	border-bottom: solid 1px #e2e8fb;
}
.side-members-list li:first-child a{
	padding-top: 0;
}
.side-members-list li:last-child a{
	border-bottom: none;
}
.side-members-list li .img-round{
	width: 50px;
	min-width: 50px;
	height: 50px;
	margin-right: 20px;
	vertical-align: top;
}
.side-members-list li .img-round + div{
	display: inline-block;
	max-width: calc(100% - 75px);
}
.side-members-list li h6{
	font-size: 16px;
	font-weight: 600;
	color: #747a9c;
	line-height: 1.5;
	margin: 0;
}
.side-members-list li p{
	font-size: 13px;
	color: #92a0c3;
	margin: 0;
}
.side-members-list li p .status-color{
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	margin-right: 5px;
	background: #92a0c3;
}
.side-members-list li p[data-color="green"] .status-color{
	background: #7dcf6d;
}
.search-page-box{
	margin-top: 25px;
}
.search-datatype-box {
	margin-bottom: 25px;
}
.search-datatype-box .results-title {
	position: relative;
	background-color: #fff;
    border-radius: 10px;
    color: #747a9c;
    cursor: pointer;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
}
.search-datatype-box.open .results-title{
	border-radius: 10px 10px 0 0;
}
.search-datatype-box i{
	display: inline-block;
    transition: transform .3s linear;
}
.search-datatype-box.open i{
	transform: rotate(-90deg);
}
.search-datatype-box .results-box {
	display:none;
}
.search-datatype-box.open .results-box{
	display:block;
	border-radius: 0 0 10px 10px;
    border-top: 1px solid #e2e8fb;
}
.search-datatype-box .itable {overflow-x: auto;}
.user_menu.menu-search-box i {font-size: 26px; line-height: 18px; margin: 15px 3px 0; cursor:pointer;}
img.avatar {background-color: #fff; border: 3px solid #a7c5e9; border-radius: 30px; display: inline-block;  padding: 2px; }

/*.color_academic .results-title, .academic .profile-box .title {background-color:#FFBA7E;}
.color_applicant .results-title, .applicants .profile-box .title {background-color:#f7c062;}
.color_contactsheet .results-title, .prepartners .profile-box .title {background-color:#FF8466;}
.color_coordinator .results-title, .coordinators .profile-box .title {background-color:#7A8D8D;}
.color_development .results-title, .development .profile-box .title {background-color:#008C5B;}
.color_director .results-title, .directors .profile-box .title {background-color:#00A99F;}
.color_executive .results-title, .executive .profile-box .title {background-color:#41586A;}
.color_hostfamily .results-title, .hostfamilies .profile-box .title {background-color:#FFA400;}
.color_leadstudent .results-title, .leadstudents .profile-box .title {background-color:#97C8F8;}
.color_newhire .results-title, .newhires .profile-box .title {background-color:#F382A8;}
.color_news .results-title, .news .profile-box .title {background-color:#D79ACE;}
.color_notification .results-title, .notifications .profile-box .title {background-color:#D44A54;}
.color_partner .results-title, .partners .profile-box .title {background-color:#00AFE4;}
.color_reference .results-title, .references .profile-box .title {background-color:#9A8168;}
.color_school .results-title, .schools .profile-box .title {background-color:#00B777;}
.color_student .results-title, .students .profile-box .title {background-color:#93D041;}
.color_task .results-title, .tasks .profile-box .title {background-color:#9E5B88;}
.color_leadfamily .results-title, .families .profile-box .title {background-color:#4A5A89;}
.color_events .results-title, .calendar .profile-box .title {background-color:#5699CB;}
.color_files .results-title, .reposiory .profile-box .title {background-color:#AFB2A5;}*/

article.page-repository h2.heading {margin:0;}
article.page-repository .alert {margin-left: 30px; margin-right: 30px;}
article.page-repository .repository-actions-box .alert {margin: 15px 0;}
article.page-repository .content{padding: 15px 30px 30px;}
.repository-main-box {position:relative;}
.repository-main-box .repository-table-box {width:100%; float:none;}
.repository-main-box.toggle .repository-table-box {width:70%; float:left;}
.repository-main-box .repository-actions-box {display:none;-webkit-transition: margin 0.4s; -moz-transition: margin 0.4s; -o-transition: margin 0.4s; transition: margin 0.4s;}
.repository-main-box.toggle .repository-actions-box {width:30%; float:right; display:block; -webkit-transition: margin 0.4s; -moz-transition: margin 0.4s; -o-transition: margin 0.4s; transition: margin 0.4s;}
.repository-actions-inner { background-color: #f6f7f9; border-left: 1px solid #ccc; box-shadow: 0 -1px 4px #ccc inset; padding: 20px; position: relative; z-index: 0;overflow-y:auto;}
.repository-actions-inner .loader {color:#445c76; text-align:center; font-size: 2.5em; padding: 10% 0;}
.repository-actions-inner .title {border-bottom: 1px solid #cbd0d6; color: #445c76; font-weight: 500; font-size: 12px; line-height: 22px; padding: 0 5px 5px; text-transform: uppercase; margin-bottom:15px;}
.repository-main-box .repository-table-box {padding:0 25px;}
#repository_table_wrapper{
	overflow: hidden;
	overflow-x: auto;
}
.repository-header{position: relative; padding-bottom: 75px;}
.repository-header .repository-breadcrums {float: left;}
.repository-header .repository-breadcrums span {color: #555; font-size: 13px; margin: 0 10px;}
.repository-header .repository-actions {float: right;}
.repository-header .repository-actions a.hidden {display:none;}
.repository-header .repository-actions .repository-search-box {
	display: inline-block;
	position: absolute;
	height: 40px;
    background: #fafafc;
    width: 335px;
    border-radius: 36px;
    left: 0;
    bottom: 0;
}
.repository-header .repository-actions .repository-search-box input{
	height: 40px;
    line-height: 40px;
    border-radius: 0 36px 36px 0;
    width: 285px;
    border: none;
    background: transparent;
    color: #a1a8cb;
    font-size: 14px;
    padding: 0 20px 0 5px;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}
.repository-header .repository-actions .repository-search-box span{
	font-size: 18px;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #a1a8cb;
    text-align: right;
    vertical-align: top;
}
article table.dataTable.no-footer, article table.dataTable {border-bottom:0;}
article table.dataTable tbody td {
	border: none;
    padding: 20px;
    color: #5a657e;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
}
article table.dataTable tbody td a {color: #5a657e;}
article table.dataTable thead th,
article table.dataTable thead td {
	color: #a1a8cb;
    padding: 25px 20px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    vertical-align: top;
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid #e2e8fb;
}
article table.dataTable thead th.sorting_desc,article table.dataTable thead th.sorting_asc {color:#7e85ad;}
article table.dataTable tbody tr{background: #fdfeff;}
article table.dataTable tbody tr:nth-child(odd) {background-color: #f6f8ff;}
article table.dataTable tbody tr:hover{
	background: #e8ebf9;
}
.repository-table td.file-name {padding-left: 50px; position: relative;}
.repository-table td.file-name span.ion-android-folder, .repository-table td.file-name span.ion-android-document {
	display: block;
	position:absolute;
	font-size: 22px;
	line-height: 19px;
	height: 22px;
	color: #5a657e;
	left:15px;
	top:13px;
	cursor:pointer;
}
article table.dataTable tbody > tr.selected, article table.dataTable tbody > tr > .selected, article table.dataTable tbody > tr.selected td, article table.dataTable tbody > tr > .selected td {background-color: #b0bed9;}

.repository_table_filter {position:absolute; right: 1px; top: -39px;}
.repository-table-box .dataTables_filter {position: relative; /*margin-top: -71px; right: 25px;*/}
.repository-table-box .dataTables_filter input {border: 1px solid #a7c5e9; border-radius: 25px; box-shadow: none; font-size: 13px; line-height: 30px; height: 30px; padding: 0 15px; width: 200px; color:#30465d;}
.repository-table-box .dataTables_filter i {color: #999; position: absolute; right: 11px; top: 1px;}
.repository-form-box .form-item-inner label {color: #555; font-weight: 500; font-size: 12px; margin-bottom: 2px; padding: 0 8px; width:90%;}
.repository-form-box .form-item-inner label .required {color: #cc0000; margin-left: 2px;}
.repository-form-box .classyedit .editor {font-size: 13px; padding: 8px;}
.repository-action-inner .alert {padding:6px 14px 8px;}
.repository-form-box .form-item-inner input[type="text"] { border: 1px solid #a7c5e9; border-radius: 25px;  box-shadow: none;  fontsize: 13px; line-height: 30px; height: 30px; padding: 0 15px; width: 100%;}
.repository-form-box .form-item-inner .classyedit { border: 1px solid #a7c5e9; border-radius: 10px;}
.repository-form-box .form-item-inner input.date-time {width:200px; border-radius:25px 0 0 25px; box-sizing: border-box;}
.repository-form-box .buttons-group {border-top: 1px solid #cbd0d6; margin-top: 20px; padding: 12px 5px;}
.repository-form-box .buttons-group button {font-size:13px; line-height: 18px;}
.repository-table .file-name .item-name-input {border: 1px solid #445c76; border-radius: 25px; box-shadow: none; font-size: 13px; line-height: 30px; height: 30px; margin: 0; padding: 0 10px; position: absolute; top: 9px; width: 50%;}

.select-schools-box {max-height: 450px; overflow: auto;}
.select-schools-box table {margin: 15px; width:100%; border-collapse:collapse;}
.select-schools-box table th{color: #777; font-size: 12px; padding: 7px 10px; text-align: left; width: 180px; vertical-align:top; border-bottom:1px solid #e3e3e3;}
.select-schools-box table td{ color: #333333; font-size: 13px; line-height: 15px; padding: 7px 10px;vertical-align:top; border-bottom:1px solid #e3e3e3;}
.select-schools-box table tr:nth-child(2n) {background-color: #f9f9f9;}
.select-schools-box table td a{font-size: 12px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;-o-transition: all 0.4s ease; transition: all 0.4s ease;}
.select-schools-box ul {list-style: outside none none; margin: 12px 0; padding: 0;}
.select-schools-box ul li { border-bottom: 1px solid #e7e7e7; padding: 10px 25px; position: relative; }
.select-schools-box ul li .checkbox {left: 1px; position: absolute; top: 5px;}
.select-schools-box ul li .school-title {color: #565656; cursor: pointer; font-weight: bold; font-size: 12px; line-height: 20px; }
.select-schools-box ul li .school-info { display:none; }
.select-schools-box ul li.checked .school-info {display:block;}

/* dashboard blocks styles */
.dashboard-block {margin-bottom: 30px;}
.dashboard-block .block-title {
	border-bottom: 1px solid #b8c4e2;
	color: #747a9c;
	font-weight: 500;
	font-size: 12px;
	line-height: 22px;
	padding: 0 5px 5px;
	text-transform: uppercase;
	margin-bottom: 15px;
	position: relative;
}
.dashboard-block .block-title.editing { position: relative; padding-right: 30px; }
.dashboard-block .block-title .block-actions {position: absolute; top: 0; right: 0; font-size: 16px; }
.dashboard-block .block-title .block-actions a {
	margin-left: 5px;
	color: #c6cceb;
}
.dashboard-block .block-content { margin-top: 15px; }
.dashboard-block .block-content p { margin-top: 0; margin-bottom: 5px; font-size: 14px;}
.index .bootstrap-datetimepicker-widget li.collapse {
	display: block;
}

article.dashboard .main_msg.no-padding {padding: 0;}
article.dashboard .main_msg.no-padding .alert .close {margin-right: -25px;}


.notes-form-box {border-bottom: 1px solid #e7e7e7; margin: 15px 0 0; padding-bottom: 15px;}
.notes-list-box {max-height: 250px; overflow: auto;}
.notes-list-box ul { list-style: none; margin: 0; padding: 0;}
.notes-list-box li { border-bottom: 1px solid #ddd; padding: 5px 3px 0; position: relative;}
.notes-list-box li .event-time {  color: #333; font: 600 10px Open Sans;}
.notes-list-box li .actions { position: absolute; right: 4px; top: -1px;}
.notes-list-box li .actions a{ color: #999; }
.notes-list-box li .actions a:hover { color: #555; }
.status{
	text-transform: capitalize;
}

.row.full {
    width: 100%;
}

.row.full.pass-info{
	color: #c6cceb;
	font-size: 12px;
	font-size: 12px;
    margin-bottom: 2px;
}