/*!
 * Punchmark Admin v1.1 (https://admin.shopfinejewelry.com/index.php)
 * Copyright 2007-2015 Punchmark.
 */

/*-- Global --*/
body { background:#FFF; padding-top:70px; /*Navbar height + margin-bottom*/ }
body.navbar-affixed-top { padding-top:0px; }

html {  }
* { font-family:"ff-din-web", Arial, Helvetica, sanserif; font-size:14px; line-height:1.2em; color:#606060; }

/*-- Typography --*/
h1 { font-size:39px; font-family:"ff-din-web-condensed", "ff-din-web", Arial, Helvetica, sanserif; font-weight:700; text-transform:uppercase; color:#00a2de; margin-bottom:13px; }
h2 { font-size:28px; margin-bottom:20px; }
h3 { font-size:24px; margin-bottom:20px; }
h4 { font-size:21px; margin-bottom:20px; }
h5 { font-size:18px; margin-bottom:20px; }
h6 { font-size:16px; margin-bottom:20px; }
p { font-size:14px; color:#606060; margin-bottom:20px; }
a { font-size:inherit; text-decoration:none; color:#00a2de; }
a:hover { color:#333333; }
p a { font-weight:bold; }
*, a, object, embed { outline: 0; }
.clearfix { content:" "; display:block; float:none; clear:both; }
.clearfix:before, .clearfix:after { content:" "; display:block; float:none; clear:both; }
.rule { padding-bottom:15px !important; margin-bottom:20px; border-bottom:1px solid #d0d0d0 !important; } 
 
/*-- h1 --*/
h1 { position:relative; }
h1 .fa { color:#00a2de; font-size:77%; position:relative; top:-3px; }
h1 small { font-family:"ff-din-web-condensed", "ff-din-web", Arial, Helvetica, sanserif; font-size:75%; color:#606060; font-weight:300; }
h1 a.pull-right { font-size:12px; font-weight:700; text-transform:none; color:#606060; position:absolute; bottom:2px; right:0; }
h1 a.pull-right .glyphicon, 
h1 a.pull-right .fa { font-size:13px; position:relative; top:1px; color:#606060; }

.h1 { font-size:39px; font-family:"ff-din-web-condensed", "ff-din-web", Arial, Helvetica, sanserif; font-weight:700; text-transform:uppercase; margin-bottom:13px; }

.client-title { display:block; width:100%; line-height:1; font-size:27px; font-weight:300; color:#333; padding:0; margin-bottom:20px; }
.client-title .label { font-size:11px; background-color:#00a2de; position:relative; top:-0.25em; text-transform:uppercase; margin-left:2px; white-space: nowrap; padding:.1em .6em .13em; }

#project_timeline_table td.hs_field_name { white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }
#project_timeline_table td.step_value, td.project_status { text-align:center !important; }
#project_timeline_table td.button_actions { text-align:center !important; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }
#project_timeline_table tr.client { background-color:#fcf8e3 !important; }
#project_timeline_table tr.punchmark { background-color:#d9edf7 !important; }

/*-- Site Wrapper --*/
#wrap { display:block; margin:0 auto; width:100%; max-width:100%; }

/*-- Header --*/
#header { display:block; background:none; text-align:left; }
#header .logo { display:block; text-align:left; }

/*-- Main Navigation --*/
#navigation { display:block; text-align:left; border-bottom:1px solid #ddd; }
#navigation ul { display:block; padding:10px 20px; background:none; }
#navigation ul li { display:inline; padding:0px 20px 0px 0px; }
#navigation ul li a { display:inline; color:#999; font-size:1.1em; }
#navigation ul li a:hover { color:#00a2de; }

nav {  }
nav.navbar.navbar-inverse { top:0; z-index:100; border-radius:0; width:100%; max-width:100%; border-left:0; border-right:0; border-top:0; box-shadow:0 1px 3px rgba(0,0,0,0.075); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.075); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.075); }
nav.navbar.navbar-inverse { position:static; top:-50px; }
nav.navbar.navbar-inverse.affix { position:fixed; top:0; -webkit-transition: all 1s ease-in-out 0.5s; -moz-transition: all 1s ease-in-out 0.5s; transition: all 1s ease-in-out 0.5s; }
nav.navbar.navbar-inverse .navbar-brand { padding:7px 15px; }
nav.navbar.navbar-inverse form .form-control { background:#282828; border-color:#333333; height:34px; }
nav.navbar.navbar-inverse form .form-control:focus { background:#181818; box-shadow:inset 0 1px 6px rgba(0,0,0,0.8) !important; -webkit-box-shadow:inset 0 1px 6px rgba(0,0,0,0.8) !important; -moz-box-shadow:inset 0 1px 6px rgba(0,0,0,0.8) !important; }
nav.navbar.navbar-inverse .navbar-right { margin-right:-25px; }

.navbar-nav > li > a.btn { padding:6px 12px !important; background-color:#00a2de !important; } 

/*-- Content Area --*/
#content { display:block; text-align:left; padding:1px 20px 20px 20px; }

/*-- Footer --*/
#footer { display:block; background:#eeeeee; text-align:left; height:150px; }
#footer .container { padding:20px; }
#footer p { text-align:center; }
 
/*-- Tables --*/
.table {  }
.table thead th, .table thead td, .table thead tr { background:#00a2de !important; color:white !important; }
.table thead th *, .table thead td *, .table thead tr * { color:white !important; }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-color:#0389BB !important; border-top:1px solid #0389BB !important; }
.table thead th.header,.table thead td.header { position:relative; padding-right:13px; }
.table thead th.header:after,.table thead td.header:after { font-family:"FontAwesome"; content:"\f0dc"; color:#067CA7 !important; position:absolute; right:4px; top:50%; margin-top:-7px; font-size:10px; }
.table thead th.header.headerSortUp:after, .table thead td.header.headerSortUp:after { content:"\f0de"; color:white !important; margin-top:-5px; }
.table thead th.header.headerSortDown:after, .table thead td.header.headerSortDown:after { content:"\f0dd"; color:white !important; margin-top:-9px; }
.table.table-condensed thead th.header.sorter-false, .table.table-condensed thead td.header.sorter-false { padding-right:5px !important; }
.table thead th.header.sorter-false:after, .table thead td.header.sorter-false:after { content:"" !important; display:none !important; }
.table th small, 
.table td small, 
.table tf small { white-space:nowrap; }
.table tfoot, .table > tfoot > tr.footer-head > td, .table-bordered > tfoot > tr.footer-head > td { border-color:#0389BB !important; }
.table > tfoot > tr.footer-head-top > td, .table-bordered > tfoot > tr.footer-head-top > td { border-color:#505050 !important; }
.table tfoot .footer-head, .table tfoot .footer-head td, .table tfoot .footer-head tf { background:#00a2de !important; color:white !important; border-color:#0389BB !important; }
.table tfoot .footer-head-top, .table tfoot .footer-head-top td, .table tfoot .footer-head-top tf { background:#606060 !important; color:white !important; border-color:#ddd !important; }
.table tfoot .footer-head *, .table tfoot .footer-head td *, .table tfoot .footer-head tf *,
.table tfoot .footer-head-top *, .table tfoot .footer-head-top td *, .table tfoot .footer-head-top tf * { color:white !important; }

/*-- Form Helpers (FIND AND REPLACE THIS!!!!) --*/
	.fieldset { position:relative; display:block; float:none; clear:both; width:100%; margin:2px 0; height:auto; }
	.fieldset .title { display:block; float:left; width:111px; height:16px; padding:4px 9px 4px 0px; border:none; text-transform:uppercase; font-family:Arial; color:#222; font-size:0.85em; letter-spacing:0.1em; }
	.fieldset .field { display:block; float:left; width:358px; height:16px; padding:4px 5px; border:1px solid #282828; background:#000 url(../images/footer-bg.jpg) 50% -70px no-repeat; box-shadow:inset 1px 1px 5px 2px #000; -moz-box-shadow:inset 1px 1px 5px 2px#000; -webkit-box-shadow:inset 1px 1px 5px 2px #000; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
	.fieldset input.field { width:358px; height:16px; }
	.fieldset select.field { width:370px; height:26px; }
	.fieldset select.field option { border:1px solid #282828; background:#111; }
	.fieldset textarea.field { width:358px; height:200px; }
	.fieldset.checkbox:not(.title) { font-size:0.85em; padding:6px 0; }
	.fieldset.checkbox:not(.title) input { width:auto; }

.form-inline .form-group label { margin:0px !important; } 
.form-inline .form-group .bootstrap-select { position:relative !important; top:-2px !important; float:right; }
.form-inline .form-group .bootstrap-select > .dropdown-toggle.btn-xs { line-height:1 !important; }

.form-group { margin-bottom:5px; }
.form-group:before, .form-group:after { content:" "; display:block; float:none; clear:both; }
.form-control-spacing { display:inline-block; padding-left:9px; margin-bottom:8px; font-size:16px; font-weight:300; color:#505050; }


input.form-control, 
.input-group .form-control,
.bootstrap-select .btn.form-control { height:34px; padding:5px 10px; font-size:12px; line-height:1.5; border-radius:3px; }
.bootstrap-select .btn.form-control { padding-right:20px; }

.bootstrap-select, .bootstrap-select:focus, 
.bootstrap-select .btn.form-control, 
.bootstrap-select .btn.form-control:focus { outline:none !important; }  
.bootstrap-select .btn.form-control, 
.bootstrap-select .btn.form-control:active { border:1px solid #cccccc !important; outline:none !important; }

input.form-control.input-xs,
.input-group .form-control.input-xs,
.input-group.input-group-xs .form-control,
.bootstrap-select .btn.form-control.input-xs { height:22px;  }
input.form-control.input-sm,
.input-group .form-control.input-sm,
.input-group.input-group-sm .form-control,
.bootstrap-select .btn.form-control.input-sm { height:30px;  }
input.form-control.input-md,
.input-group .form-control.input-md,
.input-group.input-group-md .form-control,
.bootstrap-select .btn.form-control.input-md { height:34px; padding:6px 12px; font-size:14px; line-height:1.42857143; border-radius:4px; }
input.form-control.input-lg,
.input-group .form-control.input-lg,
.input-group.input-group-lg .form-control,
.bootstrap-select .btn.form-control.input-lg { height:46px; padding:10px 16px; font-size:18px; line-height: 46px; border-radius:6px; }

.bootstrap-select.btn-group .dropdown-toggle.input-sm .filter-option { font-size:12px; line-height:1.5; }

.panel-title .label { border-radius:50%; float:right; }

textarea { min-height:100px; resize:vertical !important; }
.table textarea.form-control { min-height:1px; height:22px; padding:7px 10px; margin:0px !important; border:0 !important; cursor:text; border-radius:0 !important; outline:none !important; line-height:1.2; background:rgba(255,255,255,0.0); font-weight:600; box-shadow:inset 0 1px 6px rgba(0,0,0,0.0); -moz-box-shadow:inset 0 1px 6px rgba(0,0,0,0.0); -webkit-box-shadow:inset 0 1px 6px rgba(0,0,0,0.0); }
.table tr textarea.form-control:hover, 
.table tr textarea.form-control:focus, 
.table tr textarea.form-control:active { box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.175); -moz-box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.175); -webkit-box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.175); background-color:rgba(255,255,255,1.0); outline:none !important; color:#606060; }
.table tr.inactive textarea.form-control { background:#f9f9f9 !important; }
.table tr td.textarea-td textarea[readonly],
.table tr td.textarea-td textarea[readonly]:hover,
.table tr td.textarea-td textarea[readonly]:focus,
.table tr td.textarea-td textarea[readonly]:active { background:#dff0d8 !important; cursor:default !important; font-weight:normal !important; color:inherit !important; box-shadow:none !important; }
.table td.textarea-td { padding:0 !important; overflow:hidden; }
.table td .checkbox { margin-top:0 !important; margin-bottom:0 !important; }
.table td .checkbox input[type="checkbox"]{ margin-left:-16px !important; margin-top:10px !important }
.table td.button-td { white-space:nowrap; text-align:center; padding-top:5px !important; }
.table td.button-td > .btn { box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15); -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15); -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15); }
.table tr.success > td > .btn-group .btn,
.table tr.success > td > .btn-group .btn:active,
.table tr.success > td > .btn-group .btn:focus,
.table tr.success > td .bootstrap-select.btn-group .dropdown-toggle .filter-option,
.table tr.success > td .input-group.date .form-control[readonly],
.table tr.success > td .btn-group.bootstrap-select .form-control[readonly] { box-shadow:none !important; border-color:#dff0d8 !important; background-color:#dff0d8 !important; text-align:center !important; color:#3c763d !important; border:0 !important; padding:0 !important; text-transform:none !important; font-weight:500 !important; opacity:1.0 !important; height:auto !important; line-height:32px !important; font-size:13px !important; display:block !important; }
.table tr.success > td .input-group-addon,
.table tr.success > td .caret,
.table tr.success > td .bootstrap-select.btn-group .dropdown-menu,
.table tr.success > td .bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after, 
.table tr.success > td .bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before { display:none !important; }
.table tr.success > td .bootstrap-select.show-menu-arrow > .dropdown-toggle { cursor:default !important; }
.table tr.success > td .btn-group, 
.table tr.success > td .btn-group-vertical { vertical-align:top; }
.table tr.danger > td > .btn-group *, 
.table tr.danger > td > .btn-default,
.table tr.danger > td > .btn-default *,
.table tr.danger > td > .input-group.date .input-group-addon span,
.table tr.danger > td > .input-group.date > input.form-control.input-sm,
.table tr.danger > td > .input-group.date > input.form-control.input-sm:active,
.table tr.danger > td > .input-group.date > input.form-control.input-sm:focus,
.table tr.danger > td > .bootstrap-datetimepicker-widget,
.table tr.danger > td > .bootstrap-datetimepicker-widget .day,
.table tr.danger > td > .bootstrap-datetimepicker-widget .day:hover { color:#606060 !important; }
.table .bootstrap-select.btn-group .dropdown-toggle .filter-option,
.table .bootstrap-select.btn-group .dropdown-menu li a span.text,
.table .bootstrap-select.btn-group .dropdown-toggle .caret,
.table tr:not(.danger, .success) td.button-td .btn-default .fa { color:#606060 !important; }
.table .bootstrap-select.btn-group .dropdown-menu li.selected a span.text { color:#FFFFFF !important; }
.table td.textarea-td textarea { min-height:41px; line-height:20px !important; padding:10px !important; }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { line-height:1; }

.form-group > .form-control, .form-group > .checkbox, .form-group > .radio { display:inline-block !important; }
.form-group > .checkbox, .form-group > .radio { margin-top:5px !important; margin-bottom:5px !important; }
.radio label, .checkbox label { line-height:1.4; }

.input-group {  }

.input-group.date { float:right !important; width:85% !important; }
.input-group.date > input.form-control, .form-group .input-group.date > input.form-control { display:table-cell !important; float:none !important; width:100% !important; }
.input-group.date > .input-group-addon { display:table-cell !important; float:none !important; width:1% !important; }
.input-group.date > input.form-control.input-sm { border-radius:3px 0 0 3px !important; }
.table .input-group.date { width:100% !important; max-width:100% !important; }

.input-group.file { float:right !important; width:85% !important; }
.input-group.file > .input-group-btn, .form-group .input-group.file > .input-group-btn { display:table-cell !important; width:1% !important; position:relative; font-size:0; white-space:nowrap; }
.input-group.file > input[readonly].form-control, .form-group .input-group.file > input[readonly].form-control { display:table-cell !important; width:100% !important; }
.input-group.file .btn-default.btn-file { border-right:0 !important; background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0)); background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #dbdbdb; text-shadow: 0 1px 0 #fff; border-color: #ccc; }
.input-group.file .btn-default.btn-file.btn-sm { height:30px !important; line-height:1.5 !important; } 

/*-- Global Dropdown --*/
.dropdown-menu li.selected a { background:#40C8F4 !important; }
.dropdown-menu li.selected a span { color:rgba(255,255,255,0.6) !important; font-style:italic; }
.dropdown-menu li:not(.selected) a:hover, .bootstrap-select.btn-group .dropdown-menu li:not(.selected) a:hover { background:#00a2de !important; }
.dropdown-menu li:not(.selected) a:hover, .dropdown-menu li:not(.selected) a:hover span, .bootstrap-select.btn-group .dropdown-menu li:not(.selected) a:hover span { color:white !important; }

/*-- Selectmenu --*/
.bootstrap-select{width:220px \0}
.bootstrap-select>.dropdown-toggle{width:100%;padding-right:25px}
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle{border-color:#b94a48}
.bootstrap-select.fit-width{width:auto!important}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}
.bootstrap-select .dropdown-toggle:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}
.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}
.bootstrap-select.form-control:not([class*=col-]){width:100%}
.bootstrap-select.form-control.input-group-btn{z-index:auto}
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*=col-]{float:none;display:inline-block;margin-left:0}
.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right{float:right}
.form-group .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group{margin-bottom:0}
.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control{padding:0}
.form-inline .bootstrap-select.btn-group .form-control{width:100%}
.bootstrap-select.btn-group.disabled,.bootstrap-select.btn-group>.disabled{cursor:not-allowed}
.bootstrap-select.btn-group.disabled:focus,.bootstrap-select.btn-group>.disabled:focus{outline:0!important}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{display:inline-block;overflow:hidden;width:100%;text-align:left;font-weight:normal !important;}
.bootstrap-select.btn-group .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle;font-weight:normal !important;}
.bootstrap-select.btn-group[class*=col-] .dropdown-toggle{width:100%}
.bootstrap-select.btn-group .dropdown-menu{min-width:100%;z-index:1035;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.bootstrap-select.btn-group .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}
.bootstrap-select.btn-group .dropdown-menu li{position:relative;outline:none !important;}
.bootstrap-select.btn-group .dropdown-menu li.active small{color:#fff}
.bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed}
.bootstrap-select.btn-group .dropdown-menu li a{cursor:pointer;outline:none !important;}
.bootstrap-select.btn-group .dropdown-menu li a.opt{position:relative;padding-left:2.25em}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display:none}
.bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block}
.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}
.bootstrap-select.btn-group .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.bootstrap-select.btn-group .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option{position:static}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position:absolute;display:inline-block;right:15px;margin-top:5px}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle{z-index:1036}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}
.pull-right .bootstrap-select.show-menu-arrow .dropdown-toggle:before{right:12px;left:auto}
.pull-right .bootstrap-select.show-menu-arrow .dropdown-toggle:after{right:13px;left:auto}
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before{display:block}
.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}
.bs-actionsbox{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.bs-actionsbox .btn-group button{width:50%}
.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.bs-donebutton .btn-group button{width:100%}
.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}
.bs-searchbox .form-control{margin-bottom:0;width:100%}
select.bs-select-hidden,select.selectpicker{display:none!important}
select.mobile-device{position:absolute!important;top:0;left:0;display:block!important;width:100%;height:100%!important;opacity:0}
.pull-right .bootstrap-select.btn-group .dropdown-menu{left:auto;right:0!important;}
#content .ticket-filters .form-group .bootstrap-select:not(.select-inline), 
#content .ticket-filters .form-group .btn-group.bootstrap-select:not(.select-inline){ width:100% !important; }

/* ticket popup hourly rate selector */
.btn-new { margin-left: -14px !important; margin-top:-6px !important; background-color:#e0e0e0; }

/*** Design (Trash this) ***/
#breakdown { width:920px !important; }
#breakdown th { font-weight:bolder !important; }
#breakdown td { padding:10px !important; }
#breakdown td { font-size:11px !important; }
#breakdown td b { font-weight:bolder !important; color:#00a2de; }

.urgent, .urgent td, .urgent th, .label-urgent { background-color:#A73A3A !important; border-color:#862B2B !important; }
.urgent *, .urgent *:hover, .label-urgent, .label-urgent:hover, .table-key .label-urgent { color:#FFFFFF; }
.default *, .default *:hover { color:#606060; }
.success *, .success *:hover, .table-key .label-success { color:#809279; }
.info *, .info *:hover, .table-key .label-info { color:#7B95A2; }
.danger *, .danger *:hover, .table-key .label-danger { color:#A73A3A; }
.warning *, .warning *:hover, .table-key .label-warning { color:#9E966B; }
.table-key .label-active { color:#333333; }
.inactive, .inactive td, .inactive th { background-color:#f9f9f9 !important; } 
.inactive *, .inactive *:hover, .table-key .label-inactive { color:#AfAfAf; font-weight:normal !important; }
.table a small, .table a { font-weight:bold; }

.has-error label { color:#A73A3A !important; }
.has-error .form-control,
.has-error .btn-group .form-control { background-color:#f2dede !important; color:#A73A3A !important; }
.has-warning label { color:#9E966B !important; }
.has-warning .form-control,
.has-warning .btn-group .form-control { background-color:#fcf8e3 !important; color:#9E966B !important; }

.btn-success.btn .fa,
.btn-danger.btn .fa,
.btn-warning.btn .fa,
.btn-info.btn .fa { color:white; }  
 
.alert-info a { color:#31708f; text-decoration:underline !important; } 
.alert-success a { color:#3c763d; text-decoration:underline !important; }
.alert-warning a { color:#8a6d3b; text-decoration:underline !important; }
.alert-danger a { color:#A73A3A; text-decoration:underline !important; }
.alert-default a { color:#333; text-decoration:underline !important; }

.table-key { display:block; margin-bottom:20px; text-align:right; }
.table-key .table-key-title { position:relative; top:2px; font-size:1em; font-weight:700; color:#333333; display:inline-block; width:auto; text-transform:uppercase; }
.table-key .label { font-size:11px !important; display:inline-block; float:none; margin-bottom:1px; margin-top:-1px; }
.table-key .label-urgent { background-color:#A73A3A; }
.table-key .label-danger, .item.danger .input-group-addon { background-color:#f2dede; }
.table-key .label-warning { background-color:#fcf8e3; }
.table-key .label-info { background-color:#d9edf7; }
.table-key .label-active { background-color:#f6f6f6; }
.table-key .label-inactive { background-color:#e0e0e0; }
.table-key .label-success, .item.success .input-group-addon { background-color:#dff0d8; }
 
.ticket-checkboxes, .ticket-filters { border:1px solid #d0d0d0; padding:15px; margin-bottom:20px; margin-left:0; margin-right:0; background:#eeeeee; }
.ticket-checkboxes { margin-bottom:0; border-bottom:0; }
.ticket-checkboxes:before, .ticket-checkboxes:after, .ticket-filters:before, .ticket-filters:after { content:" "; display:block; float:none; clear:both; }
.ticket-checkboxes .text-left { display:block; width:60% !important; }
.ticket-checkboxes .text-left > .checkbox { margin:0; display:block; float:left; width:auto; padding-right:20px; line-height:34px; }
.ticket-checkboxes .text-right { width:40% !important; }

.ticket-filters .form-group { margin-bottom:0 !important; }
.ticket-filters .form-group input, .ticket-filters .form-group input, .ticket-filters .form-group .bootstrap-select, .ticket-filters .form-group .bootstrap-select { margin-bottom:0 !important; width:100% !important; float:none !important; }
.ticket-filters .form-group .bootstrap-select,
.ticket-filters .form-group .bootstrap-select *,
.ticket-filters .form-group .bootstrap-select:focus,
.ticket-filters .form-group .bootstrap-select:active { outline:none !important; }
.ticket-filters .form-group .bootstrap-select.btn-group .dropdown-toggle .filter-option { text-overflow:ellipsis; white-space:nowrap; padding-right:10px; }

.ticket-date { line-height:20px; font-size:12px; font-weight:400;  }
.ticket-date strong { font-size:12px; font-weight:700;  }
.ticket-date .label { font-size:10px; font-weight:600; position:relative; top:2px; float:right; }

.sorter { display:block; float:right; }
.sorter label { padding-right:5px; }
.sorter .bootstrap-select { position:relative; top:-4px; right:0px; }
.sorter .bootstrap-select .btn { height:24px !important; padding:1px 5px !important; }
.sorter .bootstrap-select .btn .filter-option { font-size:11px !important; line-height:20px !important; }

.avatar, .img-avatar, .avatar-img, .user-avatar { box-shadow:0 0 0 1px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.1); }    

.modal-header { padding:15px 20px 0px 20px; } 
.modal-body { padding:15px 20px 20px 20px; }
.modal-footer { padding:20px; }
.modal-header { border-bottom:0 !important; }
.modal-header .modal-title { font-size:13px; text-transform:uppercase; font-weight:700; color:#333; }
.modal-header .close { margin-top:-10px; margin-right:-5px; }
.modal-header .close span { font-size:20px; }
.modal-body p { font-size:16px; font-weight:300; }
.modal-body p:only-child,
.modal-body p:last-child { margin-bottom:0; }
.modal-footer { white-space:nowrap; }
.modal-footer .btn { width:49%; margin:0 0.5% 0 0; }
.modal-footer .btn+.btn { width:49%; margin:0 0 0 0.5%; }

.nav-pills { margin-bottom:20px; display:block; max-width:100%; }
.nav-pills li {  }
.nav-pills li a { font-size:12px; font-weight:700; background-color:#eee; color:#606060; padding-left:15px; padding-right:15px; }
.nav-pills li a .fa,
.nav-pills li a .glyphicon { color:#606060; }
.nav-pills li a:hover,
.nav-pills li a:focus,
.nav-pills li a:active { background-color:#00a2de; color:white; }
.nav-pills li a:focus,
.nav-pills li a:active { -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05); }
.nav-pills li a:hover .fa,
.nav-pills li a:focus .fa,
.nav-pills li a:active .fa { color:white; }
.navbar-inverse .navbar-nav > li > a > span:hover { color:#07ADE1 !important; }

.popover { max-width: 100%; min-width:250px; }
.popover .popover-title { font-weight:700; color:white; background-color:#00a2de; border-bottom:1px solid #0BB4F3; }
.popover *, .tooltip * { font-family:"ff-din-web", Arial, Helvetica, sanserif; font-size:14px; line-height:1.2em; color:#606060; }

.well.checklist-items { padding:19px 30px; }
.well.checklist-items .form-control { max-width:100%; }
.well.checklist-items .form-control-spacing { padding-top:6px; padding-left:0; }
.well.checklist-items .item { text-align:center; }
.well.checklist-items .item > label { font-size:11px; text-align:center; max-width:100%; width:100% !important; text-transform:uppercase; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:11px; display:block; }
.well.checklist-items .item > .input-group.date { width:100% !important; }

.admin-pics { text-align:center; margin-bottom:0; display:inline-block; margin:0 0 0 6px; width:84.99%; }
.admin-pics img { max-width:72px; margin:7px; }

.comment-heading > .label,
.comment-heading > a > .label { font-size:10px !important; padding:2px 5px 3px 5px !important; position:relative; top:-3px; margin-right:5px; text-decoration:none !important; }
.comment-heading > a { text-decoration:none !important; }
.comment-heading > a:hover > .label,
.comment-heading > a:focus > .label { background:#333 !important; border-color:#333 !important;�text-decoration:none !important; }

#page-loading
{
    position: fixed;
    left: 0px;
    top: 0px;
    display: none;
    background: url("/images/punchmark-logo-loading.gif")
	    50% 50% no-repeat;
    z-index: 9999;
    height: 100%;
    width: 100%;
}

#global-success-msg
{
    position: fixed;
    left: 0px;
    top: 0px;
    display: none;
	    50% 50% no-repeat;
    z-index: 9999;
    height: 100%;
    width: 100%;
}

/*-- Responsive --*/
@media(max-width:767px){
	.form-group > label { margin-top:10px !important; }
	.input-group,
	.input-group.date,
	.input-group.file,
	.form-group > .checkbox, 
	.form-group > .radio,
	.admin-pics { width:100% !important; }
	.ticket-checkboxes .text-left,
	.ticket-checkboxes .text-right { width:100% !important; }
	.ticket-checkboxes .text-left:before, .ticket-checkboxes .text-left:after { content:" "; display:block; float:none; clear:both; }
	.ticket-checkboxes .text-left { }
	.ticket-checkboxes .text-left > .checkbox { width:100% !important; line-height:1 !important; margin-bottom:5px !important; }
	.ticket-checkboxes .text-left > .checkbox+.checkbox { margin-bottom:10px !important; }
	.ticket-filters .col-sm-3+.col-sm-3 { margin-top:5px !important; }
	.form-group.form-group-avatar textarea { width:100% !important; } 
	.pull-none-xs { float:none !important; }
	.searchbar-top { margin-bottom:20px; }
	.checkbox.pull-left { padding-left:0; margin-left:0; width:60% !important; }
	.nav-pills li a {  }
	.navbar-inverse .navbar-nav > li > a > span { color:#07ADE1 !important; }
	.form-control-spacing { max-width:100%; width:100%; padding-left:0 !important; margin-bottom:0 !important; }
	.well.checklist-items .item  { margin-bottom:20px; }
	.admin-pics { margin:0 auto; } 
} 
@media(min-width:768px){
	#content { max-width:100%; margin:0 auto; }
	.form-group > label { margin-top:5px !important; margin-bottom:5px !important; }
	.form-group.form-group-avatar > label img.avatar { margin:0 auto !important; max-width:100px; }
	.form-group.form-group-avatar > label { padding-right:10px; margin-top:0 !important; margin-bottom:0 !important; }
	.form-inline .form-group label { margin-top:0 !important; }
	.searchbar-top { position:relative; top:-49px; }
	.checkbox.pull-left { padding-left:14%; margin-left:10px; }
}
@media(min-width:769px){
	nav .dropdown:hover .dropdown-menu { display:block; }
	.form-group > label { width:24%; }
	.form-group.form-group-avatar > label { width:14%; }
	.form-group .form-control:not(.btn), 
	.form-group .btn-group.bootstrap-select:not(.select-inline), 
	.form-group select, 
	.form-group textarea, 
	.form-group .checkbox,
	.form-group .radio,
	.admin-pics,
	.form-group .input-group,
	.form-group .input-group.date { width:75%; float:right; }
	.form-group .btn-group.bootstrap-select:not(.select-inline),
	.form-group .input-group, .form-group .input-group.date { width:75% !important; }
	.form-group .input-group .bootstrap-select:not(.select-inline){ width:100% !important; }
	.ticket-filters .form-group input, .ticket-filters .form-group input, .ticket-filters .form-group .bootstrap-select, .ticket-filters .form-group .bootstrap-select { width:100% !important; }
	.form-inline .form-group .bootstrap-select { margin-left:5px !important; float:right; } 
}
@media(min-width:768px) and (max-width:991px){ 
	nav .nav { margin-left:7px; }
	nav .nav > li > a { padding:15px 10px; }
	nav.navbar.navbar-inverse .navbar-brand { width:28px !important; overflow:hidden; position:relative; margin-left:4px; }
	nav.navbar.navbar-inverse .navbar-brand img { position:absolute; left:-164px; top:0; padding:7px 0px !important; }
	nav.navbar.navbar-inverse .navbar-form { padding-left:15px; padding-right:0; }
}
@media(min-width:992px){
	#content { max-width:980px; margin:0 auto; }
	.form-group > label { width:18%; }
	.form-group.form-group-avatar > label { width:14%; }
	.form-group .form-control:not(.btn), 
	.form-group .bootstrap-select:not(.select-inline), 
	.form-group select, 
	.form-group textarea, 
	.form-group .checkbox,
	.form-group .radio,
	.admin-pics,
	.form-group .input-group,
	.form-group .input-group.date { width:80%; float:right; }
	.form-group .bootstrap-select:not(.select-inline),
	.form-group .btn-group.bootstrap-select:not(.select-inline),
	.form-group .input-group, .form-group .input-group.date { width:80% !important; }
	.form-group .input-group .bootstrap-select:not(.select-inline){ width:100% !important; }
	.ticket-filters .form-group input, 
	.ticket-filters .form-group input, 
	.ticket-filters .form-group .bootstrap-select, 
	.ticket-filters .form-group .bootstrap-select { width:100% !important; }
	.form-control-spacing { display:inline-block; padding-left:20px; margin-bottom:8px; font-size:16px; font-weight:300; color:#505050; }
}

@media print {
  a[href]:after {
    content: none !important;
  }
  .noprint {
  	display: none !important;
  }
  thead {display: table-header-group;}
  tfoot {display: table-header-group;}
}