body { background: #fff; font-size: 14px; font-family: 'Open Sans', sans-serif; color: #333; font-weight: 300 }
a { color: #333; text-decoration: none }
a:hover { color: #33cc66 }
a, a:focus, a:hover, a:active { outline: 0; text-decoration: none; }
b, strong { font-weight: 600 }
.clear { clear: both; font-size: 1%; height: 1%; }
.app-header { background: #fff; padding: 5px 0 0; border-bottom: 1px solid #CECFD1; box-shadow: 0 0.0625em 0.3125em rgba(0, 0, 0, 0.15); position: relative; }
.page-content { padding: 0 0 40px 0 }
.header form { padding-top: 15px; }
.app-nav { position: relative }
.top-nav { background: none repeat scroll 0 0 #33cc66; }
.top-nav ul.prim-nav { list-style: outside none none; margin: 0; padding: 0; }
.top-nav ul.prim-nav> li { display: inline; float: left; }
.top-nav ul.prim-nav > li a { color: #fff; display: block; font-size: 18px; padding: 12px 15px; height: 50px; }
.top-nav ul.prim-nav > li ul a { color: #666; font-size: 16px; height: auto; }
.top-nav ul.prim-nav > li a:hover, .top-nav ul.prim-nav > li a.active { background: #3d3d3d }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { color: #333 }
ul.dropdown-menu { margin: 0; padding: 0 }
.navbar-nav > li > a { color: #fff; height: 50px; }
.header { background: #a5a5a5; overflow: hidden; }
.logo-box { background: none repeat scroll 0 0 #b3b3b3; }
.logo { padding: 15px; }
.actions-header { margin-bottom: 15px; }
.actions-header h2 { margin: 0 }
.section-header { background: none repeat scroll 0 0 #f5f5f5; border-bottom: 1px solid #ddd; padding: 10px 0; margin-bottom: 25px; }
.notifications-bar { margin-top: 8px; }
.notifications-bar ul { list-style: none; }
.notifications-bar li { border-left: 1px solid #DDD; display: inline; float: left; padding: 0 10px; }
.notifications-bar li.user-box { border: none; font-size: 14px; font-weight: 700; padding: 0 10px }
.myaccount { list-style: none; width: 180px; margin: 0; padding: 0 }
.myaccount li { display: block; padding: 0; margin: 0; border: none; float: none }
.myaccount li a { padding: 5px 0; display: block; }
.quick-search { margin-top: 25px; }
.quick-search label { display: inline; font-size: 30px; font-weight: 100; padding: 0 10px; }
.quick-search input { border: 1px solid #888888; display: inline; font-size: 17px; padding: 15px; width: 310px; }
.section-header .wizard { position: absolute; right: 0; bottom: 22px }
h1, h2 { color: #777; font-size: 30px; font-weight: 400; margin: 0 0 10px; padding: 5px 0 0; text-transform: uppercase; }
.section-header .btn-success { margin-top: 15px }
.notifications-title { background-color: #FFFFFF; border: medium none; color: #505458; font-size: 13px; font-weight: bold; margin: 0 5px; padding: 6px 2px 0; text-align: center; }
.notification-messages .icon-cancel { position: absolute; right: 4px; top: 4px; }
.view-all { background: #F7F7F7; display: block; font-weight: 700; padding: 10px; text-align: center; }
.section { margin-bottom: 30px; background: #fff; }
.section-content { padding: 15px; }
.section-title { background: none repeat scroll 0 0 #797979; color: #fff; padding: 15px; }
.section-title h3 { font-size: 20px; font-weight: 400; padding: 0; margin: 0; color: #fff }
.dashboard { padding: 0 0 30px 0 }
.dashboard-box { background: none repeat scroll 0 0 #f5f5f5; display: block; font-size: 13px; font-weight: 700; height: 130px; margin: 0 auto 20px; padding: 10px; text-align: center; text-transform: uppercase; }
.dashboard-box .st-ico { font-size: 45px; display: block; text-align: center; padding: 5px 0; color: #33cc66; }
.dashboard .label { display: block; left: 50%; margin-left: 15px; margin-top: -47px; padding: 7px; position: absolute; top: 50%; }
.reports-box { margin-bottom: 25px; }
.reports-box td, .reports-box th { text-align: center; padding: 10px; }
.reports-box td { background: #f5f5f5; font-size: 22px; color: #384047; }
.reports-box td.master { background: #e8e8e8; font-size: 16px; text-transform: uppercase; font-weight: 700; color: #384047; text-align: center; width: 180px }
.reports-box td.due { background: #e7604a; color: #fff; }
.reports-box th { text-transform: uppercase; font-size: 12px; font-weight: 700; background: #ececec; border-bottom: 1px solid #FFF }
.reports-box th.master { background: #e1e1e1; }
.statistics { border-right: 1px solid #e6e6e6; margin: 15px 0; }
.statistics.last { border: none; }
.statistics p { margin: 0; padding: 0 }
.statistics h2 { font-size: 38px; padding: 0; margin: 0 }
.sort input { background: #fff; font-size: 12px; border: 1px solid #ddd; text-align: center; padding: 5px; margin: 0 10px }
/*colors*/
.blue-box { background: #0090D9; color: #fff; }
.green-box { background-color: #0AA699; color: #fff; }
.red-box { background-color: #F35958; color: #fff; }
.green-box { background-color: #0AA699; color: #fff; }
.green-box { background-color: #0AA699; color: #fff; }
/*** Notifications **/
.notification-messages { border: none; background: none; background-color: #eef9f8; padding: 15px 18px 10px; display: block; color: #8b91a0; margin-bottom: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative }
.notification-messages.success { background-color: #eef9f8; }
.notification-messages.danger { background-color: #fef2f2; }
.notification-messages.info { background-color: #edf7fc; }
.notification-messages.info:hover { background-color: #d8ebf4; cursor: pointer; }
.notification-messages.danger:hover { background-color: #fae1e1; cursor: pointer; }
.notification-messages.success:hover { background-color: #d9edf1; cursor: pointer; }
.notification-messages .message-wrapper { display: inline-block; width: 70%; height: 43px; }
.notification-messages .message-wrapper .heading { display: block; float: left; color: #1b1e24; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all; width: 100%; margin: 0; line-height: 19px; font-weight: 400; }
.read .message-wrapper .heading { font-weight: 100 }
.notification-messages .message-wrapper .description { display: block; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all; font-size: 11px; width: 100%; line-height: 19px; }
.notification-messages .date { display: inline-block; font-size: 11px; line-height: 15px; font-style: italic; opacity: 0.4; }
.notification-messages .user-profile { border-radius: 100px; display: inline-block; float: left; height: 35px; overflow: hidden; width: 35px; margin-right: 10px; margin-top: 2px }
.notification-messages .iconholder { display: inline-block; float: left; margin-right: 10px; margin-top: 5px }
.notification-messages .iconholder i { font-size: 28px; }
.notification-messages.success .iconholder i { color: #f35958 }
.notification-messages.danger .iconholder i { color: #f35958 }
.notification-messages.info .iconholder i { color: #0AA699 }
/* Breadcrumb */
.page-content .breadcrumb { padding-bottom: 0; margin: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; box-shadow: none; background: none; padding: 0px !important; border: none !important; }
.page-content .breadcrumb a, .page-content .breadcrumb i, .page-content .breadcrumb span, .page-content .breadcrumb li { color: #515050; font-weight: 300; text-shadow: none; }
.page-content .breadcrumb li p { font-size: 12.5px !important; font-weight: 400; color: #7b7d82; }
.page-content .breadcrumb li .active { font-weight: 400; font-size: 14px; }
.page-content .content { padding-left: 26px; padding-right: 26px; padding-top: 26px; }
/*Nav*/
.navbar { min-height: inherit }
.navbar-default.navigation { background: #33cc66; margin-bottom: 0; border-radius: 5px 5px 0 0 }
.navigation ul { list-style: none; }
.navigation ul li { display: block; }
.navbar-default { background: #33cc66; border: none; margin-bottom: 5px; }
.navbar-default .navbar-nav > li > a { font-size: 12px; text-transform: uppercase; color: #fff; font-weight: 700; line-height: 20px; }
.nav > li > a:hover, .nav > li > a:focus { background: #3d3d3d; color: #fff; }
.navbar-default .navbar-nav > .dropdown > a .caret { border-bottom-color: #fff; border-top-color: #fff; }
.navbar-nav .dropdown-menu .st-ico { font-size: 18px; color: #999; }
.nav-tabs li a span.st-ico.icon-refresh { cursor: pointer; display: none; }
.nav-tabs li.active a span.st-ico.icon-refresh { display: block; }
.table-striped > tbody > tr.totals td { background: none }
.navbar-nav > li > .dropdown-menu { border: none; }
.section-header .nav-tabs { border: medium none; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background: #F4F4F4; color: #33cc66; }
.nav-tabs > li > a { font-size: 16px; }
.form-actions { background: #E5E7E9; border-radius: 5px; margin: 20px 0 30px; overflow: hidden; padding: 20px; }
.add-actions { margin: 20px 0 30px; overflow: hidden; padding: 20px 0; }
.footer { background: #333; padding: 30px 0; color: #fff; }
/*mic*/
label { font-weight: 600 }
.file-upload p { font-size: 11px; }
.toggle-buttons { margin-bottom: 30px; }
/*.toggle-buttons:after{ clear: both; content: "."; display: block; visibility: hidden; }*/
.table .table-header th { background: none repeat scroll 0 0 #333; border-bottom: medium none; color: #fff; font-weight: 400; text-transform: uppercase; }
.table-header th a { color: #fff; }
.quick-email { margin-top: 5px; }
.quick-email .st-ico { font-size: 24px; }
.table th { background: #f3f3f3; font-size: 14px; }
.table td, .list-group-item { font-size: 12px; font-family: Tahoma, Geneva, sans-serif; }
.toggle-buttons input[type=radio] { display: none; }
.toggle-buttons label { display: block; float: left; background: #333; font-weight: 400; padding: 2px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; cursor: pointer; margin: 3px; }
.toggle-buttons label.checked { background: #33cc66; color: #fff; cursor: default; }
.many .record { display: block; position: relative; background: #fafafa; border: 1px dashed #ddd; margin-bottom: 20px; padding: 8px 15px; overflow:visible!important }
.many .record .input { margin-right: 15px; margin-bottom: 5px; font-size: 14px; color: #888; height: auto }
.many .record .input input { width: 170px; }
.many .record .delete { background: url(admin/delete-ico.png) no-repeat scroll 0 0 transparent; cursor: pointer; height: 16px; position: absolute; right: 10px; text-indent: -999999px; top: 10px; width: 16px; }
.many li.record.selected { background: #f2ffe5; }
.panel-heading h4 { margin: 0; padding: 0; font-size: 22px }
.file-upload a { margin: 0 4px }
.file input { margin: 7px 0 }
.file-name { background: #FEFFE8; border: 1px dotted #DDD; font-size: 10px; margin: 0 5px 5px 0; padding: 3px 6px; }
legend { font-size: 14px; border: none; margin-bottom: 0 }
.form-actions .pull-right { margin-left: 15px }
.scroll-list { height: 280px; overflow: auto }
.scroll-list label { float: none; }
.scroll-list .toggle-buttons label { background: #E5E7E9; color: #333 }
.scroll-list .toggle-buttons label.checked { background: #33cc66; color: #fff }
#accordion { margin-bottom: 40px }
#accordion h4 { color: #333 }
#accordion h4 a { display: block; position: relative; }
.bootstrap-filestyle { width: 300px; display: block; }
.bootstrap-filestyle .form-control { display: inline-block; width: 165px; }
.bootstrap-filestyle .control-label { display: block }
.form-actions { background: none repeat scroll 0 0 #fff; margin: 0; overflow: hidden; padding: 10px 20px; }
.navbar-nav .st-ico { margin: 3px 3px 3px 0; font-size: 20px }
.nav-tabs > li { margin-bottom: 5px }
.dropdown-menu { margin: 0; min-width: 220px; }
.dropdown-menu li { position: relative; }
.dropdown-menu .sub { left: 215px; top: 0 }
.dropdown-menu > li > a { font-size: 13px; font-weight: 400; padding: 2px 10px; }
.dropdown-menu > li > a:hover .st-ico { color: #333; }
.navbar-default { background: #33cc66; border: none; margin-bottom: 5px; }
.navbar-default .navbar-nav > li > a { font-size: 12px; text-transform: uppercase; color: #fff; font-weight: 700 }
.navbar-default .navbar-nav > .dropdown > a .caret { border-bottom-color: #fff; border-top-color: #fff; }
.navbar-nav .dropdown-menu .st-ico { font-size: 20px; color: #999; }
.nav-tabs li a span.st-ico.icon-refresh { cursor: pointer; display: none; }
.nav-tabs li.active a span.st-ico.icon-refresh { display: block; float: right; margin-top: 4px; }
.table-striped > tbody > tr.totals td { background: none }
.tabs-left { background: none repeat scroll 0 0 #d6d6d6; margin-top: -25px; }
.tabs-left .tab-content { background: #fff; padding: 0 0 100px; overflow: hidden; min-height: 900px }
.tabs-left .tab-content .tab-pane { padding: 20px }
.tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; margin: 0; border-bottom: 2px solid #cccccc }
.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; font-size: 15px; }
.tabs-left > .nav-tabs { padding: 0; }
.tabs-left > .nav-tabs > li > a { border: medium none; border-radius: 0; font-size: 18px; margin: 0;  text-transform: uppercase; }
.tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus { background: #33cc66; color: #fff; }
.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus { border: 1px solid #fff; border-left: 4px solid #33cc66; background: #fff; color: #333; }
.totals-row td { font-size: 18px; }
.nav-tabs > li > a:hover { border-bottom: none }
.nav-tabs { border-bottom: none }
.sub-tabs { background: none repeat scroll 0 0 #e6e6e6; display: block; list-style: outside none none; margin: -47px; padding: 11px 20px;position: absolute;z-index: 222;width: 203px;margin-left: 224px; }
.sub-tabs a { font-weight: 700 }
.data-view { overflow: hidden; }
.detail-popover { border-bottom: 1px dashed #33cc66; color: #33cc66; }
/* actions */
.action { list-style: none; margin: 0 auto; padding: 0 }
.action li { display: inline; float: left; padding: 3px 0; }
.table ul.action li a { color: #333; display: block; font-size: 13px; font-weight: 400; line-height: 16px; margin-right: 5px; padding: 0 5px 0 11px; text-transform: capitalize; }
.table ul.action li a:hover { color: #33cc66; }
.bulk-actions { background: none repeat scroll 0 0 #F9F9F9; padding: 5px 15px; }
.bulk-actions label { font-size: 12px; padding-right: 10px; }
.bulk-actions select { border: 1px solid #DDDDDD; font-size: 12px; padding: 5px; width: 100px; margin-right: 7px }
.bulk-actions input { background: none repeat scroll 0 0 #E5E7E9; border: medium none; color: #333333; font-weight: 700; padding: 6px 10px; text-align: center; }
.dropdown-menu .st-ico { color: #666 }
.delete-product .st-ico { margin: 0 }
.table-header th a.ajax-reorder { padding: 0 10px; color: #33cc66; }
.app-header { -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s; }
.app-header.shrink { position: fixed; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s; height: 71px; }
.app-header.shrink .navigation { display: none }
/*Tickets Comments*/
.comment-actions { margin-left: 20px; }
.comment-actions span { font-size: 20px; }
.attachment-box { background: none repeat scroll 0 0 #F9F9F9; border: 1px dashed #DDDDDD; margin-top: 30px; padding: 10px 15px; }
.attachment-box > ul { list-style: none outside none; }
.attachment-box li { float: left; margin-right: 10px; }
.attachment-box a { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DDDDDD; display: block; padding: 5px 10px; text-align: center; }
.file-size { display: block; font-size: 9px; padding: 2px 0; text-align: center; }
.jobs-heading { margin-bottom: 0 }
.job-view .quick-email { margin-top: 20px; }
.jobs-heading .btn-group { margin-top: 3px; }
.jobs .jobs-heading h4 { color: #fff; }
.post-tab-pane { visibility: hidden; height: 0; }
.replies-list { list-style: none; margin: 0; padding: 0 }
.many-container ul { list-style: none; margin: 0; padding: 0 }
.nav-pills > li > a.add-attach { background: #fff; }
.chosen-fix { display: block !important; visibility: hidden; height: 0; }
.disabled-div { cursor: default; opacity: 0.5; }
.calender-popup { left: 50%; top: 50px; margin-left: -250px; z-index: 1032; background: none repeat scroll 0 0 padding-box #FFF; border: 9px solid rgba(0, 0, 0, 0.2); position: fixed; width: auto; }
.calender-popup .close-reveal-modal { position: absolute; top: -20px; right: -20px; background: url(img/close.png) no-repeat; height: 42px; width: 42px; text-indent: -99999em; display: block }
.calender-popup h4.bg-prim { text-align: center; color: #fff; font-size: 18px; padding: 5px 15px; background: #33cc66; margin: 0 }
.modal-inner { padding: 15px; }
.event-msg strong { display: inline-block; font-size: 14px; padding-right: 10px; text-align: left; width: 120px; }
/*filters*/
.filter-ico { display: block; background: url(admin/ico/filter.png) no-repeat left; padding-left: 25px; font-weight: 100; font-size: 14px; line-height: 18px; }
#filter { display: block; margin-bottom: 5px; overflow: hidden; width: 40%; }
#filterform div { display: inline; float: left; margin: 5px 2% 5px 0; width: 48%; }
#filterform label { font-size: 11px; margin-top: 5px; }
#filterform div.clear { display: block; float: none; margin-right: 0px; }
#filterform div.filter-action div { width: auto; margin: 0; }
#filterform div.select select { width: 100%; font-size: 14px; font-family: Arial; padding-left: 3px; background: #efefef; }
#filterform div.text input, #filterform div.number input { background: none repeat scroll 0 0 #efefef; color: #9c9c9c; font-family: Arial; font-size: 14px; padding-left: 3px; width: 100%; }
#FilterClear { display: inline-block; }
.filter-action { padding-top: 2px; }
.filter-action input { float: left !important; font-size: 12px; font-weight: 700; margin-right: 10px; padding: 7px 10px; width: auto }
.subcontractors .many .record input { margin-bottom: 0; }
.staffs .many .record input { margin-bottom: 0; }
.clients .many .record input { margin-bottom: 0; }
.scroll-list .toggle-buttons label.radio { background: none repeat scroll 0 0 #F0F2F4; }
.toggle-buttons label.control-label { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); }
.item-group-head td { background: #ccc; font-weight: bold; }
.page-content .widget-header { display: none; }
#filterform .input-group-addon { display: none; }
#Myevent { position: absolute; }
.complaint-time select { display: inline; width: 100px; }
.date-range select { width: auto; margin: 0 4px; display: inline }
.date-range label { display: block; }
.date-range .chosen-container { margin: 0 3px; }
.pages-list { background: #999; padding: 30px 30px 30px; margin: 20px 0 }
.pages-list ol, .pages-list ul { margin-left: 15px; }
.pages-list .page_preview { background: #fff; min-height: 850px; border: 1px solid #333; padding: 20px; margin-bottom: 30px; }
/*CKE Rest*/
.cke *, .cke *:before, .cke *:after { -webkit-box-sizing: content-box!important; -moz-box-sizing: content-box!important; box-sizing: content-box!important; }
.time-range select { width: auto; margin: 0 4px; display: inline; padding-right: 0px; padding-left: 0px; margin-right: 0px; }
.time-range label { display: block; }
.time-range .chosen-container { margin: 0 3px; }
.many .record .time-range .input { margin-right: 0px; }
.paper-container { text-align: center; clear: both; }
.paper-container iframe { margin: 0px auto; margin-top: 20px; }
.action_buttons a { margin-left: 10px; }
#action_btn { margin-top: -5px; }
.custom-select { background: #fff; border: 1px solid #fff; display: block; overflow: hidden; position: relative; }
.custom-select .st-ico { position: absolute; right: 5px; top: 5px; }
.custom-select > select { -moz-appearance: none; border: medium none; font-size: 14px; height: 32px; padding: 6px 10px; width: 110%; cursor: pointer }
.header .input-group-addon, .header .form-control { border-color: #fff; }
.container-full { /*margin-left:-15px; margin-right:-15px;*/ width: 100%; padding: 0 }
.login-box-inner { background-color: #b3b3b3; margin: 75px 0; }
.login-box-inner a, .login-box-inner a:hover { color: #333 }
.site-thumb { padding: 15px 0 }
.login-box-inner { border-radius: 4px; padding: 30px; }
.modal-backdrop { background-color: #000000; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1030; }
.modal-backdrop { background-color: #4c5566; }
.modal-backdrop.in { opacity: 0.8; }
.panel-heading { font-weight: 600; }
h3, .h3 { margin: 0; padding-bottom: 5px; }
.table-condensed { border: 1px solid #ddd }
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table > tfoot > tr > td { border: 1px solid #fff }
.tabbable { margin-left: -10px !important; }
.vertical-group { background: #f2f2f2 none repeat scroll 0 0; height: 200px; overflow: auto; }
.order-report { border-collapse: collapse !important; margin-bottom: 30px; }
.order-report td { padding: 3px; color: #000; font-size: 14px; text-align: center }
.order-report .border-cell { border: 1px solid #000; border-collapse: collapse }
.vertical-td { height: 110px; position: relative; width:80px; }
.rotate-vertical { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); position: absolute; display: block; width: 100%; text-align: center; font-weight: 400 }
.order-report td.prim-cell { padding-right: 30px; text-align: right; width: 240px; }
.order-report td.current { background: #27c24c }
.heading-bg { background: #27c24c none repeat scroll 0 0; color: #fff; display: inline-block; padding: 8px 16px; }
@media only screen and (max-device-width :1000px) {
    .navbar-right { clear: both; display: block }
    .container-full { padding-left: 15px; padding-right: 15px; width: auto }
    .top-nav ul.prim-nav > li { display: block; float: left; width: 50%; }
    .navbar-right li { float: left; width: 50%; }
    .tabs-left .tab-content .tab-pane { padding: 15px 0 }
}