/* Minification failed. Returning unminified contents.
(1,6): run-time error CSS1031: Expected selector, found '='
(1,6): run-time error CSS1025: Expected comma or open brace, found '='
 */
class="header"/**

FORZA STYLES FOR FIOS

Please see bottom of this stylesheet for Bootstrap and Calendar Overrides

**/


* { box-sizing:border-box; -moz-box-sizing:border-box; } 

html { height:100%; font-size:62.5%; /*10px*/ }

body { height:100%; font-size:inherit; background-color:#fff; font-family:'Lato',Helvetica,Arial,sans-serif; font-weight:400; color:#313b3d; background:url(../images/content-bg.jpg) #f6f6f6; /*-webkit-font-smoothing:antialiased;*/ }

html,body { min-height:100vh; }


/************************************ --- GLOBAL ELEMENT STYLES --- ************************************/

/********* FONTS *********/

/*** H ***/

h1, h2, h3, h4, h5, h6 { margin-bottom:0.5em; }


h2 { font-size:1.9em; }
h3 { font-size:1.8em; }
h4 { font-size:1.7em; }
h5 { font-size:1.6em; }
h6 { font-size:1.5em; }

h1, h2.h-1, h3.h-1, h4.h-1, h5.h-1, h6.h-1 { font-size:2em; }


/*** P ***/

p { font-size:1.4em; line-height:1.25em; margin:0 0 1em; }
p strong { font-weight:700; }


/*** Text Variants ***/

.uppercase { text-transform:uppercase; }


/*** LISTS ***/

ul.content, ol.content { font-size:1.4em; line-height:1.25em; margin:0 2px 1em 0; overflow:hidden; }
ul.content ul, ul.content ol, ol.content ol, ol.content ul  { font-size:1em; }
ul.content li, ol.content li { margin:0 0 1em 30px; } 

ul.content li { list-style-type:disc; }
ol.content li { list-style-type:decimal; } 


/********* FORMS *********/

input, textarea, select { -webkit-border-radius:0; outline:none; }
select { -webkit-appearance: none; }

input[type="text"], 
input[type="number"], 
input[type="password"], 
input[type="email"], 
input[type="tel"], 
input[type="search"], 
input[type="url"], 
textarea,
select { background:#fff; padding:0.5em 1em; font-size:1em; height:45px; line-height:1.5em; color:#768387; border:solid 1px #d8e3e7; border-radius:0 !important; width:100%; outline:0; box-shadow:none; }

select { font-size:1.6em; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; position:relative; z-index:1; text-overflow:ellipsis; }

.sprites { background: url(../images/sprites.png) 0 0 no-repeat; }
.sprites1 { background: url(../images/sprites1.png) 0 0 no-repeat; }

.ez-hide { opacity:0; filter:alpha(opacity=0); }
.ez-checkbox { background-position:0 -26px; float:left; }
.ez-checkbox.disabled, .ez-radio.disabled { opacity:0.6 }
.ez-radio {  background-position:-72px -26px; display:inline-block; }
.ez-checked { background-position:-24px -26px; }
.ez-checked.disabled { background-position:-48px -26px; }
.ez-selected { background-position:-96px -26px; }
.ez-selected.disabled { background-position:-120px -26px; }
.ez-checkbox, .ez-radio { zoom:1; *display:inline; vertical-align:middle; margin-right:8px }
.ez-checkbox input, .ez-radio input  { margin:3px 0 0; display:block; width:22px; height:22px; vertical-align:top; cursor:pointer; }
.form-horizontal .checkbox, .form-horizontal .radio { float:left; padding:0; }

.form-group { display:flex; width:100%; margin:0; padding:5px 0; position:relative; font-size:1.6em; color:#768387; }
.form-group .input-group { display:block; overflow:hidden; padding-left:0; width:65%; }
.form-group > label { line-height:1.25em; width:35%; display:block; align-self:center; padding-right:2%; }
.input-group .form-control { float:none; width:100%; }
.input-group .custom-select { width:100%; border:none; height:45px; padding:0; }

input:disabled,input:read-only, select:disabled, textarea:disabled, textarea:read-only {
    background-color: #d9ddde !important;
}

    input:read-only:not(:disabled).hasDatepicker {
        background-color: #fff !important;
    }

.toast {
	font-size: 1.6em;
	max-width:unset;
}

	/********* DIALOGUE BOXES *********/
	.dialog-box { max-width:100%; position:absolute; z-index:101; margin:0 auto; left:0; right:0; top:0; }
.ui-widget-overlay { background:rgba(40,40,40,0.85); position:fixed; height:100%; width:100%; z-index:100; left:0; top:0; }

div.ui-widget-content { border-radius:3px; overflow:hidden !important; border:1px solid #fff; }
.ui-widget-header { background:#009bd4; }
.ui-dialog .ui-dialog-title { font-size:2.4em; font-weight:400; letter-spacing:0.025em; }

/* Dialogue Forms */
/*.dialog-box > form > .row > div:nth-of-type(odd) { border-right:1px solid #d8e3e7;  }*/
.dialog-box .block-title h3 { position:relative; padding-left:2.5em; }
.dialog-box .block-title h3 svg { position:absolute; left:1em; top:0.2em; color:#28a1cf; }
.dialog-box .form-group { padding-left:20px; padding-right:20px; }
.dialog-box .form-group > label { width:35%; display:block; align-self:center; padding-right:10px; }
.dialog-box .form-group > label.shrinkLabel { width:auto !important; min-width:80px; }
.dialog-box .form-group .input-group { flex:1 1 auto; width:65%; }
.dialog-box .custom-select select { padding-right:0; }

.dialog-box .chosen-container-single .chosen-single { border-radius:0; }

.button-row { margin-top:25px; }
.probation-info { color:#969595; font-size:14px; display:block; margin:4px 0 0; }
.input-group .form-control { float:none; }
.condition { font-size:20px; color:#797979; font-family:'Lato',Arial, Helvetica, sans-serif; margin:0 0 0 10px; }

.dialog-box .row { margin-left:0; margin-right:0; }

/* SPECIFIC FIXES */
/* Contract Form */
.form-group .col-6 { padding-left:0 !important; }
#SalaryDetails,
#RatesDetails { width:100%; }

input#ClientRate,
input#ClientOTRate,
input#Text_Daily { width:49.5% !important; text-align: center !important;  }

input#ClientRate_Hourly,
input#ClientOTRate_Hourly,
input#DailyCostRate_Hourly,
input#DailyOTCostRate_Hourly,
input#Text_Hourly,
input#DailyCostRate,
input#DailyOTCostRate { width:49.5% !important;text-align: center !important;}

/* Immmigration Details */

#trlable > div,
#trWorkPermit > div,
#trGNIB > div,
#trEntry > div,
#trWorkVisa > div { padding-left:10px; padding-right:10px; }


/********* TABLES *********/

table { font-size:1.6em; color:#768387 !important;}
table table { font-size:1em; }
/*
table { width:100%; font-size:1.4em; background:#fff; border-collapse:separate; border-spacing:1px; text-align:center; margin-bottom:30px; }
table th { background:#A0A0A0; padding:8px 10px 6px; vertical-align:top; text-align:center; font-weight:bold; color:#fff;  }
table td { background:#f1f1f1; padding:10px; text-align:center; vertical-align:middle;  }
table th, .cookie-table td { font-size:1.5em; line-height:1.5em; }
table tr th:last-of-type, .cookie-table tr td:last-of-type { text-align:left; }
*/

/********* IMAGES *********/

img { width:100%; height:auto; box-sizing:content-box; -moz-box-sizing:content-box; }
img.alignleft { float:left; margin:3px 50px 5px 0; width:100%; max-width:40%; }
img.alignright { float:right; margin:3px 0 5px 50px; width:100%; max-width:40%; }
img.aligncenter { display:block; margin:5px auto 25px; width:auto; }



/********* COLOURS *********/

/* blue and grey numbers = light to dark */

.blue-1-text, .light-text { color:#2eb4dd; }
.blue-2-text { color:#31a8db; }
.blue-3-text { color:#009bd4; }
.blue-4-text { color:#0a88ca; }
.grey-1-text { color:#b4cad4; }
.grey-2-text { color:#9bb2c5; }
.grey-3-text { color:#748ca8; }
.grey-4-text { color:#4c5e70; }

.white-text { color:#fff; }
.lime-text { color:#7cbe31; }
.green-text { color:#31aa3a; }
.navy-text { color:#005cae; }
.gold-text { color:#f38118; }
.orange-text { color:#ec4e1b; }
.red-text { color:#e6001c; }
.pink-text { color:#ea5499; }
.grey-text { color:#768387; }

.btn.btn-blue { background:#0a88ca; }
.btn.btn-red { background:#e6001c; }
.btn.btn-light-blue { background:#009bd4; }
.btn.btn-yellow { background:#f38118; }
.btn.btn-green { background:#7cbe31; }
.btn.btn-purple { background:#ea5499; }

.blue-1-bg { background-color:#2eb4dd; }
.blue-2-bg { background-color:#31a8db; }
.blue-3-bg { background-color:#009bd4; }
.blue-4-bg { background-color:#0a88ca; }
.grey-1-bg { background-color:#b4cad4; }
.grey-2-bg { background-color:#9bb2c5; }
.grey-3-bg { background-color:#748ca8; }
.grey-4-bg { background-color:#4c5e70; }

.btn.blue-1-bg { background-color:#2eb4dd; color:#fff; }
.btn.blue-2-bg { background-color:#31a8db; color:#fff; }
.btn.blue-3-bg { background-color:#009bd4; color:#fff; }
.btn.blue-4-bg { background-color:#0a88ca; color:#fff; }
.btn.grey-1-bg { background-color:#b4cad4; color:#fff; }
.btn.grey-2-bg { background-color:#9bb2c5; color:#fff; }
.btn.grey-3-bg { background-color:#748ca8; color:#fff; }
.btn.grey-4-bg { background-color:#4c5e70; color:#fff; }

.white-bg { background-color:#fff; }
.lime-bg { background-color:#7cbe31; }
.green-bg { background-color:#31aa3a; }
.navy-bg { background-color:#005cae; }
.gold-bg { background-color:#f38118; }
.orange-bg { background-color:#ec4e1b; }
.red-bg { background-color:#e6001c; }
.pink-bg { background-color:#ea5499; }
.grey-bg { background-color:#768387; }



/** Requires colour to be set on selector **/
.overlay { position:absolute; top:0; right:0; bottom:0; left:0; opacity:0.8; transition:opacity 300ms; }


/********* BUTTONS *********/

a.fios-button { position:relative; display:inline-block; color:#fff; font-size:1.4em; line-height:1em; padding:0.5em 1em; border-width:2px; border-style:solid; border-color:rgba(50,50,50,0.3); border-radius:1.5em; background-color:transparent; -webkit-transition:all 300ms; transition:all 300ms; }
a.fios-button:hover { color:#fff; background-color:rgba(50,50,50,1); border-color:rgba(50,50,50,1);  }

/* Bootstrap Button with FA Icon */

.btn .svg-inline--fa { margin-right:5px; }

/* Bootstrap Button Dropdown menus */

ul.dropdown-menu { font-size:1.5em; border:1px solid #7acde9; border-radius:5px; margin-top:5px; -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175); box-shadow:0 6px 12px rgba(0,0,0,.175); }
ul.dropdown-menu li { position:relative; }
ul.dropdown-menu li a { display:block; padding:0.5em 1em; color:#2eb4dd; text-decoration:none; white-space:nowrap; background-color:transparent; -webkit-transition:all 300ms;transition:all 300ms; }
ul.dropdown-menu li a:hover { color:#93aabd; background-color:#f7f9fa; }
ul.dropdown-menu li a svg { margin-right:5px; }

ul.dropdown-menu li.dropdown-submenu .fa-angle-down { position:absolute; right:10px; top:50%; transform:translateY(-40%); }

ul.dropdown-menu ul { font-size:inherit; margin-top:10px; }

.btn-set .dropdown-menu a { color:#2eb4dd; }


/* Title Buttons */

.block-title .btn { float:right; margin:3px 0 0 20px; position:relative; z-index:10; }

/* Action Buttons */

.action-button { position:relative; text-indent:-999em; display:inline-block; font-size:1em; margin-left:4px; width:34px; height:34px; border-radius:5px; background-color:transparent; transition:background-color 300ms; }
.action-button:first-child { margin-left:0; }
.action-button svg { text-indent:0; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; }
.action-button.edit svg { color:#7cbe31; -webkit-transition:color 300ms;transition:color 300ms; }
.action-button.view svg { color:#f38118; }
.action-button.download svg { color:#005cae; }
.action-button.remove svg { color:#e6001c; }

.action-button:hover { background-color:#b4cad4; }
.action-button:hover svg { color:#fff; }

/********* SPACING *********/

.pad-all { padding:3%; }


/************************************ --- SECTION STYLES ---  ************************************/


/********* HEADER *********/

header.header { padding:10px; background:url(../images/header-bg.jpg) center center no-repeat #065fa8; background-size:cover; position:relative; z-index:100;background-color: #9c0a21 }
/*header.header { padding:10px; background-size:cover; position:relative; z-index:100;background-color: #9c0a21 }*/
header.header #userMenu { margin:0; }
header.header .notifications { float:left; position:relative; white-space:nowrap; margin:15px 15% 0 13px; }
header.header .notifications > span { position:relative; display:inline-block; margin-right:40%; }
header.header .notifications > span span { vertical-align:middle; }
header.header .notifications svg { font-size:2.4em; color:#fff; }
header.header .notifications > span.star { margin-top:-2px; }
header.header .notifications > span.starred svg { color:#f8aa04; }

header.header .logo { display:block; float:left; width:auto; margin:-10px 0; }

header.header .search-form { float:right; position:relative; width:20%; max-width:280px; }
header.header .search-form div {  background:#f2f6f7; margin-top:7px; padding:0.5em 0em 0.6em 0em; font-size:1.4em; border-radius:5px; position:relative; overflow:hidden; }
header.header .search-form div input { border:none; background:none; float:left; color:#aebcc0; width:80%; line-height:1em; -webkit-appearance:none; -mox-appearance:none; outline:none; }
header.header .search-form div input.search-box { font-family:'Lato',Helvetica,Arial,sans-serif; font-weight:400; line-height:1.25em; width:100%; height:auto; padding:0; padding-left: 1em; padding-right: 3em;}
header.header .search-form div input#searchsubmit { width:20px; height:20px; position:absolute; top:0.5em; right:0.75em; }

header.header .user { float:right; position:relative; font-size:1.8em; color:#fff; white-space:nowrap; margin:4px 0 0 2%; }
header.header .user img.avatar { width:20px; height:20px; margin:0 10px; }
header.header .user svg { margin:0 10px; }
header.header .user span.username { font-weight:300; vertical-align:middle; }
header.header .user svg.fa-sign-out  { color:#9be2ff; }

ul.ui-autocomplete { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:1.3em; border-radius:3px; border:none; background-color:#f2f6f7; box-shadow:none; font-weight:400 !important; margin-left:0 !important; }
ul.ui-autocomplete li div { padding:0.25em 1em; }

/********* FOOTER *********/

footer.footer { padding:3em; background:url(../images/header-bg.jpg) center center no-repeat #065fa8; background-size:cover; text-align:center; }
footer.footer  small { color:#d0f1ff; font-size:125%; letter-spacing:0.05em; }


/********* CONTAINERS *********/

/*** Clearfix ***/

.clearfix:after,
.header:after,
.main-wrapper:after,
.content:after,
.page-title:after,
.block-title:after,
.carousel-inner:after { content:""; display: table; clear: both; }


/** Main Wrapper **/

.main-wrapper { display:block; position:relative; overflow:visible; }


/*** Side Nav ***/
.side-nav {  float:left; width:72px; margin-left:-72px; }
.side-nav { width:auto; background-color:#3c4b5d; padding:12px 0; }
.side-nav ul { font-size:1.3em; line-height:1.25em; list-style-type:none; margin:0; padding:0; }
.side-nav ul li { list-style-type:none; text-transform:uppercase; margin:0; padding:0; white-space:nowrap; }
.side-nav ul li:first-of-type { text-transform:none; }
.side-nav ul li a,
.side-nav ul li span.show-hide { display:block; position:relative; color:#bbd3df; text-decoration:none; border-right:6px solid transparent; padding:10px 20px; cursor:pointer; -webkit-transition:background-color 300ms;transition:background-color 300ms; }
.side-nav ul li span.li-icon { display:inline-block; text-align:center; width:2em; line-height:inherit; }
.side-nav ul li svg { display:inline-block; font-size:1.2em; }
.side-nav ul li span.item { display:none; margin-left:1em; width:auto; white-space:nowrap; overflow:hidden; }
.side-nav ul li a:hover { background-color:#425469; }
.side-nav ul li.active a { background-color:#425469; color:#fff; border-color:#29abda; }

.side-nav ul.hide li span.item,
.side-nav ul.mobile-hide li span.item { display:none; /* margin-left:0; opacity:0; width:0; font-size:0; */ }


/** Content  Wrapper **/
.container-inner { float:left; width:100%; overflow:visible; position:relative; z-index:10; border-left:72px solid #3c4b5d; min-height:90vh; }
.container-inner .content-wrapper { float:right; width:100%; }
.content-wrapper > .container { margin-bottom:1%; }
.content-wrapper > .container > .row { margin-left:0; margin-right:0; }


/** Expand Sidebar **/
body.expand .container-inner { border-width:172px }
body.expand .side-nav { width:172px; margin-left:-172px; }
body.expand .side-nav ul li span.item { display:inline-block; }



/************************************ --- ELEMENT STYLES --- ************************************/



/********* ICON PSEUDO CLASSES *********/

/** Titles **/

.has-icon { position:relative; padding-left:2.5em; }
.has-icon svg { position:absolute; left:1em; top:0.075em; color:#28a1cf; } 

/* NOT USED ... INSERT <i> INSTEAD 
.has-icon:before { content:""; font-family:'Font Awesome 5 Light'; display:none; }


.icon-home:before { content:"\f015"; }
.icon-calendar-1:before { content:"\f073"; }
.icon-calendar-2:before { content:"\f784"; }
.icon-users:before { content:"\f0c0"; }
*/

/********* BLOCKS *********/

.content-wrapper .page-title { background-color:#fff; border-bottom:1px solid #d8e3e7; padding:1.5em 0; margin-bottom:1%; }
.content-wrapper .page-title h1 { display:inline-block; font-size:2.4em; margin:5px 0; }
.content-wrapper .page-title .btn-set { margin:3px 10px 0 0; }

.block-title { border-bottom:1px solid #d8e3e7; padding:1.5em 3% 1.5em 0; }
.dialog-box .block-title { background-color:#f7f9fa; border-top:1px solid #d8e3e7; border-bottom:1px solid #d8e3e7; margin-bottom:10px; }

.block-title h2,
.block-title h3 { font-size:2.4em; color:#00b1ef; display:inline-block; margin:0; }

.block-title .help-tip { margin-left:10px; top:7px; }
.block-title .help-tip svg { font-size:1.8em; }


/************************************ --- LOGIN PAGE --- ************************************/

.loginForm #wrapper { position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/globetech-fios-login-bg.jpg) center center no-repeat #00b6ef; background-size:cover; }
.loginForm .login-box { position:absolute; width:100%; max-width:700px; padding:20px; top:50%; left:50%; transform:translate(-50%,-50%); }
.loginForm .login-form { background-color:#fff; border-radius:5px; padding:20px 5%; }

.loginForm .login-form .logo { display:block; width:262px; margin:0 auto 30px; }

.loginForm .login-form fieldset { }
.loginForm .login-form input[type="text"],
.loginForm .login-form input[type="password"] { padding:0.75em 1em; height:auto; border-radius:2em !important; margin-bottom:20px; }
.loginForm .login-form input[type="submit"].btn { font-size:1em; border-radius:2em; padding:0.5em 2.5em; font-weight:300; }
.loginForm .login-form .submit-button { display:block; float:right; width:auto; }
.loginForm .login-form .reset-link { font-size:1.4em; padding:1em; display:inline-block; color:#2eb4dd; }
.loginForm .login-form .form-notes { clear:both; text-align:center; font-size:1.2em; padding:5% 2%; }



/************************************ --- HOMEPAGE --- ************************************/


/** User Row **/
.user-row .row > div { background-position:center center; background-size:cover; background-repeat:no-repeat; }

.user-row .hours-box { background-image:url(../photos/user-bg-hours.jpg); }
.user-row .vacation-box { background-image:url(../photos/user-bg-vacation.jpg); }
.user-row .leave-box { background-image:url(../photos/user-bg-leave.jpg); }
.user-row .approval-box { background-image:url(../photos/user-bg-approval.jpg); }

.user-row .hours-box .overlay { background-color:#a2bcc9; }
.user-row .vacation-box .overlay { background-color:#2da8db; }
.user-row .leave-box .overlay { background-color:#0a88ca; }
.user-row .approval-box .overlay { background-color:#065fa8; }

.user-row .row > div .overlay { }
.user-row .row > div:hover .overlay { opacity:1; }

.user-row .row > div > a { position:absolute; top:0; width:100%; bottom:0; } 

.user-row .user-box { color:#fff; padding:5%; position:relative; }
.user-row .user-box h4 { font-size:1.3em; font-weight:900; letter-spacing:0.05em; margin:0 0 1em; }

.user-row .hours-box .user-box h3 { position:absolute; top:45px; right:5%;}
.user-row .hours-box span.timer { display:inline-block; font-size:6.6em; font-weight:700; line-height:1em; margin-top:23px; }
.user-row .hours-box a.fios-button { float:right; margin-top:50px; }

.user-row .vacation-box p { font-size:2.4em; font-weight:700; margin-bottom:0.75em; }
.user-row .vacation-box .user-box > a:first-of-type { margin:0 5% 5% 0; }

.user-row .leave-box span.leave-taken { font-size:4.8em; font-weight:700; line-height:1em; }
.user-row .leave-box div.showprogress { position:relative; height:10px; border-radius:5px; margin-top:20px; background-color:#e9ecef; overflow:hidden; }
.user-row .leave-box div.showprogress span { position:absolute; left:0; top:0; right:100%; bottom:0; background-color:#23ef7b;  }

.user-row .approval-box span.pending-leaves { font-size:6em; font-weight:900; line-height:1em; }

/** Social Box 

.social-calendar-row .row > div:first-of-type { position:relative; background-size:cover; }
.social-calendar-row .row > div > .overlay { opacity:0.5; background-color:#14d8d3; }
.social-calendar-row .social-box { position:absolute; top:50%; transform:translateY(-50%); padding:5%; width:45%; max-width:360px; color:#fff; }
.social-calendar-row .social-box .overlay { background-color:#129ed8; }
.social-calendar-row .social-box:hover .overlay { opacity:1; }
.social-calendar-row .social-box h4 { font-size:1.3em; font-weight:900; letter-spacing:0.05em; margin-bottom:1em; position:relative; }
.social-calendar-row .social-box p { font-size:2.6em; font-weight:700; margin-bottom:1em; position:relative; }
**/

/** Week View Calendar **/

table.week-calendar-view { width:100%; background:#fff; border-collapse:separate; border-spacing:1px; text-align:center; border-bottom:20px solid #00b1ef; }
table.week-calendar-view th { padding:15px 10px; vertical-align:top; text-align:center; font-weight:bold; border-bottom:1px solid #d8e3e7;  }
table.week-calendar-view th span { display:block; }
table.week-calendar-view td { padding:10px; text-align:center; vertical-align:middle;  }
table.week-calendar-view tr.total-row td { padding:15px 10px; vertical-align:top; text-align:center; font-weight:bold; border-top:1px solid #d8e3e7;  }

table.week-calendar-view tr th:first-of-type, 
table.week-calendar-view tr td:first-of-type,
table.week-calendar-view tr.total-row td:first-of-type { text-align:left; }


/** Events Calendar - fullcalendar.io overrides in fullcalendar_custom.css**/

.content-wrapper .event-calender-row .block-title { border-bottom:none; }


/************************************ --- DASHBOARD PAGE --- ************************************/

.dashboard-page .filter-buttons .disabled { opacity:0.2; }

.dashboard-page .container .row { display:flex; flex-wrap:wrap; }
.dashboard-page .container .row > div { display:flex; width:100%; padding-left:0.75%; padding-right:0.75%; margin-bottom:1.5%; }
.dashboard-page .container .row > div .card { width:100%; max-height:600px; overflow-y:auto; }

.dashboard-upper .cssHR { background-color:#9bb2c5; }
.dashboard-upper .cssFIN { background-color:#2eb4dd; }
.dashboard-upper .cssLOG { background-color:#009bd4; }
.dashboard-upper .cssRec { background-color:#0a88ca; }

.dashboard-upper > div .card { padding-bottom:35px; overflow-y:hidden !important;}
.dashboard-upper > div .stats { position:absolute; bottom:10px; right:10px; font-size:1.6em; }

.dashboard-lower > div .card { border:1px solid #ebeef0; box-shadow: 0 7px 0 0 rgba(0,0,0,0.1); }

.dashboard-lower > div .card .block-title { border-bottom:none; padding:1.5em 0 2.5em; }
.dashboard-lower > div .card .block-title .has-icon { padding-left:1.25em; }
.dashboard-lower > div .card .block-title .has-icon svg { left:0; }



/************************************ --- PERSONAL PAGE --- ************************************/

.personal-details-row .col-3  { -ms-flex:0 0 24%; flex:0 0 24%; max-width:24%; margin:0 0 2% 1%; }
.personal-details-row .personal-profile { background-color:#eee; color:#768387; }
.personal-details-row .personal-profile .profile-photo { height:210px; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; }
.personal-details-row .personal-profile .profile-inner { padding:0 10% 5%; text-align:center; }
.personal-details-row .personal-profile .profile-avatar { width:120px; height:120px; overflow:hidden; border-radius:50%; margin:-80px auto 20px; position:relative; }
.personal-details-row .personal-profile .profile-inner > p { margin-bottom:0; }
.personal-details-row .personal-profile .profile-inner p.name { font-size:2em; }
.personal-details-row .personal-profile .profile-inner p.job-title { font-size:1.6em; }
.personal-details-row .personal-profile .profile-inner p.biography { padding:20px 0; }
.personal-details-row .personal-profile .profile-info { text-align:left; }
.personal-details-row .personal-profile .profile-info p { font-size:1.6em; }
.personal-details-row .personal-profile .profile-info p strong { margin-right:10px; }

.personal-details-row .personal-profile .edit-image { position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.5); cursor:pointer; opacity:0; -webkit-transition:opacity 300ms;transition:opacity 300ms; }
.personal-details-row .personal-profile .edit-image:hover { opacity:1; }
.personal-details-row .personal-profile .edit-image svg { color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }

.personal-details-row .personal-profile .profile-photo .edit-image svg { top:35%; font-size:5em; }
.personal-details-row .personal-profile .profile-avatar .edit-image svg { font-size:3.5em; }

.personal-details-row .col-9  { -ms-flex:0 0 74%; flex:0 0 74%; max-width:74%; margin:0 1% 2% 0; padding:2% 1%; }
.personal-details-row .personal-info { background-color:#fff; color:#768387; }
.personal-details-row .col-9 .column { float:left; width:50%; padding:0 2%; }

.personal-details-row .column {
	float: left;
	width: 50%;
	padding: 0 1%;
}

.personal-details-row .fullcolumn {
	float: left;
	width: 100%;
	padding: 0 1%;
}


.help-tip { display:inline-block; position:relative; margin-left:5px; top:2px; }
.help-tip svg { color:#009bd4; }
.help-tip p { z-index:100;display:block; position:absolute; min-width:200px; top:120%; right:-9px; left:auto; text-align:center; font-size:14px; background:#009bd4; padding:8px 20px; border-radius:5px; color:#fff; opacity:0; transition:opacity 0.4s ease-in-out; visibility:hidden; }
.help-tip p:before { content:''; position:absolute; width: 0; height: 0; border-style: solid; border-width: 0 7.5px 8px 7.5px; border-color: transparent transparent #009bd4 transparent; bottom:100%; right:5%; }
.help-tip:hover p { opacity:1; visibility:visible; }
.help-tip p.smalltip{ width:200px !important; }

/*Nakul*/
.help-tip-right { display:inline-block; position:relative; margin-left:5px; top:2px; }
.help-tip-right svg { color:#009bd4; }
.help-tip-right p {z-index:100; display:block;position:absolute;min-width:200px; top:120%; right:auto; left:0; margin-top:6px;  text-align:center; font-size:14px; background:#009bd4; padding:8px 20px; border-radius:5px; color:#fff; opacity:0; transition:opacity 0.4s ease-in-out; visibility:hidden; }
.help-tip-right p:before { content:''; position:absolute; width: 0; height: 0; border-style: solid; border-width: 0 7.5px 8px 7.5px; border-color: transparent transparent #009bd4 transparent; bottom:100%; right:5%; }
.help-tip-right:hover p { opacity:1; visibility:visible; }
.help-tip-right p.smalltip{ width:200px !important; }

/*.help-tip-right i { color:#e79394; font-size:24px; cursor:pointer; }*/
/*.help-tip-right p {z-index:100; display:none; position:absolute; width:350px; top:100%; left:-175px; text-align:center; font-size:14px; background:#009bd4; padding:8px 20px; border-radius:5px; color:#fff; }*/



.tab-switcher {  display:flex; flex-wrap:nowrap; background-color:#869eb7;  }
.tab-switcher span { flex:1 1 auto; position:relative; white-space:nowrap; text-align:center; padding:1% 5px; border-right:2px solid #7d93aa; background-color:transparent; color:#fff; font-size:2em; font-weight:300; text-transform:uppercase; cursor:pointer; }
.tab-switcher span.active { background-color:#fff; color:#869eb7; }
.tab-switcher span svg { margin-right:10px; }
.tab-switcher span:last-of-type { border-right:none; }

.mobile-tab { display:none; background-color:#869eb7; white-space:nowrap; text-align:left; padding:1%; margin-left:-1%; margin-right:-1%; border-bottom:2px solid #7d93aa; color:#fff; font-size:2em; font-weight:300; text-transform:uppercase; cursor:pointer; }
.mobile-tab.active { background-color:#3c4b5d; color:#fff; }
.mobile-tab svg { margin-right:10px; }

.tab-content-wrapper { position:relative; min-height:300px; background-color:#fff; }
.tab-content-wrapper .tab-content { display:none; }
.tab-content-wrapper .tab-content.tab-1 { display:block; }

.tab-content .row > div { border-bottom:1px solid #d8e3e7; }
.tab-content .row > div:nth-of-type(odd) { border-right:1px solid #d8e3e7; }

.OneLineRow { padding:10px; position:relative; font-size:1.6em; margin-top:5px; color:#768387; }
.OneLineRow .info{ padding-right:160px; word-wrap:break-word; }
.OneLineRow .info label { display:inline; }
.OneLineRow:first-child { margin-top:0; }

.action-col { position:absolute; right:0; top:4px; }

/** Inline css taken from Contract Details section **/
.customzone { width:auto; height:auto; border-radius:5px; max-height:150px; margin:15px auto; border:2px dashed #fff; min-height:150px !important; padding:0px !important; background:#e6e6e6; text-align:center; cursor:pointer; }
.customzone .dz-preview .dz-image, .dz-progress, .dz-error-mark, .dz-success-mark { display:none; }
.customzone .dz-preview .dz-details { display:inline-block !important; }


.panel-documents .OneLineRow { background-color:transparent; -webkit-transition:background-color 300ms;transition:background-color 300ms; } 
.panel-documents .OneLineRow:hover { background-color:#ebf0f3; }

.hero-unit > table {
	font-size: 1.0em !important;
	text-align: left !important;
}

.hero-unit  div.progress {
	font-size: 1em !important
}


/************************************ --- SETTINGS PAGE --- ************************************/
.settings-wrapper {
	background-color: #fff;
	border: 1px solid #e4ebee;
	margin-bottom: 1%;
}
.settings-buttons { padding:2% 2em; }
.settings-buttons > .btn { margin:0 0.25em 0.5em; }


/************************************ --- BILLING TIMESHEETS - WEEK PAGE --- ************************************/

#TImeMainDiv .mainDivRow::after,
#TImeMainDiv .divTable:after,
#TImeMainDiv .tableCol:after,
#TImeMainDiv .tableRow:after,
.task-header:after { content:""; display:table; clear:both; }

#TImeMainDiv .mainDivRow { padding:2%; margin:0 0 2%; }

#TImeMainDiv .mainDivRow .btn-set { float:right; width:50%; }

/*
#TImeMainDiv .mainDivRow .task-header a.btn { float:left; margin-right:20px;}
.task-header { margin:0 0 25px; }
.task-info { float:right; margin:7px 0 0; }
.task-info span { float:left; text-transform:uppercase; font-family:'montserratlight',Arial, Helvetica, sans-serif; position:relative; padding:0 0 0 27px; margin:0 0 0 10px; font-size:14px; }
.task-info span:before { content:''; border-radius:50%;width:17px; height:17px; position:absolute; left:0; top:1px; background:#dcdcdc; }

*/

#TImeMainDiv .task-header,
#TImeMainDiv .divTable,
#TImeMainDiv .tableRow,
#TImeMainDiv .tableRow > div { float:left; width:50%; }

#TImeMainDiv .tableCol { font-size:1.6em; padding-bottom:20px; color:#768387; }
#TImeMainDiv .divTable > .tableCol:last-of-type { padding-bottom:0; }

#TImeMainDiv .tableRow strong { font-weight:700; color:#0a88ca; }

#TsMainDiv .mainDivRow strong{color:#0a88ca;}
#TsMainDiv .mainDivRow .row > div {padding-left:10px;}

.task-info span.default-task:before { background:#97d8f7; border-radius:0; }

.timecard-grid { overflow-x:auto; width:100%; border-top:1px solid #ddd;}
.timecard-grid table { width:100%; }
.timecard-grid th { color:#0a88ca; border-bottom:1px solid #ddd; text-align:center; text-transform:uppercase; padding:10px; }
.timecard-grid th.project, .timecard-grid th.task { width:340px; text-align:left; }
.timecard-grid th span { display:block; font-size:0.9em; color:#3c4b5d; text-transform:none; }

.timecard-grid tr { border-bottom:1px solid #ddd; }
.timecard-grid tr.primaryTask { background:#97d8f7; }
.timecard-grid tr td { padding:10px; vertical-align:middle; }

.timecard-grid tr td:first-child { width:85px; text-align:left; }
.timecard-grid tr td input { height:30px; width:100%; text-align:center; }
.timecard-grid tr td:nth-child(2), .timecard-grid tr td:nth-child(3) { text-align:left; }

.timecard-grid tr td:last-of-type .timeset-notebox { padding:0; }

.timecard-grid tr.total-row { background:#ebf2f4; }
.timecard-grid tr.total-row td { border-bottom:0; text-align:center; }
.timecard-grid tr.total-row td:first-of-type { text-align:right; text-transform:uppercase; }
.timecard-grid tr.total-row td input { border:0; background:none; }
.timecard-grid tr td:last-child { width:140px; text-align:center; }
.timecard-grid tr td:last-child input { border:0; background:none;  }

.note-icon,
.edit-icon { position:absolute; right:0; top:50%; transform:translateY(-50%); }
.note-icon:after,
.edit-icon:after { color:#3c4b5d; font-size:16px; display:inline-block; }
.note-icon:after { content:"\f249"; }
.edit-icon:after { content:"\f044"; }

.buttonDeleteDisable { margin-left:10px; position:relative; display:inline-block; font-size:1.2em; }
.buttonDeleteDisable:after { content:'\f056'; color:#ef0f59; -webkit-transition:color 300ms;transition:color 300ms; }
.buttonDeleteDisable:hover:after { color:#7cbe31; }


/************************************ --- SOCIAL CLUB PAGE --- ************************************/

.content-wrapper > .social-wrapper { padding:0; }
.social-wrapper > .row { margin-left:0; margin-right:0; }
.social-wrapper > .row > .col-6 { -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; margin: 0 1% 2%; }
.social-wrapper #divThankYouContent { width:100%; padding-top:5%; margin-bottom:5%; max-height:500px; overflow-y:scroll; }
.social-wrapper #divThankYouMessage { float:right; font-size:1.6em; color:#00b1ef; margin:3px 10px; }

.social-wrapper #croner:after { content:""; display:table; clear:both; }
.social-wrapper #croner { border-radius:0; border:none; background-color:#f5f8f9; margin:0 5%; padding:20px 20px 20px 110px; box-shadow:none; font-size:1.6em; }
.social-wrapper #croner img { float:left; margin-left:-90px; width:60px; height:auto; display:block; }
.social-wrapper #croner .row { display:block; margin:0; }
/*.social-wrapper #croner .row span { display:inline-block; margin-left:0.25em; color:#13cc29; font-size:0.85em; line-height:2em; cursor:pointer; }*/
.social-wrapper #croner > span { display:inline-block; font-size:0.9em; cursor:pointer; }
.social-wrapper #croner > span strong { font-weight:400; color:#2a97d2; }

.social-wrapper .more-thanks { position:relative; top:20px;}

.social-wrapper .benefits-list { padding:4% 2%; font-size:1.1em; column-count:2; }
.social-wrapper .benefits-list a { color:#313b3d; }

.social-wrapper .suggestion-box { padding-bottom:3%; }
.social-wrapper .suggestion-box > .row { padding:3% 4%; }
.social-wrapper .suggestion-box textarea { min-height:200px; }

.social-wrapper .EventBox  .carousel-item { height:500px !important; }

.social-wrapper .EventBox .carousel-item img {
	object-fit: contain;
	width: 100%;
	height: 500px !important;
}

a.SettingCorner {
	float: right;
	color: #00b1ef;
	font-size: 2em;
}

.read-more-state {
	display: none;
}

.read-more-target {
	opacity: 0;
	max-height: 0;
	font-size: 0;
	transition: .50s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
	opacity: 1;
	font-size: inherit;
	max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
	content: 'Read more';
}

.read-more-state:checked ~ .read-more-trigger:before {
	content: 'Read less';
}

.read-more-trigger {
	cursor: pointer;
	display: inline-block;
	color: #13cc29;
	font-size: 0.85em;
	padding-left:1em;
}



/************************************ --- APARTMENTS PAGE --- ************************************/

/* Choose better selector */

.page-title .btn-set input#txtSearch { height:35px !important; margin:2px 5px; font-size:1.6em; }
.page-title .btn-set select#ddlFilter { height:35px; margin:2px 5px; line-height:1em; }
.page-title .btn-set label { margin:2px 5px; font-size:1.4em; vertical-align:middle; }

.apartments-wrapper > .row { background-color:#fff; padding:0.5% 0; border:1px solid #ebeef0; font-size:1.4em; box-shadow: 0 5px 2px 0 rgba(100,100,100,0.1); }
.apartments-wrapper > .row  { /* display:flex; flex-wrap: wrap; */ }
.apartments-wrapper > .row > div:not(.col-main) { /*display:flex; flex-wrap:wrap;*/ color:#fff; }

.apartments-wrapper > .row > .col-md-2 { margin:0 0.5%;}
.apartments-wrapper > .row > .col-md-2 > div { margin:2.5% 0; padding:5%; min-height:240px; }

.apartments-wrapper > .row > .col-md-2.col-main > div { min-height:0; }
.apartments-wrapper > .row > .col-md-2.col-main > div.row { padding:7% 0 0; }
.apartments-wrapper > .row > .col-md-2.col-main > div.row * { color:#00b1ef !important; }
.apartments-wrapper > .row > .col-md-2.col-main > div.row h5 { font-weight:300; }

.apartments-wrapper > .row > .col-md-2 > div > .row { margin:0; }
.apartments-wrapper > .row > .col-md-2 > div > .row > div:first-of-type { font-size:1.6em; font-weight:300; }

/* Icons */
.apartments-wrapper > .row > .col-md-2.col-main > div.row > div:last-of-type,
.apartments-wrapper > .row > .col-md-2 > div > .row > div:last-of-type { text-align:right; font-size:0.6em; }

.apartments-wrapper > .row > .col-md-2.col-main > div.row > div:last-of-type svg,
.apartments-wrapper > .row > .col-md-2 > div > .row > div:last-of-type svg { margin-left:5px; }

.apartments-wrapper > .row > .col-md-2.col-main > div.row > div:last-of-type svg.fa-edit,
.apartments-wrapper > .row > .col-md-2 > div > .row > div:last-of-type svg.fa-edit{ position:relative; top:-1px; }


.col-Occupied { background-color:#0a88ca; }
.col-Vacant { background-color:#b4cad4; }
.col-Past { background-color:#009bd4; }

/************************************ --- LOADER --- ******************************************************/

.nm-loader-pane {
	display: none;
	opacity: 0.7;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	z-index: 200;
	background-color: #ededed;
}

.nm-loader {
	width: 50px;
	height: 50px;
	position: relative;
	animation: nm-loader 2.5s infinite linear both;
	position: absolute;
	top: 45%;
	left: 48%;
}

.nm-loader-dot {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-animation: nm-loader-dot 2.0s infinite ease-in-out both;
	animation: nm-loader-dot 2.0s infinite ease-in-out both;
}

	.nm-loader-dot:before {
		content: '';
		display: block;
		width: 25%;
		height: 25%;
		background-color: #0a88ca;
		border-radius: 100%;
		animation: nm-loader-dot-before 2.0s infinite ease-in-out both;
	}

	.nm-loader-dot:nth-child(1) {
		animation-delay: -1.1s;
	}

	.nm-loader-dot:nth-child(2) {
		animation-delay: -1.0s;
	}

	.nm-loader-dot:nth-child(3) {
		animation-delay: -0.9s;
	}

	.nm-loader-dot:nth-child(4) {
		animation-delay: -0.8s;
	}

	.nm-loader-dot:nth-child(5) {
		animation-delay: -0.7s;
	}

	.nm-loader-dot:nth-child(6) {
		animation-delay: -0.6s;
	}

	.nm-loader-dot:nth-child(1):before {
		animation-delay: -1.1s;
	}

	.nm-loader-dot:nth-child(2):before {
		animation-delay: -1.0s;
	}

	.nm-loader-dot:nth-child(3):before {
		animation-delay: -0.9s;
	}

	.nm-loader-dot:nth-child(4):before {
		animation-delay: -0.8s;
	}

	.nm-loader-dot:nth-child(5):before {
		animation-delay: -0.7s;
	}

	.nm-loader-dot:nth-child(6):before {
		animation-delay: -0.6s;
	}

@keyframes nm-loader {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes nm-loader-dot {
	80%, 100% {
		transform: rotate(360deg);
	}
}

@keyframes nm-loader-dot-before {
	50% {
		transform: scale(0.4);
	}

	100%, 0% {
		transform: scale(1.0);
	}
}



/************************************ --- MEDIA QUERY BREAK POINTS --- ************************************/


@media only screen and (max-width: 1640px) and (min-width: 1181px) {

	/** Homepage **/
	.user-row .hours-box span.timer { display:block; margin-top:0; }
	.user-row .hours-box a.fios-button { float:none; margin-top: 10px; }

}

@media only screen and (max-width: 1500px) and (min-width: 1300px) {
	
	/* Homepage */
	table.week-calendar-view { font-size:1.2em; }
	table.week-calendar-view th, table tr.total-row td { padding:10px 5px; }
	table.week-calendar-view td { padding:5px;  }

	
}

@media only screen and (max-width: 1400px)  {
	
	.tab-switcher span { font-size:1.6em; }
	
}

@media only screen and (max-width: 1300px)  {
	
	/* Homepage */
	.social-calendar-row .social-box { position:relative; top:auto; transform:none; width:100%; max-width:360px; }
	
	.social-calendar-row .col-6 { -ms-flex:0 0 98%; flex:0 0 98%; max-width:98%; margin:0 1% 2%; }

	
	/** Personal Page **/
	.personal-details-row .personal-profile .profile-info p strong { margin-right:0; display:block; }

}


@media only screen and (max-width: 1150px)  {
	
	.tab-switcher span { font-size:1.3em; }
	
}


@media only screen and (max-width: 1180px) {
	
	header.header .notifications { margin:5px 5% 0 5px; }
	header.header .notifications > span { margin-right:20px; }
	header.header .notifications svg { font-size:2.4em; }
	
	header.header .logo { width:215px; }
	
	header.header .search-form div { margin-top:0; font-size:1.4em; }
	header.header .search-form div input#searchsubmit { top:0.25em; }
	
	header.header .user { font-size:1.6em; margin-top:-3px; }

	.container-inner { border-width:52px; }
	.side-nav { width:52px; margin-left:-52px; }
	.side-nav ul li a, 
	.side-nav ul li span.show-hide { padding:10px; }
	.side-nav ul li span.item { margin-left:1em; }
	body.expand .container-inner { border-width:152px }
	body.expand .side-nav { width:152px; margin-left:-152px; }
	
	
	/* Homepage */
	.user-row .col-3 { -ms-flex:0 0 48%; flex:0 0 48%; max-width:48%; margin:0 1% 2%; }
	
}


@media only screen and (max-width: 1000px) {

	/** Interface **/
	header.header .search-form { display:none; }
	
	/** Personal Page **/
	.personal-details-row .col-3,
	.personal-details-row .col-9 { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; margin:0; }
	.personal-details-row .col-9 .column { float:none; width:100%; }
	.personal-details-row .personal-profile .profile-info { text-align:inherit; }
	.personal-details-row .personal-profile .profile-info p strong { margin-right:10px; display:inline; }
	
	.tab-content .row > div { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; margin:0; }
	.tab-content .row > div:nth-of-type(odd) { border-right:none; }
	
	.tab-switcher { display:none; }
	.mobile-tab { display:block; }
	
	/** Apartments Page **/
	
	.apartments-wrapper > .row > .col-md-2 { margin:0 1%; -ms-flex:0 0 98%; flex:0 0 98%; max-width:98%; }
	.apartments-wrapper > .row > .col-md-2 > div { margin:1% 0; padding:3%; }
	
	.apartments-wrapper > .row > .col-md-2.col-main { padding:3%; }
	.apartments-wrapper > .row > .col-md-2.col-main > div.row { padding:0; }
	
}

@media only screen and (max-width: 900px) {
	
	.social-wrapper > .row > .col-6 { -ms-flex: 0 0 98%; flex: 0 0 98%; max-width:100%; margin:0 1% 2%; }
	
}

@media only screen and (max-width: 800px) {

	header.header .user span { display:none; }
	
	.side-nav { padding:6px 0; }
	.side-nav ul { font-size:1.3em; }
	.side-nav ul li span.item { margin-left:0.25em; }
	
	.content-wrapper .block-title { padding-top:1em; padding-bottom:1em; }
	
	h1 { font-size:2em; }
	h2 { font-size:1.9em; }
	h3 { font-size:1.8em; }
	h4 { font-size:1.7em; }
	h5 { font-size:1.6em; }
	h6 { font-size:1.4em; }
	
	.has-icon { padding-left:2em; }
	.has-icon svg { left:0.5em; }
	
	/** Homepage **/
	.user-row .hours-box span.timer { display:block; margin-top:0; }
	.user-row .hours-box a.fios-button { float:none; margin-top: 10px; }
	
	table.week-calendar-view { font-size:1.2em; }
	table.week-calendar-view th, table tr.total-row td { padding:10px 5px; }
	table.week-calendar-view td { padding:5px;  }


}

@media only screen and (max-width: 640px) {
	
	header.header { padding:6px 1em; }
	
	header.header .notifications { margin:9px 15px 0 5px; }
	header.header .notifications svg { font-size:2em; }
	header.header .notifications > span span { right:-15px; }
	
	header.header .logo { width:190px; margin:-6px 0; }
	
	header.header .user { font-size:2em; margin-top:0px; }
	
	.main-wrapper { min-height:89%; }
	
	.btn-set a.btn { float:left; width:48%; margin:0 1% 2%; }
	.btn-set .btn-group { float:left; width:50%; }
	
	/** Personal Page **/
	
	.personal-details-row .personal-profile .profile-info { text-align:left; }
	
	/** Dialogues **/
	
	div.ui-widget-content { width:90% !important; max-width:600px !important; margin:0 5% !important; left:auto !important; }

}


@media only screen and (max-width: 500px) {
	
	.user-row .col-3 { -ms-flex:0 0 98%; flex:0 0 98%; max-width:98%; margin:0 1% 2%; }
	
	/** Forms **/
	
	.form-group { display:block; }
	.form-group label { width:100%; padding-right:0; }
	.form-group .input-group { width:100%; }
	
	/** Person Page **/
	
	.OneLineRow .info { padding-right:0; }
	.OneLineRow .action-col { position:relative;right:auto; top:auto; padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:10px; }
	
}

@media only screen and (max-width: 460px) {

	header.header { border-top:45px solid #fff; }
	
	header.header .logo { float:none; margin:0; position:absolute; top:-54px; left:-20px; }
	
	.content-wrapper .page-title .btn-set { float:none !important; margin:0; padding:10px; }
	.btn-set a.btn { float:none; width:100%; margin:0 0 2%; }
	.btn-set .btn-group { float:none; width:100%; }
	
	/*** Homepage ***/
	
	table.week-calendar-view { font-size:1em; }
	
	/*** Social Club ***/
	
	.social-wrapper .benefits-list { column-count:1; }

}


@media only screen and (max-width: 400px) {

	.loginForm .login-form .reset-link { display:block; text-align:center; }
	.loginForm .login-form .submit-button { float:none; text-align:center; }
	
}