html{height:100%;}
body{position:relative;margin:0;padding:0;background-color:#fff;font:13px/26px Arial;color:#636366;}
a,img{text-decoration:none;border:0px;text-decoration:none;color:#4366A4;transition: color 0.2s linear 0s;}
a:hover{color:#DE5643;}
/*h1{color: #A3A3A3;font: 24px/36px  'Open Sans', Arial,Helvetica,sans-serif;margin: 0 0 20px;}*/
h1{color: #30465d;font: 21px/26px  Ubuntu; margin: 0 0 15px; text-shadow:1px 1px 1px #CCCCCC; margin: 0 0 20px;}
h2{color: #30465d;font: 18px/26px Ubuntu; margin: 0 0 15px; text-shadow:1px 1px 1px #CCCCCC;}
h3{color: #30465d;font: 15px/21px  Ubuntu; margin: 0 0 15px;text-shadow:1px 1px 1px #CCCCCC;}
hr {margin-bottom: 20px;}

.clear{clear:both;float:none;}
.clearfix {*zoom: 1;}
.clearfix:before,
.clearfix:after{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
.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;
}


header{ background:#30465d none repeat scroll 0 0; color: #fff; height:50px; border-bottom:1px solid #203754; }
header{padding:0; margin:0px;position: fixed;top: 0;width: 100%;z-index: 2;}
header .header-logo{margin-left:20px;float:left; color:#fff;}
header .header-logo a{font:400 20px/50px Ubuntu;color:#fff; }
header .header-logo .site-logo {background:#f1f1f1 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:#ff7e66; display:block; float:left;}
header .header-menu {margin-right:20px;float:right;}
header .header-menu ul{ margin:0; padding:0px; }
header .header-menu ul li{ padding:0 10px; float:left; display:block; height: 50px; position:relative;}
header .header-menu ul li img{background-color: #fff; border: 2px solid #a7c5e9; border-radius: 30px; display: inline-block; float: left; height: 25px; margin: 10px 10px 10px 0; opacity: 0.9; padding: 2px; width: 25px;}
header .header-menu ul li.active{ }
header .header-menu ul li:hover { background-color:#253951; }
header .header-menu ul li:hover img{opacity:1}
header .header-menu a{font:13px/50px Ubuntu;color:#fff; }
header .header-menu a:active{ color:#fff; }
header .header-menu a:hover{ color:#efefef; }
header .user_menu   { float: right; }
header .header-menu a i {font-size: 17px; margin-right: 2px;}
header .header-menu a i.items-icon {font-size: 26px; line-height: 18px; margin: 15px 3px 0;}
header .header-menu a .items-count { color: #fff; position: absolute; font-size: 10px;font-weight:bold;background-color:rgb(220, 13, 23);border-radius:2px; box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.7);cursor:pointer;padding:0 3px ;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.4); line-height:14px; right:1px; bottom: 8px;}
.header-search {display: inline-block; position: relative;}
.header-search.open {margin-right: 4px;}
.header-search input[type="text"] {border: 0 none; box-shadow: 0 0 2px #253951 inset; margin: -5px 0 0; width: 100%;}
.header-search input[type="text"] {overflow: hidden; width: 0; transition: max-width 0.6s; padding:0;}
.header-search.open input[type="text"] { width: 100%; padding:0 15px; margin: -9px 0 0;}
.header-search input[type="submit"] { display:none; }
.search-results .heading span {color: #555; margin-left: 5px;}

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; font: 12px Open Sans;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; font:15px Open Sans; 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: 40%;}
.unassign-arrov { padding-top: 10px; }
.assign-box .assign-actions {float: left; width: 100px;padding-top: 105px;}
.assign-arrov > a, .unassign-arrov a { font: 14px Open Sans; }
.external .row.hidden{display:none;}
.external .row.visible{display:block;}



aside.left-side{width:90px;height:100%;overflow-y:none;position:fixed;left:0;top:0; margin:51px 0 0;background-color:#30465d;z-index:2;}
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.left-side .content{padding:0 0 80px; height:100%;}
aside .content ul{ margin:0; padding:0px;list-style:none;}
aside .content ul li{border-bottom: 1px solid #203754; border-top: 1px solid #3a4e66; line-height: 25px; margin: 0; padding: 0; 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{font:13px 'Open Sans';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 a:hover i{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 ul {display: none; left: 104px; list-style: outside none none; padding: 0; position: absolute;top: 15px; width: 190px; z-index: 1;}
aside .content ul .menu-heading.active, aside .content ul .menu-heading.menu-heading.current {background-color:#253951;}
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: #3a4e66; border: 0 none; border-radius: 3px; font: 600 13px Open Sans; padding: 3px 12px 4px; text-align: left; text-transform: uppercase; margin-bottom:13px; border-left:2px solid #ff7e66;}
aside .content ul li.menu-heading ul li {text-align: left; padding:3px 13px;border:0; border-left:2px solid #253951; margin-bottom:7px;}
aside .content ul li.menu-heading ul li a {height:auto;}
aside .content ul li.menu-heading ul li:hover {border-left:2px solid #ff7e66;}
aside .content ul li.menu-heading ul li a:hover {color:#6990c9;}
aside .content ul li.menu-heading ul li a:hover i {color:#6990c9;}
aside .content ul li.menu-heading ul li a span {margin-right:3px;}
aside .content ul li.menu-heading a {display: block; height: 70px; font: 12px/14px Ubuntu;}
aside .content ul li.menu-heading a .micon {font-size: 25px; padding: 8px 0 0; height:30px;}
aside .content ul li.menu-heading a .mtitle {color: #92a2b2;font: 12px/14px Ubuntu;}
aside .content ul li.menu-heading a:hover, aside .content ul li.menu-heading a:hover .mtitle {color: #ff7e66; text-decoration:none;}
aside .content ul li.menu-heading ul li a {font: 12px/14px Ubuntu;}
aside .content ul li.menu-heading ul li.sub-menu {padding-left:25px;}
aside .content ul li.menu-heading ul li.sub-menu a {font: 12px Ubuntu;}
aside .content ul li.menu-heading.menu-up, aside .content ul li.menu-heading.menu-down {background-color: #30465d;border-top: 1px solid #203754;bottom: 51px; position: absolute; width: 90px; display:none;}
aside .content ul li.menu-heading.menu-up a, aside .content ul li.menu-heading.menu-down a {border-top: 1px solid #3a4e66;}
aside .content ul li.menu-heading.hidden{display:none;}

.left-side .inner-sidebar {background-color: #253951; box-shadow: 1px 0 5px #253951; height: 100%; left: 90px; position: fixed;top: 50px; width: 220px; -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: #fff;margin-top:50px;}
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{ }
section .content-admin{ margin-left:90px; }
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 { background-color: #dde6ef; border-bottom: 1px solid #a7c5e9; font: 16px/72px Ubuntu; margin: -25px -25px 0; padding: 0 25px;}

.dashboard-events .title { color: #000; font: bold 14px Open Sans; margin-bottom: 20px; text-align:center;}
.dashboard-events .events-item {margin-bottom: 15px;}
.dashboard-events .events-item-title {color: #222;font: bold 11px/12px Arial; padding-bottom: 3px;}
.dashboard-events .events-item-body {color: #222; font: 13px/16px Arial;}
.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 {font:13px Open Sans; 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;font: bold 12px/14px Open Sans; text-align: center; color:#000000;}
.dashboard-statistics .stats-item  span {display: block; font: bold 26px Open Sans; 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: 3%;}
.profile-box .title { color: #FFFFFF; font: 500 13px Ubuntu; padding: 7px 15px;background-color: #FFC000; position:relative; width: 100%; border-radius: 25px; }
.profile-box .partner-view .title {background-color: #4472C4;}
.profile-box .title .year-chooser {font-weight: normal; position: absolute; right: 5px;top: 5px;}
.profile-box .title .year-chooser select {padding:1px;}
.profile-left-block {float:left; width:45%; margin: 0 1% 2%; padding: 0 10px;}
.profile-right-block {float:right; width:45%; margin: 0 3% 2% 0; padding: 0 10px;}
.profile-box .profile-box-item table {margin: 15px; width:100%; border-collapse:collapse;}
.profile-box .profile-box-item table th{color: #777; font: 12px Open Sans; padding: 7px 10px; text-align: left; width: 180px; vertical-align:top; border-bottom:1px solid #e3e3e3;}
.profile-box .profile-box-item table td{ color: #333333; font: 13px/15px open sans; padding: 7px 10px;vertical-align:top; border-bottom:1px solid #e3e3e3;}
.profile-box .profile-box-item table tr:nth-child(2n) {background-color: #f9f9f9;}
.profile-box .profile-box-item table td a{font: 12px Open Sans;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;-o-transition: all 0.4s ease; transition: all 0.4s ease;}
.avatar-td img {background-color: #fff; border: 3px solid #a7c5e9; border-radius: 50%; height: 70px; padding: 2px;  width: 70px;}
.profile-box-item .files-box table th {width:280px;}
.profile-box-item .files-box {display:none;}
.profile-box .profile-box-item .active {display:block;}
.upload-a { margin-right: 12px; }

.dashboard-left-block {float:left; width:50%;}
.dashboard-right-block {float:right; width:45%;}
.dashboard-box .title { color: #FFFFFF; font: bold 14px 'Open Sans'; 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; font: 16px Trebuchet MS; text-shadow: 1px 1px 1px #aaa;}
.dashboard-news-item .news-title .news-text, .dashboard-news-item .news-title .news-text > p{  color: #333; font: 13px/22px Open Sans; margin:0;margin-bottom:15px;}
.dashboard-news-item .news-author { color: #1eb45c; font: 12px/18px Trebuchet MS;margin-top:10px;}
.dashboard-news-item .news-date { color: #888; font: 12px/18px Trebuchet MS;}
.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:11;border:1px solid rgba(247,246,243, 0.9);background-color:#fff;width:500px;padding: 15px 25px 40px; position:absolute;top:-500px;left:0;right:0;}
.dialog-title {font:21px 'Open Sans';color:#333; text-align:center;}
.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{font:15px/26px 'Open Sans';color:#333;}
.dialog-content.loading{padding:40px 30px;}
.dialog-content.loading span{font:12px "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; text-align: center; color: #333;display: block;}
.dialog-content label {margin-right:15px;}

.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; font: bold 12px Arial; margin-left: 10px;  padding: 0 4px;}

/*  email management  */
.email-management {padding:0 0 25px; 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 #ccc; 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; font: 12px/27px Ubuntu; 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 #ddd; color: #555; 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 #ddd; }
.mail-main-box .mail-list { float: left; width: 35%; overflow-x:hidden; overflow-y:auto;border-right: 1px solid #ccc; 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); font: bold 11px/14px Open Sans; 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); font: bold 10px/14px Open Sans; 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 #ddd; }
.mail-list-item:hover{background-color:#daeffd;}
.mail-list-item.active{background-color:#fef6dd;}
.mail-list-item .mail-date { color: #000; font: 11px/14px Arial; position: absolute; right: 10px; top: 15px;}
.mail-list-item .receiver { color: #777; font: 13px/16px Arial; 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; font: 14px/18px Helvetica; white-space: normal; max-height: 36px;overflow: hidden;text-overflow: ellipsis;margin: 5px 0 2px;min-height:25px;}
.mail-list-item .body { color: #777; font: 11px/16px Arial; 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 {font: 13px/13px Open Sans; 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;font: bold 10px Open Sans;}
.mail-body-box .mail-body .mail-body-title {color: #3b4752; font: 16px Arial; padding: 15px 0;}
.mail-body-box .mail-body .mail-body-recipient {color: #444;font: italic 12px Open Sans;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 #ddd; color: #626262;}

.mail-form-box {position:relative;}
.mail-body-box .no-email {font: italic 13px Open Sans; left: 45%; position: absolute; top: 15%;}
.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 {border-top:1px solid rgba(0, 0, 0, 0.07);}
.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{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; font: bold 11px Open Sans;margin: 0 0 2px; text-transform: uppercase; width: auto; padding:0;}
.mail-form-box .form-group .form-row .form-item select {-moz-appearance: none; -webkit-appearance: none; appearance: none;   border: 0 none; box-sizing: border-box; font: 14px/20px Open Sans; height: 20px; margin: 0 -4px; 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; font: 14px/25px Open Sans;  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-family: Arial,sans-serif; 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: 13px Open Sans; 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{font: italic 13px Arial;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; font: bold 11px/25px Arial; 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;font: italic 13px Arial;}
.mail-form-box .existing-files table {color: #626262; font: 13px Open Sans; 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 {font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;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; }
#debug-panel{display:none;}

.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 }
.panel-settings { background-color: #dde6ef; border: 1px solid #a7c5e9; border-radius: 3px; color: #30465d;  float: right; font: 13px/21px Ubuntu; margin-top: 50px; padding: 15px; width: 160px; }
.panel-content .divider  {border-top: 1px solid #DDDDDD; float: none; margin-top: 20px; padding-bottom: 10px; width: 100% !important;}
.block-heading {font: 13px/19px 'Open Sans'; width:100% !important;}
.panel-content .checkboxes {position:relative;}
.panel-content .checkboxes label{padding-left:25px;}
.panel-content .checkboxes input{position:absolute; left:0;}

/* tables
---------------------------------------------------------- */
.table-records{width:100%; border-spacing:0; }
.table-records tr th{background-color:#FFC000; padding:12px 8px; font:14px/18px 'Open Sans';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{width:740px;margin:0 auto;}
.external .row{width:30%;display:inline-block;}
.external .row.full{width:94%;display:block;}
.external .row.full label{width:94%;display:block;}
.external .tooltip-icon{font:bold 11px Arial; text-decoration:none;color:#999;}
.external .tooltip-icon:hover{color:#000;}
.external .external-form  .row {float:none !important;}

.external .tabs{margin:25px 0;}
.external .tabs a span{background-color:#ECF0F1;padding:10px 14px;margin: 0 8px 0 0;border-radius:35px;font:bolder 12px Arial;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{font:bold 14px Arial;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 label{ color: #555; font: 500 12px Ubuntu; margin-bottom: 2px; padding: 0 8px;width:auto;}
.external form input,
.external form select {width: 90%;  padding: 0px 15px; height:30px;}
.external form select[multiple="multiple"] {height:auto; border-radius: 5px; font:13px/18px Open Sans; padding:10px 15px;}
.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;}

.itable {padding-top: 30px; overflow-x: auto;}
.itable table { width:100%; text-align:left; border:0px; border-spacing:0; border-collapse:collapse; }
.itable table thead th{  color: #203754; font:600 11px/14px Ubuntu; 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;}
.itable table thead th a { text-decoration:none; color:#203754; display: block;}
.itable table thead th a:hover { text-decoration:none; }
.itable table thead th .sort-arrow { color:#9a9a9a; 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); }
#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 td{border-top: 1px solid #e3e3e3; padding: 12px 8px; vertical-align: middle; color:#333; font:13px/16px Ubuntu;}
.itable table tbody tr td a{ font:13px/16px Ubuntu;}
.itable table tbody tr:nth-child(2n+1) td{ background-color:#f9f9f9; }
.itable table tbody tr:hover td{ background-color:rgba(231, 231, 231, 0.5) }
.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{ font: 12px/15px "Open Sans"; margin: 5px 15px; text-transform: capitalize;}
.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 .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{ font:12px/18px 'Open Sans'; 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;}
.results-part > span { color: #30465d; font: 600 11px Open Sans; text-transform: uppercase;}

.update-coordinator { display: inline-block; margin-left: 10px;}
.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: 6px;border-bottom: 1px solid #ddd;}
.reports-list .year-reports-list li:last-child {border-bottom: 0;}
.reports-list span {border: 2px solid #203754; border-radius: 50%; color: #203754; display: inline-block; font: bold 14px Arial; margin-right: 5px; padding: 3px 0; text-align: center; width: 23px;}
.reports-list a {color: #444;font: 13px Open Sans;}
.reports-list .year-item .title {background-color: #dde6ef; border: 1px solid #a7c5e9; border-radius: 25px; color: #30465d; cursor: pointer; font: 500 13px/18px Ubuntu; padding: 6px 15px;}
.reports-list .year-item {margin-bottom:3px;}
.reports-list .year-item .year-reports-list {display:none; padding:10px 0;}

.application-steps-list ul{padding:0; margin:0; list-style:none;}
.application-steps-list ul .header {border-top: 0 none; padding: 4px 0;}
.application-steps-list ul .header h3{margin-bottom:2px;}
.application-steps-list li {border-top: 1px solid #d7d7d7; padding: 6px; position:relative;}
.application-steps-list {color:#ccc;}
.application-steps-list span {border: 2px solid #ccc;border-radius: 50%; color: #ccc; display: inline-block; font: bold 14px Arial; margin-right: 5px; padding: 3px 0; text-align: center; width: 23px;}
.application-steps-list a {font: 13px Open Sans; color: #777;}
.application-steps-list a:hover {color: #333;}
.application-steps-list li:last {border-bottom: 1px solid #d7d7d7;}
.application-steps-list .completed span {border: 2px solid green; color: green;}
.application-steps-list .completed a{color: green;}
.application-steps-list .completed a:hover{color: #333;}
.application-steps-list .filled span {border: 2px solid #ed7d31; color: #ed7d31;}
.application-steps-list .filled a {color: #ed7d31;}
.application-steps-list .filled a:hover {color: #333;}
.application-steps-list .pending span {border: 2px solid #777; color: #777;}
.application-steps-list .pending a{color: #777;}
.application-steps-list .pending a:hover{color: #333;}
.application-steps-list li .preview {position:absolute; right: 0;}
.application-steps-list li .preview input{padding:3px 12px;}

/* 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:20px 0 0; color:#999; }
.pagination-wrapper .results-part { display: inline-block; padding:0 0 0 7px; line-height:28px; float:right; color: rgb(100, 97, 97);}
.pagination-wrapper .links-part{ display: inline-block; }
.required-fields-alert { display: inline-block; margin-bottom:10px; }
.pagination-wrapper .links-part .disabled {border: 1px solid #ccc; border-radius: 50px; color: #ccc; display: inline-block; font: 600 12px/25px Open Sans; height: 25px; margin: 2px; padding: 0 10px;}
.pagination-wrapper .links-part .current { background-color: #445c76; border: 1px solid #445c76; border-radius: 50px; color: #fff; display: inline-block; font: 600 12px/25px Open Sans; height: 25px; margin: 2px; padding: 0;  text-align: center; width: 25px;}
.pagination-wrapper a {border: 1px solid #445c76; border-radius: 50% !important; color: #445c76; display: inline-block; font: 600 12px/25px Open Sans; height: 25px; margin: 2px; padding: 0; text-align: center; text-decoration: none; width: 25px;}
.pagination-wrapper a:hover,
.pagination-wrapper a:active{ border:1px solid #445c76; color:#fff; background-color: #445c76;}
.pagination-wrapper .first-link, .pagination-wrapper .last-link {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #445c76; border-radius: 50px !important; color: #445c76; display: inline-block; font: 600 12px/25px Open Sans; padding: 0 10px;  text-decoration: none; text-shadow: none; white-space: nowrap; width:auto;}
.pagination-wrapper .first-link:hover, .pagination-wrapper .last-link:hover { border:1px solid #445c76; color:#fff; background-color: #445c76;}
.pagination-wrapper form {display: inline-block;}
.pagination-wrapper form select {width: 85px; padding: 0 0px 0 5px; height: 27px; margin-top: -2px; margin-right: 2px; border: 1px solid #445c76; cursor:pointer;}
.pagination-wrapper .table-search {display: inline-block; float: right; height: 28px; line-height: 28px; width: 180px;}

.add-new:hover{color:#fff;background-color:#445c76;}
.add-new{border: 1px solid #445c76;  border-radius: 50px;  box-sizing: border-box; color: #445c76;  cursor: pointer !important; display: inline-block; float: right; font: 600 12px/25px Open Sans; padding: 0 10px; position: relative;  text-align: center; text-shadow: none;  vertical-align: middle; margin: 23px 0;}

.avatar-element {border: 1px solid #DDDDDD; border-radius: 5px; box-shadow: 0 0 1px #CCCCCC; margin-left: 10px; width:45px; height:45px;}

select,
input[type="text"],
input[type="password"]{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #a7c5e9; border-radius: 25px; box-sizing: border-box; color: #34495e; font: 13px/30px Ubuntu;   outline: medium none; overflow: hidden; padding: 0 15px; height: 30px;}
textarea {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #a7c5e9; border-radius: 5px; padding: 10px 15px; color: #34495e; font: 13px/18px Ubuntu;   outline: medium none; overflow: hidden;  }

button {background-color: transparent; border: 1px solid #445c76; border-radius: 25px;  box-shadow: none; color: #445c76; font: 600 12px Open Sans;  padding: 5px 15px;}
input[type="button"] {display:inline-block;*display:inline;*zoom:1;padding:4px 10px 4px;margin-bottom:0;font-size:13px;line-height:18px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:middle;background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(top, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:dximagetransform.microsoft.gradient(enabled=false);border:1px solid #cccccc;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);cursor:pointer;*margin-left:.3em; font: 13px/18px Ubuntu; border-radius:25px;}

input[type="reset"] {display:inline-block;*display:inline;*zoom:1;padding:4px 10px 4px;margin-bottom:0;font-size:13px;line-height:18px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:middle;background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(top, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:dximagetransform.microsoft.gradient(enabled=false);border:1px solid #cccccc;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);cursor:pointer;*margin-left:.3em; font: 13px/18px Ubuntu;background-color:#faa732;background-image:-moz-linear-gradient(top, #fbb450, #f89406);background-image:-ms-linear-gradient(top, #fbb450, #f89406);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));background-image:-webkit-linear-gradient(top, #fbb450, #f89406);background-image:-o-linear-gradient(top, #fbb450, #f89406);background-image:linear-gradient(top, #fbb450, #f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);border-color:#f89406 #f89406 #ad6704;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:dximagetransform.microsoft.gradient(enabled=false); text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);color:#ffffff; border-radius:25px;}

input[type="submit"]{display:inline-block;*display:inline;*zoom:1;padding:4px 10px 4px;margin-bottom:0;font-size:13px;line-height:18px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:middle;background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(top, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:dximagetransform.microsoft.gradient(enabled=false);border:1px solid #cccccc;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);cursor:pointer;*margin-left:.3em;background-color:#5bb75b;background-image:-moz-linear-gradient(top, #62c462, #51a351);background-image:-ms-linear-gradient(top, #62c462, #51a351);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));background-image:-webkit-linear-gradient(top, #62c462, #51a351);background-image:-o-linear-gradient(top, #62c462, #51a351);background-image:linear-gradient(top, #62c462, #51a351);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);border-color:#51a351 #51a351 #387038;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:dximagetransform.microsoft.gradient(enabled=false); color:#fff; font: 13px/18px Ubuntu; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);color:#ffffff; border-radius: 25px;}
button.btn {font:13px/18px Ubuntu;}

button:hover, button:active {background-color: #445c76; color: #fff;}
input[type="button"]:hover, input[type="button"]:active {background-color:#e6e6e6; color:#333333; text-decoration:none;background-color:#e6e6e6;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
input[type="reset"]:hover, input[type="reset"]:active {text-decoration:none;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;background-color:#f89406;}
input[type="submit"]:hover, input[type="submit"]:active{background-color:#51a351; text-decoration:none; background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}

.ui-combobox .ui-combobox-button { border-radius: 0 25px 25px 0; box-shadow: none; height: 30px !important; background-color: #445c76;}
.ui-combobox .ui-combobox-button:hover { border:1px solid #445c76; background-color: #203754;}
.ui-combobox .ui-autocomplete {border-radius:2px;}
.ui-combobox .ui-combobox-input {border-right: 1px solid #a7c5e9; border-top: 1px solid #a7c5e9; border-bottom: 1px solid #a7c5e9; border-right: 0; font:13px/30px Ubuntu; height:30px; padding:0 15px; box-shadow: none; border-radius: 25px 0 0 25px;}
.ui-combobox .ui-button-icon-only .ui-icon {margin-left: -10px;}

.external form .fileinput {border-bottom: 1px solid #DDDDDD;padding: 0 0 10px;width: 60% !important;}
.external form .filelabel {margin:0;}
.external form .fileinput label {font:500 12px Ubuntu; width:100%;}
form fieldset{ border: 0 none; border-radius: 0; padding: 0 0 20px; }
form fieldset legend{ font-weight:bold; }
form label  {width:170px;float:left; color: #555; font: 500 12px Ubuntu; 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, form select.field-error, form textarea.field-error  { border:1px solid #dc9a9a !important; }
form input.disabled  { border:0;background-color:#eee; }
form input[type=submit] { width:80px; display:inline; }
form input[type=button] { width:80px; display:inline; }
form input[type=reset] 	{ width:80px; 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;line-height: 15px;}
form .row p {font: 13px/18px Open Sans;}
form .row h1 { border-bottom: 1px solid #a7c5e9; margin: 0 0 25px; padding: 0 0 10px; color:#30465d;}
form .row h3 { border-bottom: 1px solid #e7e7e7; font: 14px/21px Ubuntu; margin: 25px 0; padding: 0 0 4px;}

.students-seasons {position: absolute; right: 18%; top: -1px; padding-top: 0px; z-index:0;}
.student-search-box {float: left;}
.students-seasons-box {float: left;margin-left: 18px;}
.students-seasons input[type="text"] {padding:0 15px; width:200px; font:13px/30px Open Sans;}
.students-seasons select {padding:0 15px; font:13px/30px Open Sans; width:220px;}
h1 input[type="text"], h1 select {font:13px/30px Open Sans; padding:0 15px; border-radius: 25px;}

.hostfamily-seasons {padding:12px 0 0 !important;}
.hostfamily-seasons input[type="text"] {padding:0 15px; width:200px; font:13px/30px Open Sans;}
.hostfamily-seasons select {padding:0 5px; font:13px/30px Open Sans; width:220px;}
.hostfamily-seasons .hostfamily-search-box select {padding:0 5px;}
.hostfamily-seasons .hostfamily-search-box input[type="text"] {padding:0 15px;}
.hostfamily-seasons .hostfamily-search-box input[type="submit"] {padding: 4px 7px;margin-top: -1px;}

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

.action-button {border: 1px solid #445c76; border-radius: 25px;  box-shadow: none; font: 600 12px Open Sans;  padding: 5px 15px; display: inline-block; margin:5px; background-color: #445c76; color: #fff;}
.action-button:hover { background-color: transparent; color: #445c76; }
.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; font: 14px Arial; 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 {font: 13px Open Sans; 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 Wrapper */
.ui-datepicker {
	display: none;
	padding: 10px;
	cursor: default;
	text-transform: uppercase;
	font-family: Tahoma;
	font-size: 12px;
	background: #F1F1F1;
	border-radius: 6px;
	border: 4px solid #C5C3BF;
	/*box-shadow: 0 0 5px #F1F1F1;*/
	margin-top:-54px;
}

/* Calendar Header */
.ui-datepicker-header {
	position: relative;
	padding-bottom: 10px;
	border-bottom: 1px solid #d6d6d6;
}

.ui-datepicker-title { text-align: center; }

/* Month */
.ui-datepicker-month {
	position: relative;
	padding-right: 15px;
	color: #565656;
}

.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;
	color: #a8a8a8;
}

/* Prev Next Month */
.ui-datepicker-prev,
.ui-datepicker-next {
	position: absolute;
	top:5px;
	padding: 5px;
	cursor: pointer;
}

.ui-datepicker-prev {
	left: 0;
	padding-left: 0;
}

.ui-datepicker-next {
	right: 0;
	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: #a8a8a8;
}

.ui-datepicker-calendar td {
	padding: 0px;

	text-align: center;
}

.ui-datepicker-title select{
 font-size: 12px;
 padding-top:2px;
 padding-bottom:2px;
}
.ui-datepicker-calendar .ui-state-default {
	display: block;
	width: 24px;
	outline: none;
	text-decoration: none;
	color: #666;

	border: 1px solid transparent;
}

/* Day Active State*/
.ui-datepicker-calendar .ui-state-active {
	color: #666;
	border-color: #666;
}

/* Other Months Days*/
.ui-datepicker-other-month .ui-state-default { color: #565656; }


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

.dashboard-table-title { color: #30465d; font: 14px/24px Ubuntu; margin: 25px 0 8px; padding: 0 0 4px 3px; text-shadow: 1px 1px 1px #cccccc;}
.event-description { font: 12px/16px open sans; }
.link-more {padding: 2px 0 0 10px; text-align: left;}
.link-more a {color: #203754; font: 500 11px Ubuntu;}
.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;}
.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; font: 15px Open Sans; 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; font: 13px Open Sans;padding: 3px 0;}
.notifications-settings .not-list li .desc {font: 12px Arial; 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 i.fa-check span{ font:15px Open Sans;}
.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:12px Arial;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:12px Arial;margin:0;}
.notifications-settings .not-list li .not-form-box .not-form-items-f .not-form-item button {font: 13px/30px "Open Sans"; 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: 13px Open Sans;padding: 2px 0;}
.notifications-settings .not-list li .not-form-description span strong {font:italic bold 13px Open Sans;}
.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; font: italic 13px Open Sans; padding: 4px 0 6px;}
.support-form-description span strong {display: inline-block; font: 13px Open Sans; 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 { border: 1px solid #a7c5e9; padding: 0 15px; border-radius: 25px; font: 13px/30px Ubuntu; height: 30px; width: 230px; background: #fff url('../images/multiple-select.png') 208px top no-repeat; -webkit-appearance: none;appearance:none; -moz-appearance:none; background-position-x: 244px; cursor:pointer;}

article h1 { background-color: #dde6ef; border-bottom: 1px solid #a7c5e9; font: 16px/72px Ubuntu; margin: -25px -25px 0; padding: 0 25px; position:relative;}
article form h1 { background-color: transparent; border:0; font: 17px/18px Ubuntu; padding: 0; margin: 0 0 20px; text-shadow: 1px 1px 1px #cccccc;}
article.dashboard { padding: 0; width: 77%; padding:0;}
article.dashboard .content {padding:25px 20px 25px 0;}
article.dashboard .content .heading { margin:-25px 0 0; padding:0 25px;}
aside.dashboard-right-side {width:23%; height:100%; position:fixed;right:0; top:0; overflow-y:auto; background-color: #f6f7f9; border-left: 1px solid #ccc; box-shadow: 0 -1px 4px #ccc inset; margin-top: 50px;}
article.dashboard .dashboard-right-side .content { padding: 20px; position: relative; z-index: 1;}
.dashboard-right-side .content .title {border-bottom: 1px solid #cbd0d6; color: #445c76; font: 500 12px/22px Ubuntu; 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 {background-color: #f2f2f0; border-bottom: 1px solid #ccc; border-top: 1px solid #ddd;}
.dashboard-countups ul { margin: 0; padding: 0;}
.dashboard-countups .chart{  display: inline-block; margin: 30px 0 15px; position: relative; text-align: center; vertical-align: top;  width: 24%;}
.dashboard-countups .chart .chart-title { font: 14px Ubuntu; }
.dashboard-countups .chart span { display: block; font: 42px/42px Ubuntu; margin-top: 55px; }
.dashboard-countups .chart canvas { margin-top: -73px; }
.dashboard-stats {padding: 25px 25px 10px;}
.dashboard-stats .chart-title { color: #555;font: 15px Ubuntu; margin-bottom: -30px; position: relative;  z-index: 1;}
.dashboard-stats .graph-line-box { float: left; position: relative; width: 65%; }
.dashboard-stats .graph-combo-box { float: left; position: relative; width: 35%; }
.dashboard-stats .avg-chart {font: 14px Open Sans; 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-toolbar {margin-bottom: 0;}
.dashboard-calendar .fc-toolbar h2 {color: #30465d; font: 14px Open Sans;}
.dashboard-calendar .fc-toolbar .fc-button {background-color: transparent; background-image: none; border: 0 none;  box-shadow: none; color: #30465d; height: 20px;}
.dashboard-calendar .fc-toolbar .fc-button:hover {color:#253951;}
.dashboard-calendar .fc th, .dashboard-calendar .fc td {border: 0 none; color: #445c76; font: 12px Ubuntu; height: 20px !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-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: 30px; min-height: 30px;}
.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: 4% 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: 400 16px Ubuntu; text-align: left; }
.dashboard-calendar .events-list li .event-body .event-time { color: #365574; font: 11px Ubuntu; padding:1px; text-align: left;}
.dashboard-calendar .event-description {color:#999;font:12px/17px Open Sans; 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: 1px 10px 2px;}
.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: 2px solid #a7c5e9;  border-radius: 50%;  display: block; height: 40px; left: 5px; padding: 1px;  position: absolute;  width: 40px;}
.dashboard-birthdays-box .user-img > img {border-radius: 50%;}
.dashboard-birthdays-box .user-info {color: #30465d; font: 600 13px Open Sans; 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: 15px Ubuntu; 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: 15px Open Sans; 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: 12px Ubuntu; 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% 0 1% 2%;  position: relative; width: 22%; text-align: center; }
.dashboard .dashboard-menu li a { color: #626262; font: 600 15px Open Sans; padding: 15px; display: block;}
.dashboard .dashboard-menu ul li .fa { 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-contacts .title, .dashboard-flights .title { color: #555; font: 15px Ubuntu; padding: 20px 25px 5px;}
.dashboard-contacts .contact-item, .dashboard-flights .flight-item {float: left; margin: 1% 0% 0% 2%;  width: 46%;  position: relative;}
.contact-item .title, .flight-item .title { color: #555; font: 14px Ubuntu; padding: 15px 3px; }
.contact-item ul {  background-color: #f9f9f9; border: 1px solid #d1d1d1; border-radius: 2px; font: 12px/21px Open Sans; height: 85px; list-style: outside none none; margin: 0; padding: 10px 15px;}
.flight-item ul {  background-color: #f9f9f9; border: 1px solid #d1d1d1; border-radius: 2px; font: 12px/21px Open Sans; height: 100%; list-style: outside none none; margin: 0 0 10px 0; padding: 10px 15px;}
.contact-item ul li, .flight-item ul li {position:relative; padding:0 0 0 20px;}
.contact-item ul li .fa, .flight-item ul li .fa {color: #30465d; left: 0; position: absolute; top: 4px;}
.contact-item ul li span, .flight-item ul li span {color: #30465d; display: inline-block; font: 600 11px Open Sans; 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: 18px/28px Ubuntu; margin-bottom: 15px;}
.item-view-box .item-view-author, .item-view-box .item-view-date, .item-view-box .item-task-checkbox {color: #555; font: 13px/26px Ubuntu; 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: 500 14px/26px Ubuntu; 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:600 11px/14px Ubuntu; 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:13px/16px Ubuntu;}
.dashboard-box-item table tbody tr a{ font:13px/16px Ubuntu;}
.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:13px/16px Ubuntu;}
.dashboard-box-item table tbody tr td a{ font:13px/16px Ubuntu;}
.dashboard-logs {border-bottom:1px solid #ccc; padding-bottom: 20px;}
.dashboard-logs .title { color: #555; font: 15px Ubuntu; padding: 20px 25px;}
.dashboard-logs ul {list-style: none; margin: 0; padding: 0;}
.dashboard-logs ul li {padding: 0px 25px 5px; color: #30465d; font: 13px/18px Ubuntu;}
.dashboard-logs ul li span {color: #777; font: 500 11px Ubuntu; padding-right: 7px;}

.search-datatype-box {margin-top: 15px;}
.search-datatype-box .results-title { color: #FFFFFF; font: 500 13px Ubuntu; padding: 7px 15px;background-color: #FFC000; position:relative; border-radius: 25px; cursor: pointer;}
.search-datatype-box .results-box {display:none;}
.search-datatype-box.open .results-box {display:block;}
.search-datatype-box .itable {overflow-x: auto; padding: 15px;}
.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;}

.ms-parent .ms-drop input[type="checkbox"] {display:inline-block; margin-right:3px;}
.ms-drop ul > li label {font:12px Ubuntu;}
.ms-parent .ms-choice {border: 1px solid #a7c5e9; border-radius: 25px;  box-shadow: none;  font: 13px/30px Ubuntu; height: 30px; padding: 0 15px; }
.ms-parent .ms-choice:hover {box-shadow:none; background-color:#fff;}

.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: 12px Arial; padding: 7px 10px; text-align: left; width: 180px; vertical-align:top; border-bottom:1px solid #e3e3e3;}
.select-schools-box table td{ color: #333333; font: 13px/15px Arial; 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: 12px Arial;-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: bold 12px/20px Tahoma; }
.select-schools-box ul li .school-info { display:none; }
.select-schools-box ul li.checked .school-info {display:block;}

button.students-count {
    border: 0;
    vertical-align: baseline;
    padding: 0 20px;
}