:root{ --unicaf-pink: #db004d;--unicaf-black:#1d1d1b; }
html{ height:100%; }
body{ font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;	overflow-x: hidden;-webkit-font-smoothing: antialiased;
	background-color:#eeeeee; }
h1, h2{ font-weight:700; }
h3,h4,h5{ font-weight:400; }
.h4, h4{ font-size:1.25rem; }
.h5, h5{ font-size:1rem; }

header, .right-sidebar, .panel, nav.find-out-more, .table, .alt-box, .box,
.table-responsive, .col-table-flex{ -webkit-box-shadow: 0 0 5px rgba(0,0,0,.07);-moz-box-shadow: 0 0 5px rgba(0,0,0,.07);
	box-shadow: 0 0 5px rgba(0,0,0,.07); }

a{ color: #337ab7; }
a.hover{ color: #0056b3; }

.text-dark-grey {
	color: #333333 !important;
}

.twofa_btn_primary{
	background-color: #E69F43 !important;
	border-color: #E69F43 !important;
	color: #ffffff !important;
	font-weight: bold !important;
}

.animated{ -webkit-animation-duration: .6s;animation-duration: .6s;-webkit-animation-fill-mode: both;animation-fill-mode: both; }

/** ALERTS **/
.alert{ line-height: 1.275; }
.alert a{ text-decoration:underline; }
.alert.alert-alt::before{ line-height:1; }
.alert.alert-alt::before{ font-family:"Font Awesome 5 Pro"; }
.alert.alert-alt.alert-success::before{ content:'\f058'; }
.alert.alert-alt.alert-danger::before{ content:'\f057'; }

.text-white{color: #ffffff !important;}

.badge{ top:-1px; }

.fa-fw{ width: 16px; }

/** media elements **/
.media{ line-height:1rem; }
.media-right{ margin-left: .4rem; }

/** list group items **/
.list-group-item{ color:#555;font-size:90%; }
.list-group-item:hover, .list-group-item:focus{ background-color:#f5f5f5;text-decoration:none; }


.dropdown>.dropdown-toggle>.caret{ margin-left:6px; }
.dropdown-menu{ -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;margin:0;padding:0;border:none;
	-webkit-box-shadow: 0 5px 12px rgba(0,0,0,0.3);-moz-box-shadow: 0 5px 12px rgba(0,0,0,0.3);box-shadow: 0 5px 12px rgba(0,0,0,0.3); }
.dropdown-menu::before{ bottom: 100%;left: 85%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;
	border-color: rgba(255, 255, 255, 0);border-bottom-color: #fff;border-width: 8px;margin-left: -16px;top: -16px; }
.dropdown-menu-right::before{ left:initial;right:12%; }

.dropdown-menu>.dropdown-item,.dropdown-menu>li{ border-bottom:1px solid #f0f0f0; }
.dropdown-menu>.dropdown-item:last-child,.dropdown-menu>li:last-child{ border-bottom:none; }
.dropdown-item, .dropdown-menu>li>a{ padding:8px 20px;color:#999D9F;font-size:95%; }
.dropdown-header{ border-bottom:1px solid #f0f0f0; }
.dropdown-item:hover, .dropdown-item:focus,
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{ color:#8C212D; }
.dropdown-menu .dropdown-item:active{ background-color:#eee; }

/*.dropdown-menu>li>a>i{ width:30px;text-align:center; }*/
.dropdown-menu.media-list:before{ border-bottom-color: #E4E9ED; }
.dropdown-menu.media-list .dropdown-header{ background-color:#E4E9ED; }
.dropdown-menu>li.media{ padding:5px 20px;font-size:85%; }

/** bootstrap select */
.bootstrap-select .dropdown-header{ font-weight:600; }
.bootstrap-select .dropdown-divider{ display:none; }
.bootstrap-select .dropdown-item{ padding:.25rem 1rem; }

/** Progress bars */
.progress{ background-color:#f5f5f5;height:1rem;-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1); }
.progress.progress-xs{ height: 6px; }

.social-media>ul{ padding:0; }
.social-media>ul>li{ list-style:none;float:left;display:block;padding:2px 3px; }
.social-media>ul>li>a{ display:block;width:26px;height:26px;line-height:26px;text-align:center; }

/* RIGHT-SIDEBAR */
.right-sidebar ul { padding-left: 17px; }

/* TABLES */
.table{ background-color:#fff; }
.table>thead>tr>th{
	border-bottom:2px solid #8C222E;background: #586169 !important;color: #fff;
	background: -moz-linear-gradient(0deg,rgb(88, 97, 105) 0,rgb(45, 53, 60) 100%) !important;
	background: -webkit-linear-gradient(0deg,rgba(88,97,105,1) 0,rgba(45,53,60,1) 100%) !important;
	background: linear-gradient(0deg,rgb(88, 97, 105) 0,rgb(45, 53, 60) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#586169', endColorstr='#2d353c', GradientType=1 ) !important; }
.table>tfoot>tr>td, .table>tfoot>tr>th{ border-top-width: 2px; }
.table>thead>tr>th.cell-heading, .table>thead>tr>td.cell-heading{ background-color:#E3ECF5; }
.table.table-payment-methods{ font-size:90%; }
.table.table-condensed{ font-size:95%; }
.table.table-bordered>thead>tr>th{ border-color:#2d353c;border-bottom-color:#8C222E; }

.col-table>.tbody .tcell{ line-height:1.325rem; }
	/* Modules table */
.table-module-courses .module-expanded-row>td>.table-module-courses:last-child{ margin-bottom:0 !important; }
.table-module-courses .module-expanded-row>td{ background-color:#e4e4e4; }
@media(max-width: 767px){
	.table-module-courses>tbody>tr, .table-module-courses>tbody>tr>td{ display:block;width:100%; }
}

.accordion-tr{ padding:15px 8px;background-color:#fff;border-bottom:2px solid #d3d9da; }
.accordion-table .tbody .accordion-tr:last-child{ border-bottom:0; }
.accordion-table .tbody .tr.open{ background-color:#e1e1e1;color:#000; }
.accordion-table .accordion-toggle{ color:#ccc; }
.accordion-table .accordion-toggle:hover, .accordion-table .tr.open .accordion-toggle{ color:#999; }
.accordion-table .accordion-toggle>i{ -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out; }
.accordion-table .tr.open .accordion-toggle>i{ -webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);transform: rotate(-180deg); }

.col-table-flex .tfoot>.tr{ background-color:#f5f5f5; }


.box>.box-content .table-responsive, .box>.box-content .table{ -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none; }
.box.bg-light-grey .box-heading{ border-color:#dfe4e6; }

/** BUTTONS **/

/** LABELS **/
.label{ display:inline-block;padding:.3em .5em;font-size:75%;font-weight:600;line-height:1;text-align:center;white-space:nowrap;
	vertical-align:baseline;border-radius: .25rem; }
.label-success{ background-color:#5cb85c;color:#fff; }
.label-warning{ background-color:#f0ad4e; }
.label-default{ background-color:#777;color:#fff; }
.label-info{ background-color:#5bc0de;color:#fff; }
.label-primary{ background-color:#337ab7;color:#fff; }
.label-danger{ background-color:#DF4A43;color:#fff; }
.label.label-rounded{ padding:.3em 1em; }

/* BOXES */
.box .box-title .label-numbered{ top:-1px; }
.i-box-content{ background-color:#F2F5F7; }
.i-box-content .btn{ color: #fff;background-color: #5cb85c;border-color: #4cae4c; }
.i-box-content.selected{ background-color:#8C222E; }
.i-box-content.selected .btn{ color: #222;background-color:#fff;border-color:#f5f5f5; }
.info-box{ line-height:1.255rem; }
.info-box>.info-box-title{ font-size:1.5rem; }


/* PANELS */
.panel>.panel-heading>.panel-controls{ position: absolute;right: 10px;top: 10px; }
.panel>.panel-heading>.panel-controls>ul{ padding: 0;margin: 0;list-style: none; }
.panel>.panel-heading>.panel-controls>ul>li{ display: inline-block;padding-left: 8px; }
.panel .panel-controls .toggle-panel-body>i{ -webkit-transition: transform .3s ease-in-out;-moz-transition: transform .3s ease-in-out;transition: transform .3s ease-in-out; }
.panel.open .panel-controls .toggle-panel-body>i{ -webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg); }

.panel.panel-neutral{ background-color:#ddd;border-color:transparent;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; }
.panel.panel-neutral>.panel-heading{ padding: 15px;background-color:transparent;border-color:#eee; }
.panel.panel-neutral>.panel-heading>.panel-title::before{ content: "";position: absolute;left: -1px;height: 18px;width: 5px;background-color: #8C212D; }
.panel.panel-neutral>.panel-heading>.panel-controls{ top:14px; }

.panel.panel-default{ border:0; }
.panel.panel-default>.panel-heading{ background-color:#ddd; }

.panel-group>.panel>.panel-heading{ padding:0; }
.panel-group>.panel>.panel-heading>a{ padding:10px 15px;position:relative;display:block;font-weight:500;text-decoration:none;border-left:5px solid #F6AA47; }
.panel-group>.panel>.panel-heading>a.collapsed{ border-color:#fff; }
.panel-group>.panel>.panel-heading>a.collapsed:hover{ border-color:#8C212D; }
.panel-group>.panel>.panel-collapse{ background-color:#fff; }

/** CARDS **/
.card>.card-header, .card>.card-header>.card-title{ font-size:1.1em; }
.login-card{ background-color:#ddd;border:none; }


/* PAGE CONTAINER */
#page-container{ padding-top:110px; min-height:100vh;display: -ms-flexbox;display: flex; -ms-flex-direction: column;
	flex-direction: column;}
.loggedin #page-container{ padding-top:70px; }

/* HEADER */
header{ background-color:#fff;position:fixed;right: 0;left: 0;top:0;z-index:20;-webkit-box-shadow: 0 0 2px rgba(0,0,0,.15);-moz-box-shadow: 0 0 2px rgba(0,0,0,.15);
	box-shadow: 0 0 2px rgba(0,0,0,.15);-moz-transition: ease-in-out 0.2s;-o-transition: ease-in-out 0.2s;-webkit-transition: ease-in-out 0.2s;transition: ease-in-out 0.2s; }
header.fade-out{ opacity:.9; }
header.fade-out:hover, header.fade-out:focus{ opacity:1; }
/** Top bar */
.top-bar{ background-color:#303135;font-size:85%;line-height:40px;height:40px;color:#fff; }
.top-nav{ height:40px; }
.top-nav>.nav-item>.nav-link{ padding-top:0;padding-bottom:0;color: #ccc;height:40px; }
.top-nav>.nav-item>.nav-link>button{ padding:0;color: #ccc;border:0;width:40px;height:40px;display:inline-block;font-size:16px;background-color:transparent; }
.top-nav>.nav-item>.nav-link:hover, .top-nav>.nav-item>.nav-link:focus,
.top-nav>.nav-item>button:hover{ background-color:#F6AA47;color:#fff; }

/*header .header-navigation-bar{ padding:10px 15px; }*/
header #logo{ padding:10px 15px 10px 0; }
header #logo img{ max-height:50px; }

.header-navigation-bar{ position:relative; }
.header-navigation-bar nav.navbar{ margin-bottom:0;border:0;display:flex;align-items:center; }

/* header nav styles */
.header-navigation-bar .header-nav>.nav>.nav-item{ position:relative; }
.header-navigation-bar .nav>.nav-item>.nav-link{ font-weight:500;color:#999D9F;position:relative; }
.loggedin .header-navigation-bar .nav>.nav-item>.nav-link{ height:70px; }
.header-navigation-bar .nav>.nav-item>.nav-link.active,
.header-navigation-bar .nav>.nav-item>.nav-link:hover,
.header-navigation-bar .nav>.nav-item>.nav-link:focus{ color:#26282C; }
.header-navigation-bar .header-nav>.nav>.nav-item>.nav-link{ padding:0; }

.header-navigation-bar .navbar, .header-navigation-bar .navbar-brand{ padding:0; }
.header-navigation-bar .navbar-brand{ height:70px; }
.navbar-toggler>.icon-bar{ background-color:#2a2a2a; }
header .navbar-toggler{ position:relative;width:30px;height:30px;display:block;padding:0;order:2; }
.loggedin header .navbar-toggler{ order:initial;margin-right:1.75rem; }
header .navbar-toggler>.icon-bar{ height:2px;-webkit-transition: all .3s ease .3s, background .3s ease 0s;-moz-transition: all .3s ease .3s, background .3s ease 0s;
    transition: all .3s ease .3s, background .3s ease 0s;position:absolute;margin:0;right:0;width:100%;-webkit-border-radius: 2px;-moz-border-radius: 2px;
	border-radius: 2px;display:block; }
header .navbar-toggler>.icon-bar.icon-bar-1{ top:4px; }
header .navbar-toggler>.icon-bar.icon-bar-2{ top:13px; }
header .navbar-toggler>.icon-bar.icon-bar-3{ top:22px; }

.loggedin header .container{ max-width:100%; }


.user-nav .nav-item>.nav-link{ padding:15px;display:flex;align-items:center; }
.user-nav .nav-item>.nav-link:hover{ background-color:#eee; }
.user-nav .dropdown.show>.nav-link{ background-color:#eee; }

.user-nav .notifications-dropdown>.nav-link{ padding-left:25px;padding-right:25px; }
.user-nav .notifications-icon{ font-size:25px; }

.user-nav .user-menu{ flex-wrap:nowrap; }
.user-nav .user-menu>li>a.toggle-user-nav{ padding-right:35px;position:relative; }
.user-nav .user-menu>li>a.toggle-user-nav::after{ position:absolute;right:15px; }
.user-nav .user-menu>li>a img.user-picture{ width:35px;height:35px;margin-right:10px; }
.user-nav .user-menu>li>a .user-info{ font-weight:300;display:block;float:left;line-height:1em; }
.user-nav-submenu{ min-width:280px; }
.user-nav-submenu>li.dropdown-header{ font-size:14px; }
.user-nav-submenu>li.application-process{ padding:7px 10px;color:#212121; }

/* SIDENAV */
#sidenav{ width:220px;position:absolute;background-color: #303135;min-height: 100%;color: #8f939e;top:70px;left:0;bottom:0;z-index:10;-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);transform: translateZ(0);/*min-height: calc(100% - 60px);*/ }
#sidenav .sidebar-profile{ background-image:url('../images/yellowtriangles2.jpg');background-repeat:no-repeat;
	-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
	background-position:top center;padding:1.125rem .9rem;text-align:center;box-shadow: inset 0 0 50px 25px rgba(0,0,0,0.35);
	background-color:#B87F37;}

.students-profile #sidenav .sidebar-profile, .students-edit_application #sidenav .sidebar-profile{
	background-image:url('../images/darktriangles.png');background-color:transparent; }
#sidenav .avatar{ position:relative; }
#sidenav .avatar img.user-picture{ width:70px;height:70px; }
#sidenav .profile-body{ color:rgba(255,255,255,0.8);text-shadow:0 1px 1px rgba(0,0,0,0.3); }

#sidenav .profile-body .applicant-name{ color:#fff;font-weight: 700;font-size: 1rem; }

.sidenav-bg{ background-color: #303135;position: fixed;top: 70px;left: 0;bottom: 0;width: 220px;z-index: 0; }
.sidenav-backdrop{ position:fixed;z-index:-1;left:0;right:0;bottom:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);
	backdrop-filter:blur(2px);display:none; }
.sidenav-backdrop .close-sidenav{ background-color:transparent;border:none;top:1rem;right:1rem;color:#fff;opacity:.8;font-size:2.5rem;
	line-height:1;cursor:pointer;text-shadow: 0 0 2px 10px rgba(0,0,0,0.7); }
.sidenav-backdrop .close-sidenav:hover{ opacity:1; }

.sidebar-header{ margin:10px 0;padding:0 10px;font-size:.9rem; }
.sidenav-nav{ font-size:95%;padding-bottom: 20px; }
.sidenav-nav .sidenav-icon{ width:20px;text-align: center; }
.sidenav-nav .nav{ color:#9DA5AB; }
.sidenav-nav .nav>li>a{ /*color:#9DA5AB;*/color:#c3c8cc;font-weight:600; }
.sidenav-nav .nav>li>a:hover, .sidenav-nav .nav>li>a:focus, .sidenav-nav .nav>li.open>a{ background-color:#2B2C2F; }
.sidenav-nav .nav>li.active>a{ background-color:#E69F43;color:#fff; }
.sidenav-nav .submenu{ display: none;list-style: none;margin: 0;padding: 10px 0 10px 30px;position: relative;background-color: #26282C; }
.sidenav-nav .submenu:before{ content: '';position: absolute;left: 26px;top: 0;bottom: 0;width: 2px;background: #202225; }
.sidenav-nav .submenu>li>a{ padding: 5px 20px;display: block;font-weight: 300;color: #b6bcc1;text-decoration: none;position: relative; }
.sidenav-nav .submenu>li>a:before{ content: '\f111';font-family: 'Font Awesome 5 Pro';font-weight:500;position: absolute;left: 0;font-size: 7px;color: #b6bcc1;
    top: 50%;margin-top: -4px;margin-left: -6px; }
.sidenav-nav .submenu>li.active>a{ font-weight:400; }
.sidenav-nav .submenu>li>a:hover, .sidenav-nav .submenu>li>a:focus, .sidenav-nav .submenu>li.active>a{ color:#fff; }
.sidenav-nav .submenu>li.active>a:before{ color:#E69F43; }
.sidenav-nav .nav>li>a>.nav-caret{ float:right; }
.nav-caret i{ -webkit-transition: transform .3s ease-in-out;-moz-transition: transform .3s ease-in-out;transition: transform .3s ease-in-out; }
.sidenav-nav .nav>li.has-submenu.open .nav-caret i{ -webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg); }


/* CONTENT */
.content-container{-ms-flex-positive: 1 ; flex-grow: 1;}
#content{ padding-bottom:40px;padding-top:40px; }
.loggedin #content{ width:auto;margin-left:220px;padding-bottom:0; }
.loggedin #content .container{ max-width:100%; }
.accept-policies #content{ margin-left:0; }

.content-title{ color:#aaa;font-weight:500; }

.page-header{ text-transform:uppercase;margin-top:0;border:0;position:relative; }
.page-header>h1,.page-header>.title{ margin:0;font-size:2rem; }
.page-header .description{ font-weight:300;color:#89817F;font-size:0.5em;display:block; }
.page-header .description.inline{ display:inline-block; }
.page-header:after{ display:block;content:"";position:absolute;width:100px;height:2px;background-color: #8C212D;bottom: 0;left: 0; }
.modal .page-header{ display:none!important; }

nav.find-out-more{ margin-bottom:20px; }
nav.find-out-more .toggle-nav{ padding:0;border:0;height:40px;background-color:#ddd; }
nav.find-out-more .toggle-nav>.nav-title{ display:block;height:40px;line-height:40px;padding:0 10px;font-weight:500;color:#8C212D; }
nav.find-out-more .toggle-nav>.toggle-icon{ color:#fff;background-color:#8C212D;width:40px;height:40px;line-height:40px;float:right;border-left:1px solid #fff; }
#findMoreNav>li{ border-bottom:1px solid #eee;padding:5px 0; }
#findMoreNav>li:last-child{ border-bottom:0; }
#findMoreNav>li>ul.sub-menu{ padding-left:10px;list-style:none; }
#findMoreNav{ padding:5px 10px;background-color:#fff; }
#findMoreNav li a{ padding:5px 10px;display:block;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
#findMoreNav li .nav-parent-item{ padding: 5px 10px; }
#findMoreNav>li>a:hover, #findMoreNav>li>a:focus{ background-color:transparent; }
#findMoreNav>li.active>a, #findMoreNav ul.sub-menu>li.active>a{ background-color:#8C212D;color:#fff; }
#findMoreNav.nav-stacked>li+li{ margin-top:0; }

/* FOOTER */
footer{ background-color:#303135;border-top:4px solid #F6AA47;color:#999d9f;padding-top: 20px;
	margin-top:40px; }
footer a{ color:#F6AA47; }
footer a:hover, footer a:focus{ color:#fff; }
footer hr{ border-color:#3B3D41; }
.footer-widget{ margin-bottom:20px; }
footer .widget-title{ position:relative; }
footer .widget-title>.widget-heading{ margin-top: 0;font-size:20px;color:#fff;line-height:24px; }
footer .color-title{ color:#f5f5f5; }
footer a .list-decor{ color:#4B4F5C;margin-right:10px; }
footer .payment-queries{ font-size:85%; }
footer .copyright{ background-color:#26282C;padding: 10px 0;font-size: .835rem; }
footer .copyright .nav>.nav-item{ position:relative; }
footer .copyright .nav>.nav-item>a{ padding:0;margin: 0 30px 10px 0;display:block; }
footer .copyright .nav>.nav-item>a:hover, footer .copyright ul.nav>li>a:focus{ background-color:transparent; }
footer .social-media>ul>li>a{ background-color:#26282C;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; }
footer .social-media>ul>li>a:hover, footer .social-media>ul>li>a:focus{ background-color:#F6AA47; }


/* TILES */
.tiles{ position:relative;width:100%; }
.line-tiles{ margin-left:-7.5px;margin-right:-7.5px; }
.tile{ display:block;float:left;padding:7.5px;color:#f9f9f9; }
.tile .tile-inner{ background-color:#000;display:block;position:relative;max-height:100%;width:100%;overflow:hidden; }
.tile .tile-inner a{ color:#f9f9f9; }
.tile .photo{ font-size: 0; }
.tile .photo img{ height: auto;width: auto;max-width:100%;transition: opacity 0.5s ease;-webkit-transition: opacity 0.5s ease;-moz-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;opacity: 0.8;border:0; }
.tile .tile-title-container{ position:absolute;bottom:0;left:0;right:0;padding:15px;z-index:1; }
.tile .tile-title-container:after{ content: '';position: absolute;left: 0;bottom: 0;right: 0;top: -20px;z-index: 10;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.19) 18%, rgba(0,0,0,0.44) 43%, rgba(0,0,0,0.49) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(18%,rgba(0,0,0,0.19)), color-stop(43%,rgba(0,0,0,0.44)), color-stop(100%,rgba(0,0,0,0.49)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.19) 18%,rgba(0,0,0,0.44) 43%,rgba(0,0,0,0.49) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.19) 18%,rgba(0,0,0,0.44) 43%,rgba(0,0,0,0.49) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.19) 18%,rgba(0,0,0,0.44) 43%,rgba(0,0,0,0.49) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.19) 18%,rgba(0,0,0,0.44) 43%,rgba(0,0,0,0.49) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#7d000000',GradientType=0 ); }

.tile .tile-title{ margin:0;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:300;position: relative;z-index: 999;font-size: 1.2em; }

.tile .tile-content{ position:absolute;top:0;bottom:0;left:0;right:0;z-index:99; }
.tile .tile-content-title{ position:relative;top:0;left:0;right:0;padding:15px; }
.tile .tile-content-title .top-title{ margin:0;color:#fff;position: relative;z-index: 999;font-size:1.5em; }
.tile .tile-content-title:after{ content: '';position: absolute;left: 0;bottom: -20px;right: 0;top: 0px;z-index: 10;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.21) 70%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(70%,rgba(0,0,0,0.21)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.21) 70%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.21) 70%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.21) 70%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.21) 70%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); }
.tile .tile-content .content{ padding:15px; }
.tile-box{ position:relative;float:left; }
.tile-box-3x2{ width:60%; }
.tile-box-2x2{ width:40%; }
.tile-box-3x2 .tile-2x2{ width:66.66666667%; }
.tile-box-3x2 .tile-1x1{ width:33.33333333%; }
.tile-box-2x2 .tile-2x1{ width:100%; }
.tile-box-2x2 .tile-1x1{ width:50%; }
.tile.scholarships-tile .tile-inner{ background-color:#F6AA47; }
.tile.contact-tile .tile-inner{ background-color:#8C212D; }
.tile.programmes-tile .tile-inner{ background-color:#2E736A; }
.tile.apply-tile .photo>img.thumb-1x1{ display:none; }

.tile a:hover .photo>img{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);opacity: 0.5; }
.tile.scholarships-tile a .photo>img, .tile.contact-tile a .photo>img, .tile.programmes-tile a .photo>img{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  	filter: alpha(opacity=30);opacity: 0.3; }
.tile.scholarships-tile a:hover .photo>img, .tile.contact-tile a:hover .photo>img, .tile.programmes-tile a:hover .photo>img{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  	filter: alpha(opacity=100);opacity: 1; }
.tile.scholarships-tile .tile-title-container:after, .tile.contact-tile .tile-title-container:after, .tile.programmes-tile .tile-title-container:after{ display:none; }

/* BANNERS */
.banner{ padding:20px 15px;background-color:#303135;color:#b7b7b7;text-shadow: 1px 1px 0 rgba(0,0,0,0.5);text-align:center;margin-bottom:10px;background-repeat:no-repeat;
	-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;-ms-background-size: cover;background-size: cover;
	background-position: center center; }
.banner .banner-title{ position:relative;margin-top:0;font-weight:300;margin-bottom:30px;color:#fff; }
.banner .banner-title:after{ content:"";height:1px;width:50px;background-color:#fff;position:absolute;left:50%;bottom:-15px;margin-left:-25px; }
.banner.our-vision-banner{ background-image:url('../images/banner-office.jpg'); }

/* ALT-BOX */
.alt-box{ background-color:#fff;border:1px solid transparent;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin-bottom:20px; }

/* PROFILE */
.profile-page #content{ margin-left:0; }
.profile-basic-info{ margin-bottom:20px; }
.profile-basic-info>.bg{ min-height:170px;background-image:url('../images/yellowtriangles.svg');background-repeat:no-repeat;-webkit-background-size: cover;
	-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-position:center center;text-align:center;box-shadow: inset 0 0 50px 25px rgba(0,0,0,0.35);
    background-color:#B87F37; }
.profile-basic-info.box-rounded>.bg{ -webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;padding:25px 15px 70px 15px; }
.profile-basic-info .bg .title{ color:#fff;text-shadow: 0 1px 1px rgba(0,0,0,0.3);margin-top:0; }
.profile-basic-info .profile-avatar{ width:124px;position: relative;display: inline-block;padding:2px;background-color:#fff;
	box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.3);margin-bottom:10px;margin-top: calc(-72px - 0.625rem); }
.profile-basic-info .profile-avatar>.img{ width:120px;height:120px;background-size: cover;background-position: center center;
	box-shadow: inset 0px 0px 40px rgba(0,0,0,0.2);display:table-cell;vertical-align:middle; font-size:110%;font-weight:700; }
.profile-basic-info .profile-avatar, .profile-basic-info .profile-avatar>.img,
.profile-avatar>.avatar-trigger{ -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; }
.profile-avatar>.avatar-trigger{ position:absolute;bottom:2px;left:2px;display:block;overflow:hidden;width:120px;text-align:center; }
.avatar-trigger>.avatar-trigger-btn{ position:relative;color:#fff;text-decoration:none;font-weight:700;text-shadow: 0px 0.5px 0px #000;
	-webkit-font-smoothing: antialiased;height: 120px;display:block;width:100%;background-color:transparent; }
.avatar-trigger>.avatar-trigger-btn>.txt{ position: relative;opacity: 0;-webkit-transition: opacity .1s ease-out;-moz-transition: opacity .1s ease-out;
	transition: opacity .1s ease-out;z-index: 2;padding: 60px 5px 4px 5px;font-size:85%;line-height:1rem; }
.avatar-trigger>.avatar-trigger-btn>i{ position: relative;margin-bottom: 8px;font-size: 16px;z-index: 2; }
.avatar-trigger>.avatar-trigger-btn:before,.avatar-trigger>.avatar-trigger-btn:after{ background: #000;background: rgba(0, 0, 0, .6);
    background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .6) 50%, rgba(0, 0, 0, .6) 100%);
    background: -o-linear-gradient(transparent, rgba(0, 0, 0, .6) 50%, rgba(0, 0, 0, .6) 100%);
    background: -moz-linear-gradient(transparent, rgba(0, 0, 0, .6) 50%, rgba(0, 0, 0, .6) 100%);
    background: linear-gradient(transparent, rgba(0, 0, 0, .6) 50%, rgba(0, 0, 0, .6) 100%);content: '';height: 200%;left: -10%;position: absolute;
    right: 0;top: 100%;-webkit-transition: top .1s ease-out;-moz-transition: top .1s ease-out;transition: top .1s ease-out;z-index: 0;width:120%; }
.avatar-trigger>.avatar-trigger-btn:hover>.txt{ opacity:1; }
.avatar-trigger:hover>.avatar-trigger-btn:before, .avatar-trigger:hover>.avatar-trigger-btn:after{ top:0; }

#profile-nav{ margin-bottom:0; }
#profile-nav>.list-group-item{ border:none; }
#profile-nav>.list-group-item:hover, #profile-nav>.list-group-item:focus{ color:#8C212D; }

.profile-info-box>.box-heading{ background:#92652b;color:#fff;box-shadow:inset 0 0 25px 5px rgba(0,0,0,0.30); }
.profile-details-group{ clear:both;margin-bottom:10px; }
.profile-label, .profile-detail{ font-size:90%; }
.profile-label{ font-weight:300;margin-bottom:0; }
.profile-detail{ font-weight:600;position:relative; }

/* FORM */
.form-control, input[type="text"], select, textarea{ background-color:#f7f7f7; }
.button-row{ display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; }
.button-row .button-inline{ -ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;
	flex-grow: 1;max-width: 100%; }
.icon-input-group .has-icon{ padding-right: 2rem; }
.icon-input-group .input-icon{ position:absolute;right:.6rem;top:.6rem;color:rgba(0,0,0,0.3);pointer-events: none; }
.input-group-sm .has-icon{ padding-right:1.5rem; }
.input-group-sm .input-icon{ font-size: .875rem;top:.5rem;right:.5rem; }
.input-group{ -ms-flex-wrap: nowrap;flex-wrap: nowrap; }


.ui-widget{ font-size:0.9em; }

/* Required documents box */
#required-documents{ font-size:90%; }
.required-documents-box{ background-image:url('../images/linedpaper.jpg'); }

/* Register */
.state-container{ display:none; }
.state-container.show{ display:block; }

/* Scholarship Form */
.applicant-info-table>thead>tr>th{ background-color:#303135;color:#f5f5f5; }
.applicant-info-table>tbody>tr>td{ font-weight:300; }
.applicant-info-table>tbody>tr>td>.text-dotted{ font-weight:500; }

/** Documents Modal **/
#choose_file .inputfile{ border:1px solid #ddd;background:#f5f5f5;padding:15px 10px;
	-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
	-moz-transition: ease-in-out 0.2s;-o-transition: ease-in-out 0.2s;-webkit-transition: ease-in-out 0.2s;transition: ease-in-out 0.2s; }
#choose_file .inputfile:hover{ background:#e5e5e5; }
#choose_file .has-error .inputfile{ border-color: #DF4A43; }

/* DOCUMENTS */
.uploaded-documents-list{ font-size:90%;background-color:#eee; }
.uploaded-documents-list .list-group-item{ background-color:transparent;border:0;border-bottom:1px solid #ddd; }
.uploaded-documents-list .list-group-item:last-child{ border-bottom:0; }
.uploaded-documents-list .media-body{ line-height:1; }
.uploaded-documents-list .file-info{ color:#999; }
.uploaded-documents-list .media-heading{ word-break:break-word; }
.uploaded-documents-list .media-right{ vertical-align:middle; }
.uploaded-documents-list .media-right .dropdown-toggle{ font-size:1rem; }
.uploaded-documents-list .media-right .dropdown-menu{ top:50% !important;margin-top:17px;right:-25px;
	left: auto !important;transform: none !important; }
.uploaded-documents-list .dropdown-toggle:after{ display:none; }


#documents-wrapper{ font-size:90%; }
#documents-wrapper .list-group-item{ background:#f6ecd9;border-color:#e4d4b2; }
#documents-wrapper .media .doc-type{ color:#8a8a8a; }

.transcript-table .show-grading-scale{ min-width:60px;text-align:center;display:inline-block;padding: .4rem 1rem;
	font-size:1rem;text-decoration:none;font-weight:bold;border-radius: 4px; }

/* timer */
.nav-divider {
	border: 0;
    height: 1px;
    margin: 8px 0 ;
    background-image: -webkit-linear-gradient(left, #303135, #6b6a6a, #303135);
    background-image: -moz-linear-gradient(left, #303135, #6b6a6a, #303135);
    background-image: -ms-linear-gradient(left, #303135, #6b6a6a, #303135);
    background-image: -o-linear-gradient(left, #303135, #6b6a6a, #303135);
}
/* APPLICATION _ DEPOSIT */
.img-payment-method{ display:inline-block; }

.steps-nav .list-group-item{ line-height:1rem; }

.text-warning{ color:#8a6d3b !important; }
.text-sm{ font-size:.835em !important;line-height:1.125em; }
.text-xs{ font-size:.75em !important;line-height:1em; }

/* Live Chat Z-Index */
#chat-widget-container { z-index: 1000 !important; }

/** Sign with social accounts **/
.sign-in-providers{ list-style:none;padding:0;margin:0; }
.sign-in-providers>li{ margin:0 .25rem; }
.sign-in-providers>li:first-child{ margin-left:0; }
.sign-in-providers>li:last-child{ margin-right:0; }
.sign-in-provider-btn{ width: 30px;height:30px;line-height:30px;background-color:#fff;
	display:block;text-align:center;border-radius: 50%;border:1px solid rgba(0,0,0,0.05);font-size:.85rem; }
.sign-in-provider-btn:hover{ text-decoration:none; }
.sign-in-provider-btn.btn-facebook{ background-color:#3b5998;border:none;color:#fff; }
.sign-in-provider-btn.btn-facebook .fab::before{ content:'\f39e'; }
.sign-in-provider-btn.btn-twitter{ background-color:#1DA1F2;border:none;color:#fff; }
.sign-in-provider-btn.btn-twitter .fab::before{ content:'\f099'; }
.sign-in-provider-btn.btn-linkedin{ background-color:#2867B2;border:none;color:#fff; }
.sign-in-provider-btn.btn-linkedin .fab::before{ content:'\f0e1'; }

.sign-in-provider-btn .social-auth-badge{ position:absolute;top: 1px;right: 0px;display: block;
	width: 10px;height: 10px; }
.sign-in-provider-btn .social-auth-badge{ background-color:#E73C4C;padding:0; }
.active .sign-in-provider-btn .social-auth-badge{ background-color:#27AE60; }

.btn-facebook{ background-color:#3b5998;border:none;color:#fff; }
.btn-facebook:hover, .btn-facebook:focus{ color:#fff; }
.btn-facebook .fab::before{ content:'\f39e'; }
.btn-twitter{ background-color:#1DA1F2;border:none;color:#fff; }
.btn-twitter:hover, .btn-twitter:focus{ color:#fff; }
.btn-twitter .fab::before{ content:'\f099'; }
.btn-linkedin{ background-color:#2867B2;border:none;color:#fff; }
.btn-linkedin:hover, .btn-linkedin:focus{ color:#fff; }
.btn-linkedin .fab::before{ content:'\f0e1'; }

.input-group .iti{ display:flex;flex-grow: 1; }

.input-group .iti .form-control {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.iti__flag-container {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	z-index: 4;
}

.phone-status,
.phone-status-home,
.phone-status-mobile{
	font-size: 11px !important;
}

/* notifications dropdown */
.notifications-dropdown .notification-item{ text-decoration:none;border-bottom: 1px solid #f4f4f4;padding:.35rem 1.35rem;
	color: #333;font-size:.9em;display:block;border-left:4px solid transparent; }
.notifications-dropdown .notification-item.is-not-clicked{ background-color:#fff3cd;color:#856404;border-bottom-color:#efe3be; }
.notifications-dropdown .notification-item:hover{ border-left:4px solid #ddd; }
.notifications-dropdown .notification-item.is-not-clicked:hover{ border-left-color:#856404; }
.notifications-dropdown .notification-item .notification-content{ line-height:1.25;margin-bottom:.25rem; }
.notifications-dropdown .notification-item .notification-heading{ margin-bottom:.2rem;font-weight:600; }
.notifications-dropdown .notification-item .notification-body{ font-size:.95em; }
.notifications-dropdown .notification-item .notification-datetime{ text-align:left;font-size:.7em; }
div.top-head-dropdown{ max-height: 220px;overflow-y: auto;}
.notifications-icon-holder .badge{ position:absolute;top:-3px;right:-10px;background-color:var(--warning);
	color:var(--unicaf-black); }
#notifications-container { padding: 0;list-style-type: none; }

.ul-notification-menu .dropdown-footer { padding:10px 20px; }
.ul-notification-menu .dropdown-footer a { color:#333; font-size:12px; }
.ul-notification-menu .dropdown-footer>a:hover { background: 0 0!important; text-decoration: underline!important; }

/* notifications table*/
.notifications-table .notification-row td{ vertical-align: middle; }
.notifications-table .notification-row:hover td{ background-color:#f9f9f9; }
.notifications-table .notification-row.is-not-clicked td{ background-color: #fff3cd;border-color: #efe3be;color:#856404; }
.notifications-table .notification-icon{ height:36px;width:36px;line-height:36px;color: #fff;border-radius: 50%;font-size: 20px;
	background-color:var(--primary); }
.notifications-table .is-not-clicked .notification-icon{ background-color:var(--warning); }

/*2fa Section*/

.text-dark-grey {
	color: #333333;
}

.twofa_btn_primary {
	background-color: #E69F43;
	border-color: #E69F43 ;
	color: #ffffff ;
	font-weight: bold;
}

.btn_2fa_submit_button {
	background-color: #F6AA47;
	border-color: #F6AA47;
	color: white;
	width: 100%;
	opacity: 1;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px;
}

.btn_2fa_submit_button:hover {
	background-color: #F6AA47;
	border-color: #F6AA47;
	color: white;
	width: 100%;
	font-weight: bold;
	opacity: 0.6;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px;

}

.btn_2fa_exit_button {
	background-color: #F6AA47;
	border-color: #F6AA47;
	color: white;
	opacity: 1;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px;
}

.btn_2fa_exit_button:hover {
	background-color: #F6AA47;
	border-color: #F6AA47;
	color: white;
	font-weight: bold;
	opacity: 0.6;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px;
}

.twofa_btn_primary:hover {

	font-weight: bold;
	opacity: 0.6;
}

.powered-by-logo-wrapper{ padding:.25rem;border-radius:.25rem;background-color:#fff;line-height:1; }

/** Bootstrap 3 styles - Compatibilty with v4 **/
/*.img-responsive{ max-width: 100%;height: auto; }*/


/**
* IMPORTANT
*
* Keep the media queries always at the end of the css file
* Any other css code must be above
**/

@media (min-width: 576px){
	/*header .user-nav{ float:right; }*/
	.user-nav .notifications-dropdown .dropdown-menu{ width:350px; }
}

@media (min-width: 768px)
{
	.dropdown-menu{ right: 0;left: auto; }
	.topnav-icon, .menu-icon{ display:none; }
	header .header-navigation-bar nav.main-nav>.nav>li>a{ padding:25px 15px; }

	/* header nav styles */
	.header-navigation-bar .header-nav{ float:right; }
	.header-navigation-bar .header-nav>.nav>.nav-item{ padding:15px; }
	.header-navigation-bar .header-nav>.nav>.nav-item>.nav-link{ padding:10px 0; }
	.header-navigation-bar .main-nav>.nav>.nav-item>.nav-link{ padding:25px 15px; }
	.header-navigation-bar .header-nav>.nav>.nav-item>.nav-link:after{ position: absolute;top: 100%;left: 0;width: 100%;height: 1px;background: #8C212D;content:"";
		opacity: 0;-webkit-transition: height 0.2s, opacity 0.2s, -webkit-transform 0.2s;-moz-transition: height 0.2s, opacity 0.2s, -moz-transform 0.2s;
		transition: height 0.2s, opacity 0.2s, transform 0.2s;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);
		transform: translateY(0px); }
	.header-navigation-bar .header-nav>.nav>.nav-item>.nav-link:hover,
	.header-navigation-bar .header-nav>.nav>.nav-item>.nav-link:focus{ background-color:transparent; }
	.header-navigation-bar .header-nav>.nav>.nav-item>.nav-link:hover:after,
	.header-navigation-bar .header-nav>.nav>.nav-item>.nav-link:focus:after,
	.header-navigation-bar .header-nav>.nav>.nav-item>.nav-link.active:after{ height: 2px;opacity: 1;-webkit-transform: translateY(-6px);
		-moz-transform: translateY(-6px);transform: translateY(-6px); }

	header .main-nav{ float:left; }
	.user-nav .user-menu>li>a .user-info .user-name{ margin-bottom:0; }

	.loggedin header .navbar-header{ width:235px; }

	#sidenav .sidenav-container{ display:block !important; }
	#sidenav .slimScrollDiv{ height:auto !important; }

	.loggedin #content{ padding:40px 10px 0 10px; }

	#about .profile-details .dl-horizontal dt{ width:100px; }
	#about .profile-details .dl-horizontal dd{ margin-left:120px; }

	/* LOGGEDIN FOOTER */
	.loggedin footer{ margin-left:-10px;margin-right:-10px; }
	.loggedin footer{ background-color:#fff;border-top:1px solid #e4e4e4; }
	.loggedin footer a{ color:#8C212D; }
	.loggedin footer hr{ border-color:#eee; }
	.loggedin footer .color-title{ color:#303135; }
	.loggedin footer .copyright{ background-color:#E2E2E2; }
	.loggedin footer .widget-title>.widget-heading{ color:#303135;font-weight:300; }
	.loggedin footer .social-media>ul>li>a{ background-color:#E2E2E2;color:#303135; }
	.loggedin footer .social-media>ul>li>a:focus, .loggedin footer .social-media>ul>li>a:hover{ background-color:#8C212D;color:#fff; }

	.loggedin .debug{ margin-left:220px; }

	.loggedin .powered-by-logo-wrapper{ padding:0;background-color:transparent; }
}

@media (min-width: 992px){
	.notifications-filters-card .filters-card-body-holder.collapse{ display:block; }
	.find-out-more>.nav.collapse{ display: block!important; }
}

@media (min-width: 1600px){
	.container,.container-xl,.container-lg,.container-md,.container.sm{ max-width:1500px; }
}

@media (min-width: 992px) and (max-width: 1199px)
{
	.tile.login-tile .tile-content-title{ margin-bottom:0; }
	.tile.login-tile .tile-content-title .top-title{ font-size:24px; }
	.tile.apply-tile .photo>img{ max-width:105%; }
	.tile.apply-tile .photo{ height:176px; }
}



@media (min-width: 768px) and (max-width: 991px)
{
	.tile-box-3x2, .tile-box-2x2{ width:100%; }
	.tile-box-2x2 .about-us-tile, .tile-box-2x2 .contact-tile, .tile-box-2x2 .apply-tile{ width:33.33333333%; }
	.tile.apply-tile .photo>img.thumb-1x1{ display:block; }
	.tile.apply-tile .photo>img.thumb-2x1{ display:none; }
}

@media (max-width:991.98px){
	footer{ font-size: .9rem; }
}

@media (max-width: 767.98px)
{
	.top-bar{ text-align:center; }
	.top-bar .top-nav{ display:block; }
	.top-bar .top-nav>.nav-item{ display:inline-block; }

	.topnav-icon{ font-size:18px; }
	.topnav-label{ display:none; }
	.menu-icon{ margin-right:10px; }
	.header-navigation-bar{ padding:0; }

	.header-navigation-bar .header-nav{ border-top: 1px solid #f9f9f9; }
	.header-navigation-bar .header-nav>.nav{ padding:10px 0; }
	.header-navigation-bar .header-nav>.nav>.nav-item>.nav-link{ padding:7px 10px;border-bottom:1px solid #f9f9f9; }
	.header-navigation-bar .header-nav>.nav>.nav-item>.nav-link:hover,
	.header-navigation-bar .header-nav>.nav>.nav-item>.nav-link:focus{ background-color:#eee; }
	.header-navigation-bar .header-nav>.nav>.nav-item:last-child>.nav-link{ border-bottom:none; }

	.header-navigation-bar .navbar-toggler{ color:#2a2a2a; }
	.header-navigation-bar .navbar.open .navbar-toggler>.icon-bar.icon-bar-1{ -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);
		transform: rotate(45deg);top: 12px; }
	.header-navigation-bar .navbar.open .navbar-toggler>.icon-bar.icon-bar-2{ opacity: 0;right: -30px; }
	.header-navigation-bar .navbar.open .navbar-toggler>.icon-bar.icon-bar-3{ -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);bottom: 12px;top:12px; }
	header .user-nav{ margin:0 -15px;padding:0;border-top: 1px solid #f7f7f7; }
	/*header .user-nav .user-menu{ display:block;float:right; }*/
	header .user-menu .dropdown-menu{ right: 0;left: auto;position:absolute; }

	header .main-nav .dropdown-menu{ -webkit-animation-name: zoomIn;animation-name: zoomIn; }
	.user-nav .user-menu>li>a .user-info{ font-size:.9rem; }
	.user-nav .user-menu>li>a.toggle-user-nav .caret{ margin-top:23px; }
	/*.loggedin header{ z-index:5; }*/
	.loggedin header .header-nav.navbar-left{ position:absolute;top:0;right:0;margin:0; }
	.loggedin #content{ top: 0;margin-bottom: 0;margin-left:0; }
	.accept-policies #page-container{ padding-top:70px; }
	.loggedin header .header-navigation-bar nav.navbar{ padding:0; }

	#sidenav, .sidenav-bg{ top:0;padding-top:0;left:-220px; }
	.sidenav-toggled #sidenav, .sidenav-toggled .sidenav-bg{ left:0;-webkit-animation: sidebarSlideInLeft .4s;-moz-animation: sidebarSlideInLeft .4s;
    -o-animation: sidebarSlideInLeft .4s;-ms-animation: sidebarSlideInLeft .4s;animation: sidebarSlideInLeft .4s; }
	#sidenav, .sidenav-bg{ z-index:1030;position:fixed; }
	.sidenav-bg{ z-index:1020; }
	.sidenav-toggled .sidenav-backdrop{ display:block;z-index:1000; }
	.main-nav .navbar-nav .open .dropdown-menu{ position:relative; }
}

@media (min-width: 580px) and (max-width: 767px)
{
	.tile.login-tile .tile-content-title{ margin-bottom:0; }
	.tile .tile-content .login-form.content{ padding-top:0; }
	.tile.login-tile .tile-content-title .top-title{ font-size:24px; }
	.tile-box-3x2, .tile-box-2x2{ width:100%; }
	.tile-box-2x2 .about-us-tile, .tile-box-2x2 .contact-tile, .tile-box-2x2 .apply-tile{ width:33.33333333%; }
	.tile.apply-tile .photo>img.thumb-1x1{ display:block; }
	.tile.apply-tile .photo>img.thumb-2x1{ display:none; }
}

@media (max-width: 579px)
{
	body, footer, .btn, .form-control, .input-group-text{ font-size: .835rem; }

	.tile.login-tile .tile-content-title .top-title{ font-size:24px; }
	.tile-box-3x2, .tile-box-2x2{ width:100%; }
	.tile-box-3x2 .tile-2x2{ width:100%; }
	.tile-box-3x2 .tile-1x1{ width:50%; }

	.form-control{ height: calc(1.8125rem + 2px);padding: .25rem .5rem;line-height: 1.5;border-radius: .2rem; }
	.input-group-text{ height: calc(1.8125rem + 2px);padding: .25rem .5rem; }

	.page-header>h1,.page-header>.title{ font-size:1.5rem; }
	footer .copyright{ font-size: .8rem; }
}

@media (max-width:575.98px){
	header .navbar-toggler{ width:26px;height:26px; }
	header .navbar-toggler>.icon-bar.icon-bar-1{ top: 6px; }
	header .navbar-toggler>.icon-bar.icon-bar-3{ top: 21px; }
	header #logo img{ max-height: 35px; }
	.loggedin header #logo img{ max-height: 32px; }
	.user-nav .user-menu>.nav-item>.nav-link{ padding:15px; }
	.user-nav .user-menu>.nav-item>.nav-link.toggle-user-nav{ padding-right:25px; }
	.user-nav .user-menu>.nav-item>.nav-link.toggle-user-nav::after{ right:10px; }
	.user-nav .notifications-icon{ font-size:20px; }
	.header-navigation-bar .user-nav .user-menu .user-picture{ width:25px;height:25px;margin-right:0; }
	.header-navigation-bar .user-nav .user-menu .user-info{ display:none; }
	.user-nav .notifications-dropdown .dropdown-menu{ position:fixed;top:70px;left:15px;right:15px; }
	.user-nav .notifications-dropdown .dropdown-menu::before{ display:none; }
	.loggedin #content{ padding-top:2rem; }
}

@media (max-width: 479px)
{
	.tile.login-tile .tile-content-title{ margin-bottom:10px; }
	.tile.login-tile .photo{ height:380px; }
	.tile.login-tile .photo>img{ max-width:140%; }
	.btn{ white-space:normal; }
}

@media (max-width: 359.98px){
	header .navbar .toggle-header-nav{ width:26px; }
	header .navbar .navbar-toggle>.icon-bar{ width:20px; }
}

@media (max-width: 319.98px)
{
	.top-bar{ display:none; }
	#page-container{ padding-top:70px; }
	#content{ padding-top:20px; }
	.tile.login-tile .tile-content-title .top-title{ display:none; }
	.tile .tile-title{ font-size:.9em; }

	.user-nav .user-menu>li>a img.user-picture{ margin-right:0; }
	.user-nav .user-menu>li>a .user-info{ display:none; }

	.loggedin header .navbar-toggler{ margin-right:1rem; }
}

@media (max-width: 239.98px)
{
	#sidenav, .sidenav-bg{ width:140px;font-size:90%; }
}

/**
* IMPORTANT
*
* Keep the media queries always at the end of the css file
* Any other css code must be above
**/