/* ************************************************************
===============================================================
-- Author: Go Media Ltd (www.gomedia.co)
===============================================================
************************************************************ */

/* 
************************
	Misc Styles
************************
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700|Quicksand:300,400,500,700');
@import url(../blocks/fontawesome/css/all.css);

html { height: 100%; position: relative; }
body {
	margin:0 0 0 0;
	padding:0;
	font-family:'Montserrat',sans-serif;
	font-size:14px;
	font-weight:400;
	color:#1d1c1c;
	line-height:2em;
	background:#f1f1f1;
	background-repeat:no-repeat; 
	background-position:center;
	background-size:cover;
	background-attachment: fixed;
	position: absolute;
	min-height: 100%;
	width: 100%;
}

/* Font, Text Styles */
h1 { font-family:'Quicksand',sans-serif; padding:0; margin:0px 0 20px 0; font-size:3.2em; line-height:1em; font-weight:700; color:#ea1d75; }
h2 { font-family:'Quicksand',sans-serif; padding:0; margin:0px 0 20px 0; font-size:3.2em; line-height:1em; font-weight:700; color:#ea1d75; }
h3 { font-family:'Quicksand',sans-serif; padding:0; margin:0px 0 20px 0; font-size:2.6em; line-height:1em; font-weight:700; color:#ea1d75; }
h4 { font-family:'Quicksand',sans-serif; padding:0; margin:0px 0 20px 0; font-size:2.2em; line-height:1em; font-weight:700; color:#ea1d75; }
h5 { font-family:'Quicksand',sans-serif; padding:0; margin:0px 0 20px 0; font-size:1.6em; line-height:1em; font-weight:700; color:#ea1d75; }
h6 { font-family:'Quicksand',sans-serif; padding:0; margin:0px 0 15px 0; font-size:1.2em; line-height:1em; font-weight:700; color:#ea1d75; }

.page-header { margin-bottom: 50px; font-size: 2.6em; }
.page-header small { font-size: 0.6em; color: #1d1c1c; margin-left: 10px; }
.page-header small span { font-size: 0.8em; cursor: pointer; }

::selection { background:#ea1d75; color:#FFF; }
::-moz-selection { background:#ea1d75; color:#FFF; }
a { text-decoration:none; color:#ea1d75; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; }
a:hover { text-decoration:none; color:#9f114e; }
p { margin-bottom:30px; }
strong { font-weight:600; }
em { font-style:italic; }
small { font-size:0.9em; }
.required { color:#e84118; }
ul { list-style:disc; line-height:normal; list-style-position:inside; margin-left:10px; }
.clear, .clr { clear:both; }
.no-margin-btm { margin-bottom: 0 !important; }
.padding { padding:40px; }
.left { float: left; }
.right { float: right; }
.white-bg { background: #FFF; border-radius: 3px; border: 1px solid #B0B0B0; -webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.2); box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.2); }
.col.small { width: 33%; }
.col.large { width: 65%; }

/* Loading Overlay */
#loading-overlay { background:rgba(0,0,0,0.9); position:fixed; width:160px; height:40px; padding:20px 0; top:50%; left:50%; margin:-30px 0 0 -80px; z-index:100; display:none; }
#loading-overlay img { z-index:100; display:block; margin:auto; }

/* Messages */
.success, .notification, .error { padding:15px; font-size:0.9em; font-weight:500; margin-bottom:20px; }
.success li, .notification li, .error li { list-style:none; }
.success span, .notification span, .error span { margin-right:5px; }
.success { background:#44bd32; color:#FFF; }
.notification { background:#718093; color:#FFF; }
.error { background:#e84118; color:#FFF; }

/* Form Elements */
.button { cursor:pointer; padding:20px 50px; text-transform:uppercase; line-height:3em; font-size:0.9em; font-weight:600; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s; border-radius: 2px; }

.button.green { color:#FFF; background:#2ecc71; }
.button.green:hover { background:#27ae60; }

.button.red { color:#FFF; border:none; background:#e74c3c; }
.button.red:hover { background:#c0392b; }

.button.grey { color:#FFF; border:none; background:#95a5a6; }
.button.grey:hover { background:#7f8c8d; }

.button.pink { color:#FFF; border:none; background:#ea1d75; }
.button.pink:hover { background:#9f114e; }

a.button { padding:0px 20px; }
a.button span.fa { margin-right:6px; }
button.button { padding: 6px 30px; }

.function-btn { margin: 0 0 10px 10px; float: right; font-size: 0.75em; }

form .area { margin: 10px 0 50px 0; }
form .row { margin-bottom:25px; }
form .row.col1 { width:100%; float:none; clear:both; }
form .row.col2 { width:48%; float:left; }
form .row.col2.right { float:right; }

form .row label { font-size:0.9em; letter-spacing: 0.1px; font-weight:600; margin-bottom:6px; line-height:normal; color: #2c282a; }
form .row label small { font-size:0.8em; font-weight:500; margin:0; }

form .row input[type=text], form .row input[type=password], form .row input[type=email], form .row input[type=number], form .row input[type=file], form .row input[type=search] { background:#FFF; border: 0; border: 1px solid #B0B0B0; font-size:0.9em; font-weight:400; font-family:'Montserrat',sans-serif; padding:10px; display:block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; height:38px; }
form .row input[type=text]:focus, form .row input[type=password]:focus, form .row input[type=email]:focus, form .row input[type=number]:focus, form .row input[type=file]:focus, form .row input[type=search]:focus { border-color:#444444; }

form .row select { background:#FFF; border: 0; border: 1px solid #B0B0B0; font-size:0.9em; font-weight:400; font-family:'Montserrat',sans-serif; padding:10px; display:block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; -webkit-appearance: none;border-radius: 0; height:38px; }
form .row select:focus { border-color:#444444; }

form .row textarea { background:#FFF; border: 0; border: 1px solid #B0B0B0; font-size:0.9em; font-weight:400; font-family:'Montserrat',sans-serif; padding:10px; display:block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height:100px; line-height:2.2em; }
form .row.col1 textarea { min-width:100%; max-width:100%; width: 100%; }
form .row.col2 textarea { min-width:100%; max-width:100%; width: 100%; }
form .row textarea:focus { border-color:#444444; }

input[type=text], input[type=password], input[type=number],input[type=email], input[type=search], textarea, select { outline:0; -webkit-appearance: none; border-radius:2px; }
input[type=submit], input[type=button] { -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; }
input[type=submit].button { padding:5px 40px; }
form input[readonly] { background: #EFEFEF !important; cursor: not-allowed; color: #5C5C5C; }

::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder { color: #8e8e8e; }

.title-first .select2-container { float: left; width: 30% !important; }
.title-first input[type=text] { float: right; width: 65% !important; }
.postcode { text-transform: uppercase; }

.multi-select { height: 150px !important; }

/* Overlay */
.page-overlay { position:fixed; height:100%; width:100%; background:#333; background:rgba(0,0,0,0.4); z-index:20; top:0; left:0; display:none; }
.page-overlay img { position:fixed; top:50%; left:50%; margin:-24px 0 0 -24px; }
.page-overlay .overlay-close { position:fixed; top:0; right:0; font-size:2em; color:#FFF; cursor:pointer; padding:40px; background:#FFF; }
.modal { width: 700px; position: absolute; top:40px; left:50%; margin:0 0 0 -350px; background: #FFF; z-index: 999; display: none; -webkit-box-shadow: 0px 0px 21px -2px rgba(0,0,0,0.44); -moz-box-shadow: 0px 0px 21px -2px rgba(0,0,0,0.44); box-shadow: 0px 0px 21px -2px rgba(0,0,0,0.44); }

.dataTables_wrapper .dataTables_processing { background-color: #FFFFFF !important; color: #333 !important; height: 150px !important; border: 1px solid #B6B6B6 !important; }
.tooltip { font-size: 0.8em !important; padding: 10px !important; background-color: #FFF !important; border: 1px solid #d8e2e4 !important; font-family: 'Montserrat',sans-serif !important; line-height: 1.6em !important; text-align: center !important; -webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.2) !important; -moz-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.2) !important; box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.2) !important; }
#postcode { text-transform: uppercase; }
.fa-external-link-alt { font-size: 0.6em !important; }

/* SWAL */
.swal-overlay { background:rgba(0,0,0,0.4); }
.swal-button { padding: 10px 22px; border-radius: 2px; background-color: #ea1d75; font-size: 14px; color: #FFF; }
.swal-button:hover, .swal-button:not([disabled]):hover { background-color: #9f114e; }
.swal-button--cancel { background: #7f8fa6; }
.swal-button--confirm { background: #4cd137; }

/* 
************************
	Login Page
************************
*/

.login-container { max-width: 700px; margin: 50px auto; background: #FFF; min-height: 430px; -webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.3); box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.3); }
.login-container .left { width: 50%; min-height: 430px; border: 1px solid #949494; border-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.login-container .right { width: 50%; min-height: 430px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background: #ea1d75; background: -webkit-linear-gradient(left top, #ea1d75 , #ce0267); background: -o-linear-gradient(bottom right, #ea1d75, #ce0267); background: -moz-linear-gradient(bottom right, #ea1d75, #ce0267); background: linear-gradient(to bottom right, #ea1d75 , #ce0267); background-repeat:no-repeat; background-position:center; background-size:cover; background-attachment: fixed; }

.login-container .left .far { position: absolute; margin: 10px 0 0 10px; }
.login-container .left input[name=username], .login-container .left input[name=password], .login-container .left input[name=confirm_password], .login-container .left input[name=email] { padding-left: 37px; }

.login-container .right { position: relative; font-size: 0.65em; }
.login-container .right > div { position: absolute; bottom: 0; right: 0; }
.login-container .right h1, .login-container .right h2 { color: #FFF; text-align: right; margin: 0; }
.login-container .right h2 { margin: 0 0 10px 0; }


/* 
************************
	Left Column
************************
*/

.left-col { width: 299px; text-align: center; background: #FFF; border-right: 1px solid #d8e2e4; min-height: 100%; float: left; position: absolute; }
.left-col > .fa-fw { padding: 30px 0; text-align: center; display: block; width: 100%; font-size: 1.4em; }

.left-col .logo-container { height: 80px; line-height: 80px; text-align: center; background: #ea1d75; margin: 0 0 40px 0; }
.left-col .logo-container img { padding-top: 20px; }

.left-col nav ul { list-style: none; margin: 0; padding: 0; text-align: left; }
.left-col nav ul li a, .left-col nav ul li ul li a { display: block; margin-bottom: 10px; padding: 10px 20px; font-weight: 500; border-left: 3px solid #FFF; cursor: pointer; }
.left-col nav ul li a span.fa-chevron-down, .left-col nav ul li a span.fa-chevron-up { font-size: 0.7em; color: #263238; margin-left: 10px; }
.left-col nav ul li ul { display: none; }
.left-col nav ul li ul li a { padding-left: 35px; margin-top: -10px; }
.left-col nav a strong { font-size: 0.9em; margin-left: 7px; font-weight: 600; }
.left-col nav a:hover { background-color: #FFF; }
.left-col nav a.selected { background-color: #FFF; border-color: #ea1d75; }

.left-col.advanced { width: 200px; }
.left-col.advanced nav a strong { display: inline; }

.left-col.basic { width: 75px; }
.left-col.basic nav a strong { display: none; }
.left-col.basic nav ul { text-align: center; }
.left-col.basic nav ul li a span.fa-chevron-down, .left-col.basic nav ul li a span.fa-chevron-up { font-size: 0.7em; color: #263238; float: right; margin: 5px 0 0 5px; }
.left-col.basic nav ul li ul li a { padding-left: 0; font-size: 0.8em; }


/* 
************************
	Main Column / Header
************************
*/

.main-container { width: calc(100% - 380px); float: right; padding: 40px; }

body > header { height: 80px; line-height: 80px; background: #FFF; border-bottom: 1px solid #d8e2e4; float: right; width: calc(100% - 300px); }

header .global-search { width: 40%; float: left; z-index: 10; position: relative; }
header .global-search .row.col1 { margin: 0 !important; }
header .global-search .fa-fw { float: left; position: absolute; line-height: 80px; margin-left: 40px; color: #919191; font-size: 1.2em; }
header .global-search #global-search { border-top: 0; border-left: 0; border-right: 0; border-bottom: 0; height: 80px; line-height: 80px; padding-left: 80px; }

header .search-results { width: 100%; background: #FFF; position: absolute; margin: 0 0 0 0; z-index: 10; line-height: 1.6em; border: 1px solid #B0B0B0; -webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.2); box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.2); display: none; }
header .search-results .padding { padding-top: 20px; }
header .search-results h5 { font-size: 1.4em; margin: 20px 0 10px 0; color: #1d1c1c; }
header .search-results li { margin: 0 0 5px 0; padding: 0 0 0 10px; list-style: none; }
header .search-results .fa-exclamation-triangle { font-size: 3em; text-align: center; padding: 30px 0 10px 0; width: 100%; }
header .search-results p { text-align: center; margin: 0; }

header .right .item { float: left; }
header .right .item a.fa-fw, header .right > .item > span { height: 80px; line-height: 80px; width: 80px; text-align: center; font-size: 1.4em; cursor: pointer; color: #263238; } 
header .right .item:hover { background: #f4f8f9; }

header .right .primary-timer, header .right .secondary-timer { float: left; }
header .right .secondary-timer { display: none; }
header .right .item.timer-stop, header .right .item.timer-pause { display: none; }
header .right .item.timer-counter:hover { background: #FFF; }
header .right .primary-timer, header .right .primary-timer a.fa-fw, header .right .primary-timer .item > span { color: #ea1d75 !important; }


header .alerts-container .alert-sub-icon { height:20px; width:20px; background:#E43235; color:#FFF; margin:-65px 0 0 45px; font-family:'Montserrat',sans-serif; font-size:0.6em; line-height:20px; font-weight:500; text-align:center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; }

header .right .profile-photo { float: right; height: 50px; line-height: 50px; width: 50px; text-align: center; color: #FFF; font-family: 'Quicksand', sans-serif; font-weight: 700; font-size: 1.2em; margin: 15px 40px 0 30px; background: #ea1d75; background: -webkit-linear-gradient(left top, #ea1d75 , #ce0267); background: -o-linear-gradient(bottom right, #ea1d75, #ce0267); background: -moz-linear-gradient(bottom right, #ea1d75, #ce0267); background: linear-gradient(to bottom right, #ea1d75 , #ce0267); background-repeat:no-repeat; background-position:center; background-size:cover; background-attachment: fixed; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; }

header .header-menu { display: none; z-index: 20; position: absolute; top: 80px; min-width: 450px; max-width: 500px; background: #FFF; margin-left: -370px; border: 1px solid #949494; border-top: 0; -webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.2); box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.2); }
header .header-menu .padding { padding: 20px; }
header .header-menu ul, header .header-menu ul li { margin: 0; padding: 0; list-style: none; }
header .header-menu { line-height: 2em; }
header .header-menu.timesheet { margin-left: -300px; }

/* 
************************
	Misc
************************
*/

/* Action Bar */
.action-bar { width: calc(100% - 340px); float: right; padding: 0 40px 0 0; height: 50px; line-height: 50px; background: #FFF; border-bottom: 1px solid #d8e2e4; text-align: right; }
.action-bar a { margin-left: 15px; text-transform: uppercase; font-weight: 700; font-size: 0.8em; font-family: 'Quicksand', sans-serif; color: #FFF; padding: 7px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; }
.action-bar a.green { background: #2ecc71; }
.action-bar a.red { background: #e74c3c; }
.action-bar a.grey { background: #95a5a6; }
.action-bar .left { width: 25%; text-align: left !important; }
.action-bar .left .select2-container .select2-selection--single, .action-bar .left .select2-container--default .select2-selection--single .select2-selection__rendered { height: 50px !important; line-height: 50px !important; }

/* Progress */
.progress-bar { background: #eaeaea; height: 6px; width: 100%; }
.progress-bar .highlight { background: #ea1d75; height: 6px; }

/* Activity */
.activity::before { border-left: 1px solid #a6a6a6; height: 100%; content: ''; position: absolute; margin-left: 30px; z-index: 1; }
.activity { position: relative; }
.activity .item { margin: 0 0 40px 0; position: relative; z-index: 2; }
.activity .item > img { float: left; height: 60px; width: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.activity .item > .act-type { float: left; height: 60px; width: 60px; line-height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #ea1d75; color: #FFF; font-size: 1.8em; }
.activity .item .info { width: calc(100% - 100px); float: right; }
.activity .item .info h4 { color: #202020; font-size: 1.1em; margin: 0; }
.activity .item .info .date { font-size: 0.8em; text-transform: uppercase; font-weight: 500; }
.activity .item .info .links { margin: -25px 0 0 0; font-size: 0.9em; }
.activity .item .info .links a { font-weight: 700; margin: 0 5px; }

.dashboard form { margin-bottom: 50px; }
.dashboard form .type .item, .view-activity .type .item { font-size: 0.8em; color: #323232; text-transform: uppercase; font-weight: 700; display: inline-block; margin: 0 15px 0 0; border-bottom: 2px solid #f1f1f1; cursor: pointer; }
.dashboard form .type .item.selected, .view-activity .type .item.selected { border-color: #ea1d75; }
.view-activity .type .item {  border-bottom-color: #FFF; }
.activity-submit { margin-bottom: 50px; }

/* Dashboard */
.dashboard .dash-col-left { float: left; width: 60%; }
.dashboard .dash-col-right { float: right; width: 38%; }
.dashboard .dash-col-right > div { margin-bottom: 40px; }
.dashboard .dash-col-right > div h5 { color: #1d1c1c; font-size:0.9em; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; }
.dashboard .dash-col-right > div h3 { font-size: 2.6em; font-weight: 400; margin-bottom: 30px; }

.dashboard .tasks-module .slider-container > div { min-height: 300px; }
.dashboard .tasks-module .time { color: #202020; font-size: 1.8em; font-weight: 300; }
.dashboard .tasks-module .message { color: #757575; font-size: 2.2em; font-weight: 300; line-height: 1.3em; min-height: 150px; }
.dashboard .tasks-module .more { font-size: 1em; margin-top: 30px; line-height: 1.6em; color: #757575; font-weight: 500; }
.dashboard .tasks-module .more a { font-weight: 700; }
.dashboard .tasks-module .complete-task { float: right; font-size: 3em; color: #44bd32; cursor: pointer; }
.dashboard .tasks-module .slick-dots { list-style: none !important; margin: 0 0 0 0; }
.dashboard .tasks-module .slick-dots li button { visibility: hidden; }
.dashboard .tasks-module .slick-dots li { width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #FFF; border: 1px solid #6e6e6e; float: left; margin: 0 8px 0 0; cursor: pointer; }
.dashboard .tasks-module .slick-dots li.slick-active { background: #ea1d75; border-color: #ea1d75; }
.dashboard .tasks-module .action-btn { float: right; font-size: 2em; color: #ea1d75; cursor: pointer; margin-top: -25px; margin-left: 10px; }
.dashboard .tasks-module .watermark { float: right; font-size: 3em; margin: 20px 20px 0 0; }
.dashboard .tasks-module .watermark.fa-check-circle { color: #BBF2D2; }
.dashboard .tasks-module .watermark.fa-clock { color: #F7CBC6; }
.dashboard .tasks-module .users { margin-bottom: 40px; font-size: 0.8em; font-weight: 600; line-height: 1.5em; color: #757575; }
.dashboard .tasks-module .users span { margin-right: 5px; white-space: nowrap; }
.dashboard .tasks-module .no-tasks { color: #ADADAD; text-transform: uppercase; font-size: 2em; text-align: center; }
.dashboard .tasks-module .no-tasks .fa-fw { display: block !important; margin-bottom: 40px; width: 100%; font-size: 4em; }

.dashboard .progress-module .main { color: #757575; font-weight: 800; font-size: 1.4em; margin-bottom: 40px; }
.dashboard .progress-module .main .progress-bar, .dashboard .progress-module .main .progress-bar .highlight { height: 10px; }
.dashboard .progress-module .item { margin: 0 0 30px 0; }
.dashboard .progress-module .item h5 { color: #757575; margin: 0 0 8px 0; }
.dashboard .progress-module .item h4 { color: #202020; font-size: 1.2em; margin: 0 0 10px 0; font-weight: 500; }
.dashboard .progress-module .item h4 small { font-size: 0.8em; margin-left: 15px; }

/* Table actions dropdown */
.dataTable tbody tr td .fa-ellipsis-h { font-size: 2.6em; cursor: pointer; line-height: 1em; }
.dataTable tbody tr td > .fa-eye { font-size: 1.3em; cursor: pointer; line-height: 1.8em; float: left; }
.dataTable tbody tr td .action-dd { position: absolute; background: #fefefe; border: 1px solid #d8e2e4; text-align: left; margin: 0; list-style: none; width: auto; min-width: 200px; right: 0; padding: 10px; display: none; z-index: 10; }
.dataTable tbody tr td .action-dd li a { padding: 5px 5px; display: block; font-weight: 500; font-size: 1.1em; cursor: pointer; }
.dataTable tbody tr td .action-dd li a:hover { color: #000; }
.dataTable tbody tr td strong.red { color: #e84118; }

/* Permissions */
.permission-container .area { width: 50%; float: left; }
.permission-container .area label { margin-right: 10px; }
.permission-container .area .fa-check { color: #2ecc71; }
.permission-container .area .fa-times { color: #e74c3c; }

/* Tabs */
.tabs { background: #FFF; border-radius: 3px; border: 1px solid #B0B0B0; -webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.2); box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.2); margin: 0 0 20px 0; font-size: 0; }
.tabs a { padding: 10px 25px; display: inline-block; text-transform: none; font-weight: 600; color: #757575; font-size: 12px; border-right: 1px solid #B0B0B0; cursor: pointer; }
.tabs a:hover { color: #ea1d75; }
.tabs a.selected { color: #FFF; background: #ea1d75; }

.tabbed .area { display: none; }
.tabbed .area.selected { display: block; }

/* Misc */
.area[data-area=permissions] .item { margin-bottom: 20px; }
.area[data-area=permissions] .item label { margin-right: 10px; font-size: 0.9em; font-weight: 500; }
.area[data-area=permissions] .item label .fa-check { color: #27ae60; }
.area[data-area=permissions] .item label .fa-times { color: #c0392b; }

.view-table.padding { padding: 30px; }
.view-table h5 { text-align: center; margin-bottom: 40px; }
.view-table .row { background: #FFF; margin: 0; padding: 10px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.6em; }
.view-table .row:nth-child(2n) { background: #f1f1f1; }

.address-item { float: left; width: 44%; margin: 0 2.5% 40px 2.5%; text-align: center; }
.address-item iframe { height: 300px; width: 100%; }
.address-item > .content { font-weight: 300; font-size: 1.4em; }
.address-item .content .fa-star, .address-item .content .fa-hands-usd { color: #ea157d; font-size: 1em;  margin: 0 10px; }
.address-item .content .delete-address, .address-item .content .edit-address { font-size: 0.9em; float: right; padding: 12px 10px; cursor: pointer; }
.address-title .fa-fw { font-size: 0.7em; color: #333; margin-left: 5px; cursor: pointer; }

.contact-item { float: left; width: 30%; margin: 40px 1.5%; text-align: center; line-height: 2em; min-height: 431px; }
.contact-item .content .photo { width: 150px; height: 150px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 auto 10px auto; font-size: 3em; line-height: 150px; text-align: center; background: #f1f1f1; }
.contact-item .content .photo > .fa-fw { text-align: center; display: inline-block; margin: 0; color: #ea1d75; font-size: 1.4em; width: 100%; }
.contact-item .content .delete-contact, .contact-item .content .edit-contact { font-size: 1.2em; float: right; padding: 12px 10px; cursor: pointer; }
.contact-title .fa-fw { font-size: 0.7em; color: #333; margin-left: 5px; cursor: pointer; }
.contact-item .content .fa-star, .contact-item .content .fa-hands-usd { color: #ea157d; font-size: 1.4em; }

.mce-tinymce { -webkit-box-shadow: none !important; box-shadow: none !important; border-width: 1px !important; width: auto !important; }
.mce-panel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Tasks */
.tasks-container .tasks-module { float: left; width: 30%; margin: 0 1.5% 40px 1.5%; }
.tasks-container .tasks-module:nth-child(3n) { clear:both; }
.tasks-container .tasks-module.urgent { border-top: 5px solid #e74c3c; }
.tasks-container .tasks-module .watermark { float: right; font-size: 3em; margin: 20px 20px 0 0; }
.tasks-container .tasks-module .watermark.fa-check-circle { color: #BBF2D2; }
.tasks-container .tasks-module .watermark.fa-clock { color: #F7CBC6; }
.tasks-container .tasks-module h5 { color: #1d1c1c; font-size:0.9em; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; }
.tasks-container .tasks-module .users { margin-bottom: 40px; font-size: 0.8em; font-weight: 600; line-height: 1.5em; color: #757575; }
.tasks-container .tasks-module .users span { margin-right: 5px; white-space: nowrap; }
.tasks-container .tasks-module .time { color: #202020; font-size: 1.3em; font-weight: 300; margin-bottom: 10px; }
.tasks-container .tasks-module .message { color: #757575; font-size: 1.6em; font-weight: 300; line-height: 1.3em; min-height: 150px; }
.tasks-container .tasks-module .more { font-size: 1em; margin-top: 30px; line-height: 1.6em; color: #757575; font-weight: 500;}
.tasks-container .tasks-module .more a { font-weight: 700; }
.tasks-container .tasks-module .action-btn { float: right; font-size: 2em; color: #ea1d75; cursor: pointer; margin-top: -25px; margin-left: 10px; }

/* Quote Builder */
.quote-builder .quote-templates .row.col1 .fa-fw { position: absolute; margin: 11px 0 0 11px; color: #B0B0B0; }
.quote-builder .quote-templates .row.col1 { margin: 0; }
.quote-builder .quote-templates .row.col1 input { padding-left: 40px !important; border-radius: 0 !important; border-top: none !important; border-left: none !important; border-right: none !important; }
.quote-builder .quote-templates ul { list-style: none; margin: 0; padding: 0; }
.quote-builder .quote-templates ul li { display: block; font-size: 0.9em; margin: 0; padding: 15px 0; border-bottom: 1px solid #E3E3E3; cursor: pointer; }
.quote-builder .quote-templates ul li:before { font-family: 'Font Awesome 5 Pro'; content: '\f054'; padding:0 5px 0 -15px; margin: 0 8px 0 0; color: #ea1d75; }
.quote-builder .quote-templates ul.level-1 { font-weight: 600; }
.quote-builder .quote-templates ul.level-2 { margin-left: 15px; display: none; font-weight: 400 !important; }
.quote-builder .quote-templates ul.level-3 { margin-left: 25px; display: none; font-weight: 400 !important; }
.quote-builder .quote-templates ul li:hover { background: #E3E3E3; }

.quote-main .quote-item { width: auto; margin: 0 0 20px 0; list-style: none !important; padding: 0; }
.quote-main .quote-item .header { background: #FFF; color: #ea1d75; line-height: 50px; margin: 1px 0 0 0; border: 1px solid #B0B0B0; }
.quote-main .quote-item h5 { float: left; color: #ea1d75; line-height: 50px; margin: 0; padding: 0 30px 0 0; font-size: 1.2em; }
.quote-main .quote-item .right .fa-fw { float: right; line-height: 50px; margin-right: 10px; cursor: pointer; }
.quote-main .quote-item .fa-bars { float: left; line-height: 50px; cursor: move; color: #1d1c1c; width: 50px; text-align: center; }
.quote-main .quote-item .quote-details { display: none; }
.quote-main ul { list-style: none !important; margin: 0 0 20px 20px; }
.quote-main ul li { list-style: none !important; }

#term-change { font-size: 0.8em; font-weight: 600; }
#term-change span { margin-right: 10px; padding-right: 10px; border-right: 1px solid #B2B2B2; cursor: pointer; }
#term-change span:last-child { border-right: 0 !important; }

/* 
************************************************************************
	Responsive Styles
************************************************************************
*/

@media only screen 
and (min-width : 800px) 
and (max-width : 1100px) {
	
	/* Misc */
	body { }
	.main-container {  }
	.page-header { clear: both; margin-top: 50px; }
	
	/* Header */
	header h1 { display: none; }	
	header h1.hidden { display: block; }
	
	.dash-container .dash-module.col-2 { float: none; width: 100%; }
	
}

@media only screen 
and (min-width : 600px) 
and (max-width : 800px) {
	
	/* Misc */
	body { }
	.main-container {  }
	.modal { width: 580px; margin: 0 0 0 -290px; }
	header .right .item a.fa-fw, header .right .item span { width: 60px; font-size: 1.1em; }
	
	/* Form */
	form .row.col1 { width:100%; float:none; clear:both; }
	form .row.col2 { width:100%; float:none; }
	form .row.col2.left { float:none; }
	form .row.col2.right { float:none; }

	/* Login */
	.login-container { max-width: 580px; }
	.login-container .left { width: 100%; float: none; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 0; border: 1px solid #d8e2e4; }
	.login-container .right { width: 100%; float: none; min-height: auto; border-bottom-right-radius: 0; border-top-left-radius: 4px; }
	.login-container .right > div { position: static; }
	.login-container .right h1, .login-container .right h2 { text-align: left; }
	
	/* Header */
	header h1 { display: none; }	
	header h1.hidden { display: block; }
	
	.dash-container .dash-module.col-2 { float: none; width: 100%; }

}

@media only screen 
and (min-width : 400px) 
and (max-width : 600px) {
	
	/* Misc */
	body { }
	.main-container {  }
	.modal { width: 380px; margin: 0 0 0 -190px; }
	.padding { padding: 20px; }
	.modal .padding { padding: 20px; }
	.page-header { clear: both; margin-top: 50px; }
	.function-btn { float: none; padding: 5px 20px !important; width: 100%; margin: 0 0 5px 0; display: block; }
	header .right .item a.fa-fw, header .right .item span { width: 60px; font-size: 1em; }

	/* Form */
	form .row.col1 { width:100%; float:none; clear:both; }
	form .row.col2 { width:100%; float:none; }
	form .row.col2.left { float:none; }
	form .row.col2.right { float:none; }
	
	/* Login */
	.login-container { max-width: 380px; margin: 20px auto; }
	.login-container .left { width: 100%; float: none; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 0; border: 1px solid #d8e2e4; }
	.login-container .right { width: 100%; float: none; min-height: auto; border-bottom-right-radius: 0; border-top-left-radius: 4px; }
	.login-container .right > div { position: static; }
	.login-container .right h1, .login-container .right h2 { text-align: left; }
	
	/* Header */
	header h1 { display: none; }	
	header h1.hidden { display: none; }
	
	.dash-container .dash-module.col-2 { float: none; width: 100%; }
	
}

@media only screen 
and (min-width : 10px) 
and (max-width : 400px) {
	
	/* Misc */
	body { }
	.main-container {  }
	.modal { width: 280px; margin: 0 0 0 -140px; }
	.padding { padding: 15px; }
	.modal .padding { padding: 20px; }
	.page-header { clear: both; margin-top: 50px; }
	.function-btn { float: none; padding: 5px 20px !important; width: 100%; margin: 0 0 5px 0; display: block; }
	header .right .item a.fa-fw, header .right .item span { width: 40px; font-size: 1em; }
	
	/* Form */
	form .row.col1 { width:100%; float:none; clear:both; }
	form .row.col2 { width:100%; float:none; }
	form .row.col2.left { float:none; }
	form .row.col2.right { float:none; }
	
	/* Login */
	.login-container { max-width: 280px; margin: 20px auto; }
	.login-container .left { width: 100%; min-height: auto; float: none; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 0; border: 1px solid #d8e2e4; }
	.login-container .left .padding { padding: 20px; }
	.login-container .right { width: 100%; float: none; min-height: auto; border-bottom-right-radius: 0; border-top-left-radius: 4px; }
	.login-container .right > div { position: static; padding: 20px; }
	.login-container .right h1, .login-container .right h2 { text-align: left; font-size: 1.7em; }
	
	/* Header */
	header h1 { display: none; }	
	header h1.hidden { display: none; }
	
	.dash-container .dash-module.col-2 { float: none; width: 100%; }
	
}