﻿
*{
outline:none !important;
}
@font-face {
font-family: 'FuturaBT-Light';
src: url('../fonts/FuturaBT-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/FuturaBT-Light.woff') format('woff'), url('../fonts/FuturaBT-Light.ttf')  format('truetype'), url('../fonts/FuturaBT-Light.svg#FuturaBT-Light') format('svg');
font-weight: normal;
font-style: normal;
}
label {
margin-bottom: 3px;
}
ul, li {
list-style-type: none;
}
ul, li, h1, h3{
margin: 0;
padding: 0;
}
html, body, form {
height: 100%;
}
body, select , input[type="text"], textarea{
font-family: FuturaBT-Light !important;
font-size: 14px !important;
}
body 
{
    position:relative !important;
}
textarea
{
resize: none;
}
.hide-scroll {
overflow:hidden;
}
.zero-bottom-margin {
margin-bottom:0 !important;
}
/*wrapper*/
div.cal-event-list h3
{
    color: #118d4f !important;
}
div.cal-event-list ul > li > a
{
    color: #006a4d !important;
}

#wrapper {
min-height: 100%;
background-color: #ece9dd;
margin-bottom: -36px;
padding-bottom: 30px;
padding-top: 107px;
}
.page-wrapper {
padding-top:50px !important;
}
.page-wrapper .custom-tbl .navbar-brand 
{
width:200px;
}
.page-wrapper .navbar-default {
min-height:auto !important;
}
.page-wrapper .custom-tbl .navbar-header, .page-wrapper .custom-tbl .navbar-brand {
height:50px;
}
/*header*/
header {
border-bottom: 1px solid #0d7a40;
z-index:2000 !important;
}
.header-bar {
min-height: auto;
margin-bottom: 0;
background-color: #fff !important;
border: 0;
}
/*tenant-name*/
.custom-tbl {
display: table;
float: left;
}
.dataTable tbody tr td a.white_btn {
    color: #fff !important;
}
.custom-tbl .navbar-header, .custom-tbl .tenant-name-panel {
display: table-cell;
vertical-align: top;
height: 72px;
}
.custom-tbl .tenant-name-panel {
vertical-align: middle;
padding-left: 10px;
position: relative;
width:auto;
padding-right:20px;
}
.custom-tbl .tenant-name-panel:before {
content: "";
position: absolute;
width: 1px;
height: 45px;
background-color: #b0b0b0;
top: 10px;
left: -5px;
}
.custom-tbl .tenant-name-panel span {
display: inline-block;
position: relative;
top: 10px;
color: #737373;
}
.custom-tbl .tenant-name-panel h4 {
font-size: 14px;
}
.header-bar .navbar-right {
margin-top: 20px;
}
.header-bar .navbar-nav>li>a, .header-bar .navbar-nav>li>a:hover, .header-bar .navbar-nav>li>a:focus, .header-bar .navbar-nav>li>a:active {
padding: 5px 10px;
background-color: #f4f4f4;
border: 1px solid #eeeeee;
color: #292929;
}
.header-bar .navbar-nav>li>a i {
color: #aeafae;
}
.header-bar .navbar-nav>li>a > i {
margin-right: 5px;
}
.user-info-md a em, .user-info-md a i, .user-info-md a small, .user-info-md a span {
float: left;
}
.user-info-md a i{
margin-top:2px;
}
.user-info-md a span{
margin-top:5px;
}
.user-info-md a span
{
display:inline-block;
margin-left:5px;
}
.user-info-md a small {
color: #000;
font-size: 14px;
margin-right: 5px;
}
.header-bar .navbar-nav>li>a em {
font-style: normal;
color: #00a657;
display: inline-block;
border-right: 1px solid #d1d9d3;
padding-right: 10px;
min-width:105px;
}
.header-bar .navbar-nav>li>a em:first-child{
min-width:auto;
}
.header-bar .navbar-nav>li>a span {
color: #000;
font-size: 11px;
margin-left: 5px;
}
.header-bar  .dropdown .dropdown-menu>li>a {
display: block;
padding: 3px 15px;
color: #333;
}
.navbar-brand
{
width:96px;
height:60px;
padding:3px 15px;
}
/*Main menu*/
.main-menu {
background-color: #006A4D;
border: 0;
}
.main-menu .nav>li>a {
padding: 7px 8px;
}
.main-menu .nav .open > a, .main-menu .nav .open > a:focus, .main-menu .nav .open > a:hover, .main-menu .nav > li > a {
border-left: 1px solid #015840;
}
.main-menu .nav>li:first-child>a {
border-left: 0;
}
.main-menu .nav>li>a, .main-menu .nav>li>a i {
color: #fff;
font-size: 14px;
}
.main-menu .nav>li>a i {
margin-right: 4px;
}
.main-menu .nav>li>a span {
margin-left: 6px;
font-size: 11px;
}
.main-menu .nav>li>a:hover, .main-menu .nav>li>a:focus, .main-menu .nav .open > a:focus{
background-color: #00A657;
}
.main-menu .nav>li.active>a {
background-color: #1d2e3e;
}
/*Sub menu*/

.sub-menu, .header-bar .dropdown .dropdown-menu {
padding: 0;
}
.sub-menu, .header-bar .dropdown .dropdown-menu {
/*background-color: #1d2e3e;*/
background: rgba(0,106,77,0.9) !important;
}
.header-bar .dropdown .dropdown-menu {
width: 100%;
}
.sub-menu li a, .header-bar .dropdown .dropdown-menu>li>a {
display: block;
padding: 7px 12px;
text-decoration: none;
color: #fff !important;
border-top: 1px solid rgba(255,255,255,0.2);
/*border-top: 1px solid #2d4359;*/
white-space: normal;
font-size: 14px;
}
.sub-menu li a
{
padding: 7px 9px;
}
.sub-menu>li>a{
padding:7px 15px;
min-width:200px;
}
.sub-menu li:first-child a {
border-top:0;
}
.header-bar .dropdown .dropdown-menu>li>a i {
margin-top: 3px;
}
.sub-menu li a:visited, .header-bar .dropdown .dropdown-menu>li>a:visited {
background-color:transparent !important;
}
.sub-menu li a:hover, .header-bar .dropdown .dropdown-menu>li>a:hover, .sub-menu li a:focus, .header-bar .dropdown .dropdown-menu>li>a:focus  {

background: rgba(0,166,87,0.5);
color: #fff !important;
}


/* MEGA MENU STYLE
********************************/ 
.mega-menu {
/*width: 540px;*/
border-radius: 0;
margin-top: 0px;
left:auto;
right:auto;
width:auto;
border:1px solid #026b4c !important;
background: rgba(0,106,77,0.9) !important;
-webkit-box-shadow: 0px 6px 15px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 6px 15px rgba(0,0,0,0.4);
-o-box-shadow: 0px 6px 15px rgba(0,0,0,0.4);
-ms-box-shadow: 0px 6px 15px rgba(0,0,0,0.4);
box-shadow: 0px 6px 15px rgba(0,0,0,0.4);
}

.main-menu .open > a, .main-menu .open > a:focus, .main-menu .open > a:hover {
background:#00A657 !important;
    
}
.main-menu .nav>li.dropdown
{
position:static !important;
}
.main-menu .nav>li:nth-child(2).dropdown
{
position:relative !important;
}
.mega-menu.full-width
{
left:0  !important;
right:0!important
}
.mega-menu>li {
float: left;
}
.mega-menu h4
{
color:#fff;
font-size:17px;
padding:0 10px;

}
.mega-menu li.mega-menu-column {
margin-left: 10px;
}
.mega-menu li.mega-menu-column:first-child {
margin-left: 0;
}
.mega-menu li.mega-menu-column ul {
min-width:244px;
}
.mega-menu .nav-header {
padding: 0 !important;
margin-bottom: 10px;
display: inline-block;
width: 100%;
border-bottom: 1px solid #ddd;
}
.mega-menu img { padding-bottom: 10px;}
.mega-menu a{
padding-left:10px !important;
border-top: 1px solid rgba(255,255,255,0.2) !important;
}
.custom-group-addon {
padding:0;
vertical-align:top;
}
.custom-group-addon .btn {
border-radius:0;
line-height:24px;
}
/*page heading*/
.page-heading {
background: #fff;
padding: 7px 0;
border-bottom: 1px solid #1d2e3d;
}
.page-heading h1 {
font-size: 17px;
color: #1d2e3e;
}
/*breadcrumb*/
.breadcrumb {
margin-bottom: 0;
/*margin-top: 2px;*/
padding: 0;
margin-left: 35px;
background-color: transparent;
float: left;
position: relative;
}
.breadcrumb:before {
content: "\f054";
position: absolute;
font-family: FontAwesome;
left: -24px;
font-size: 16px;
color: #bbbaba;
}
.breadcrumb>li:before {
color: #ccc;
content: "";
height: 15px;
width: 10px;
}
.breadcrumb > li + li::before {
content: "|";
}
.top-btn-pnl > [class*='col-'] {
border-left:1px solid #1d2e3d;
}
.top-btn-pnl > [class*='col-']:first-child {
border-left: 0;
}
/*Main content*/
.main-content {
padding: 15px 0;
}
/*Panel*/
.panel {
background-color: transparent;
}
.panel-heading {
padding: 0;
border-bottom: 0;
font-size: 15px;
color: #000;
border-bottom: 3px solid #00A657;
}
.panel-body {
background-color: #fff;
border: 1px solid #00a657;
border-width: 0 1px 1px 1px;
}
.panel-title {
line-height: 34px;
cursor: pointer;
}
.panel-handler {
display: inline-block;
width: 24px;
background-color: #1d2e3e;
margin-right: 8px;
text-align: center;
line-height: 29px;
}
.panel-handler:after, .collapsed .panel-handler:after {
display: inline-block;
font-family: "FontAwesome";
color: #fff;
font-size: 12px;
}
/* Icon when the collapsible content is shown */
.panel-handler:after {
content: "\f078";
}
/* Icon when the collapsible content is hidden */
.collapsed .panel-handler:after {
content: "\f054";
}
.panel-handler i {
color: #fff;
font-size: 12px;
}
.search-panel {
padding:0;
}
.search-form {
background: #fff;
padding: 15px 15px 0 15px;
}
.search-btn-section {
background:#f4f4f4;
padding:8px 15px;
}
.custom-checkbox-form {
padding-left:14px;
}
.records-count {
display:inline-block;
margin-right:10px;
}
.records-count label {
font-size:14px;
line-height:30px;
font-weight:normal;
margin-bottom:0;

}
.form-group label {
font-weight: normal;
}
.form-control {
padding: 5px 8px;
font-size: 14px;
color: #555;
border-color: #d1d1d1;
}
@-moz-document url-prefix() { 

input[type="file"].form-control{
padding:0 8px 0 0;                                 
}
}
/*Button */
.btn {
border: 0;
padding: 4px 15px 6px 15px;
font-size: 15px;
line-height:25px;
}
.btn-primary, .btn-primary:hover, .btn-primary:focus {
color: #fff;
background-color: #1d2e3e;
}
.btn-primary:hover, .btn-primary:focus {
background-color: #41576b;
}

/*induction CSS */
.add-doc-tbl
{
display:table;
width:100%;
}
.add-doc-tbl > [class*='col-']
{
display:table-cell;
float:none;
}
.add-doc-tbl > [class*='col-'] .upload-mesg
{
margin:0;
}

.grid-btn-link, .grid-btn-link:focus, .grid-btn-link:visited {
padding:0!important;
text-decoration:none !important;
color:#00A657 !important;
border-radius:3px;
box-shadow:none;
}
.topic-mandatory  td{
background:#f9f9d8 !important;
}
.grid-btn-link i.fa-file-text, .grid-btn-link i {
font-size:17px;
margin-right:5px;
color:#97ce14;
width:30px;
height:30px;
background:#fff;
border-radius:50%;
line-height:28px;
border:1px solid #c9cdd0;
border-radius :50%;;
box-shadow: 0 0 1px 0px #c9cdd0 inset;
}
.grid-btn-link i.fa-files-o {
color:#fcc100;
}
.grid-btn-link span {
text-decoration:underline !important;
}
.grid-btn-link  i.fa-pencil-square-o{
color:#1b8c0c;
line-height:30px;
}
.grid-btn-link  i.fa-thumbs-down{
color:#f3646a;
}
.grid-btn-link  i.fa-thumbs-up{
color:#6cc788;
}
.grid-btn-leftspace {
margin-left:15px;
}
.grid-btn-link i.fa-pencil-square-o:before {
position: relative;
left: 1px;
}

.bar-tab {
margin: 0 -15px 15px -15px;
padding-left: 15px;
border-bottom: 1px solid #118d4f;
}
.bar-tab > ul li a {
cursor: pointer;
}
.custom-tab-pane {
background-color: transparent !important;
}
.action-cell {
    white-space:nowrap !important;
}
.action-btn {
margin-left: 10px;
background-color:transparent;
color: #fff;
line-height: 32px;
width: 35px;
height: 32px;
padding: 0;
}
.action-btn i {
font-size: 16px;
color:#fff;
}
.action-btn:hover, .action-btn:focus {
color: #fff;
}
.action-btn:first-child {
margin-left: 0;
}
.decline-btn {
background-color: #f58220;
}
.approve-btn {
background-color: #69be28;
color:#fff;
}
.edit-btn{
background-color:#1d2e3e;
}
.delete-btn{
background-color:#fe5959;
}
.action-btn-mar-lt{
margin-left:50px !important;
}
.collateral i {
font-size: 18px;
}
.collateral i, .collateral a {
color: #006a4d;
}
.top-btn-container, .bottom-btn-container {
text-align: right;
}
.top-btn-container {
margin-bottom: 10px;
}
.bottom-btn-container {
margin-top: 10px;
}
.completion-mesg .panel-body p
{
font-size:18px;
}
.success-check
{
height:30px;
width:30px;
line-height:30px;
font-size:20px;
}
.text-nowrap {
white-space: nowrap !important;
}
.mandatory-topic{
font-weight:bold;
}
.disable-topic{
color:#9e9b93 !important;
}
.position-hdr
{
position:relative;
top:10px;
}

/*added for assesment*/
.quest-filter 
{
background-color: #f8f8f8;
border: 1px solid #d1d1d1;
padding: 0 0 0 10px;
}

.quest-filter input
{
border:0;
background-color:transparent;
}
.quest-filter i
{
color:#898989;
}
.form-control-static {
display:block;
color:#0d7a40;
background:#f6f6f6;
border:1px solid #d1d1d1;
padding-left:5px;
}
.form-control-static.collateral-static a{
color:#118d4f;
}
.form-control-static.collateral-static a i {
font-size:20px;
margin-right:5px;
}
.assesment-panel{
background:#fff;
padding:10px;
}
.assesment-list  tr.odd td, .assesment-list  tr.even td
{
background:#fff !important;
border:0 !important;
padding:0 10px 10px 10px;

}
.assesment-list tr:first-child td {
padding-top:10px;
}
.custom-form-label
{
margin-bottom:5px;
}
.custom-form-label label
{
font-weight:normal;
display:block;
}
.assesment-list .panel, .inspec-list
{
border:1px solid #dbd5bf;
margin:10px 0 0 0 !important;
}

.wo-audit
{
	background:#eee;
}
.ins-form-inline  [class*='col-']
{
	width:auto;
}

.assesment-list .panel-heading, .inspec-list .panel-heading
{
background-color: #fafbfd;
padding: 0;
border-radius: 0;
border-bottom:1px solid #dbd5bf;
}
.quest-filter, .assesment-list .panel-heading, .inspec-list .panel-heading
{
display:table;
width:100%;
table-layout:fixed;
}

.inspec-list .red-flag-head 
{
     background-color:#ff7f7f;
      border-bottom:solid 1px #ffa5a5;
}

.inspec-list .red-flag-head .inspec-nested-tbl > a:after,
.inspec-list .red-flag-head .inspec-nested-tbl > .inspec-nested-cell
{
    color:#fff;
}

.assesment-quest-cell, .quest-filter span, .inspec-list .inspec-cell{
display:table-cell;
}
.inspec-list .inspec-cell
{
padding:5px 0;
}
.quest-filter span:first-child
{
width:15px;
}
.quest-filter span
{
vertical-align:middle;
}
.assesment-list .panel-heading .panel-handler, .inspec-list .panel-heading  .panel-handler
{
background-color:transparent;
margin:0;
line-height: 36px;
width: 100%;
}

.assesment-list .panel-heading .collapsed.panel-handler:after, .inspec-list .panel-heading .collapsed.panel-handler:after {
content: "\f054";
}
.assesment-list .panel-heading .assesment-btn-sec
{
width:155px;
padding:0 0 0 15px;
background-color:#f1faee;
border-left: 1px solid #e5e5e5;
position:relative;

}
.assesment-list .panel-heading .assesment-btn-sec .dropdown {
position:absolute;
top:0;
width:100%;
left:12px;
}
.assesment-list .panel-heading .assesment-btn-sec .dropdown-menu{
display:block !important;
box-shadow:none;
background:none;
border:0;
min-width:100px;
}
.assesment-list .panel-heading .assesment-btn-sec .dropdown-menu li {
display:inline-block;
}
.assesment-list .panel-heading .assesment-btn-sec a, .assesment-list .panel-heading .assesment-btn-sec a:focus {
text-decoration: none !important;
border-left: 1px solid #e5e5e5;
border-radius: 0;
padding: 0 10px;
background:none;
box-shadow:none;
}
.assesment-list .panel-heading .assesment-btn-sec i {
color: #00a657;
font-size: 15px;
margin-right:3px;
}

.assesment-btn-sec label
{
font-weight:normal;
display:inline-block;
margin:0 8px 0 0;
position:relative;
top:1px;
}
.assesment-btn-sec input[type="checkbox"]
{
position:relative;
top:2px;
}
.assesment-quest-cont
{width:100%;
padding:8px;
word-break:break-all;
}
.assesment-list .panel-heading .panel-handler:after, .inspec-list .panel-heading .panel-handler:after
{
color:#00a657;
}
.collapsed .panel-handler:after {
content: "";
}

.assesment-list .panel-body
{
padding: 0 15px 10px 10px;
border:0;
}
.assesment-list .panel-footer
{
background:#fff;
padding:5px 15px;
}
.assesment-list .panel-footer .checkbox-inline
{
margin-right:10px;
}
.topic-view  .assesment-btn-sec{
    display:none !important;
}

.ans-list, .ans-list li
{
position:relative;
}
.ans-list
{
padding-left: 20px;
}
.ans-list li {
padding: 10px 15px 10px 32px;
}
.ans-list li:last-child {
padding-bottom:0 !important;
padding-top:11px !important;

}

.ans-list li:after, .ans-list li:before, .ans-list:after {
content: "";
position: absolute;
}

.ans-list:after {
height: 100%;
border-left:1px solid #cdc8b5;
top: 0px;
left: 20px;
}
.ans-list li:after
{
top: 18px;
left: 0;
width:28px;
border-bottom:1px solid #dbd5bf; 
}

.ans-list li:last-child:after {
top: 22px;
}
.ans-list li:before
{
top: 12px;
left: -8px;
width:15px;
height:15px;
background:#dbd5bf;
border-radius:50%;
z-index:10;
}
.ans-list li:last-child:before {
top: 16px;
}
.ans-list li.answer-option
{
color:#004b35; 
}
.ans-list li.answer-option:after
{
border-bottom-color:#00a657; 
top:21px;
}
.ans-list li.answer-option:before
{
font-family: FontAwesome;
content:"\f00c";
background:#00a657;
width:22px;
height:22px;
text-align:center;
line-height:22px;
color:#fff;
top:12px;
left:-11px;
font-size:15px;
}

.assesment-list-btn
{
text-align:right;
margin-top:10px;
}
.assesment-list-btn a
{
color:#898989;
margin-left:10px;
}
.assesment-list-btn a
{
display:inline-block;
text-decoration:none;
}

.assesment-list-btn a i
{
font-size:12px;
border:1px solid #898989;
padding:2px;
margin-right:5px;
width:20px;
text-align:center;
line-height:15px;
}
.asssement-quest-no
{ 
width:31px;
border-right:1px solid #cdc8b5;
}
.asssement-quest-no span
{
width:28px;
height:28px;
display:inline-block;
border-radius:50%;
text-align:center;
line-height:28px;
color:#fff;
font-size:20px;
background:#1d2e3e;
position:relative;
}
.page-record {
background-color: #ececec;
border:1px solid #bfbfbf;
padding:10px 15px;
}
.records-selection label, .records-selection select
{
display:inline-block !important;
width:auto;
}
.records-selection label
{
font-weight:normal;
margin:0 5px 0 0;
}
.topic-disable {
 border:1px solid #f0ede1 !important;
}

.topic-disable .assesment-quest-cont, .topic-disable .assesment-btn-sec li a, .topic-disable .assesment-btn-sec li i{
opacity:0.5; 
color:#898989 !important;

}
.topic-disable .assesment-btn-sec li a {
    cursor:not-allowed;
}
/*Assesment list pagination*/
.custom-pagin
{
background:#fff;
padding:5px 15px;
border:1px solid #bfbfbf;
}
.custom-records-pnl
{
margin-top:10px;
}
.custom-pagin .pagination
{
margin-top:5px !important;

}
.radio-group-addon
{
background:none;
}
.custom-addon
{
padding:0 0 0 8px;
background:none;
border:0;
}
.custom-addon i, .custom-addon.delete-icon i
{
font-size:24px; 
}
.addoption-pnl .check-icon 
{
background:#00a657;
border-right:0;	
}
.addoption-pnl .check-icon i
{
color:#fff;
font-size:13px;
}
.addoption-pnl .custom-addon.add-icon i
{
color:#1d2e3e;
}
.custom-form-control
{
width:96% !important;
}

.has-error .custom-addon {
background:none;
}
.add-delete-icon {
padding:0;
width:60px;

}
.add-delete-icon .custom-addon  {
width:auto;
padding:0;
margin-top:4px;
position:relative;
top:4px;
}
.add-delete-icon .custom-addon .fa-trash {
margin-right:15px;
}

/*take inductionn*/
.collateral-btn-pnl
{
background-color: #ececec;
border: 1px solid #bfbfbf;
padding: 10px 15px;
}
.collateral-records
{
margin:6px 10px 6px 0;
}
.collateral-list
{
background:#fff;
border:1px solid #bfbfbf;
border-width:0 1px;
padding:15px;

}
.collateral-list .collateral-list-tbl
{
background:#fbfbfb;
margin-top:15px;
border:1px solid #eaebdd;
}
.collateral-list .collateral-list-tbl:first-child
{
margin-top:0;
}
.collateral-list .collateral-list-tbl, .topic-sec
{
display:table;
width:100%;
table-layout:fixed;

}
.collateral-list-tbl [class*='col-'], .topic-cell
{
display:table-cell;
float:none;
padding:0;
vertical-align:top;
}
.topic-cell
{
padding:10px 15px;
}
.topic-icon-cell
{
width:45px;
padding-right:0;
}

.topic-icon-cell i.fa.fa-info, .topic-icon-cell i.fa.fa-check
{
width:28px;
height:28px;
border-radius:50%;
text-align:center;
line-height:28px;
color:#fff;
background:#00a657;
}

.topic-icon-cell i.fa.fa-info
{
background:#00b2dd;

}

.topic-footer
{
text-align:right;
border-top:1px solid #ede9de;
padding:3px 15px;
}
.col-collateral
{
width:100px;
text-align:center;
border-left:1px solid #eaebdd;
background:#f0f8ed;
vertical-align:middle !important;
}
.col-collateral i
{
font-size:20px;
color:#00a657;
}
.collateral-doc
{
min-height:30px;
}
.success-check
{
font-size:25px;
border-radius:50%;
background:#00a657;
color:#fff;
width:40px;
height:40px;
line-height:40px;
}
.completion-mesg .panel-body
{
border-bottom:0;

}
.completion-mesg .panel-footer
{
border:1px solid #00a657;
}
.completion-mesg .panel-footer p
{
font-size:16px;
margin:5px 0 0 0;
}
.grid-btn i {
font-size:25px;

}
/*Inspection screen related css*/
.inspection-panel
{
background:#fff;
border:1px solid #bfbfbf;
border-width:0 1px;
padding:0 10px 10px 10px;
}
.inspec-list .panel-body
{
border:0;
}

.inspec-list .panel-body .red-flag-section
{
display:none;
}

.inspec-list .red-flag-body {
    border: solid 1px #ffa5a5;
}

.inspec-list .red-flag-body .red-flag-section 
{
    display:block;
    margin: -15px;
    max-width: none;
    background-color: #ffd4d4;
    padding: 6px 0px;
    margin-bottom: 10px;
    color: #000;
}

.inspec-list .red-flag-body .red-flag-section a 
{
    color: #006f53;
    text-decoration: underline;
}

@media (max-width:767px) 
{
    .inspec-list .red-flag-body .red-flag-section > div 
    {
        margin:5px 0px;
    }
}

.inspection-btn-pnl
{
width:228px;
}
.inspec-nested-tbl
{
display:table;
table-layout:fixed;
width:100%;	
margin-left:6px;
}

.inspec-nested-cell, .inspec-nested-cell > label
{
    display: table-cell;
}

.inspec-nested-cell > label {
 font-weight:normal;

}
.inspec-nested-icon
{
width:35px !important;

}

.inspection-btn-pnl .btn-group ul li {
margin-left: 10px !important;
background: #f0f0f0;
display:inline-block;
}

.inspection-btn-pnl .btn-group ul li > span.aspNetDisabled {
    opacity:0.3;
    cursor:not-allowed;
}

.inspection-btn-pnl .btn-group ul li > span {
display:block;
}
.no-active {
background:red;
color:#fff;
}
.yes-active {
background:#00A657;
color:#fff;
}
.na-active {
background:#969696;
color:#fff;
}
.inspection-btn-pnl .btn-group ul li input[type="radio"]
{
clip: rect(0px, 0px, 0px, 0px);
pointer-events: none;
position: absolute;  
}
.inspection-btn-pnl .btn-group ul li label {
display:block;
padding:6px 10px;
font-weight:normal;
margin:0;
border:1px solid #d3d1d1;
cursor:pointer;
}

.inspection-btn-pnl .btn-group ul li span.aspNetDisabled label 
{
    cursor:not-allowed;
}

.ins-cal-slide-pnl  label, .ins-cal-slide-pnl a{
 font-style:normal;
}
.ins-cal-slide-pnl {
    border-bottom 
}
 .ins-cal-slide-pnl a span{
    text-decoration:underline;
}
.ins-cal-slide-pnl a{
    margin-right:20px;
    position:relative;
    top:2px;
    width:100px;
    text-align:left;
}
.ins-cal-slide-pnl a i {
text-align:center;
}
.ins-cal-slide-pnl .form-control-static {
    font-weight:bold;
    color:#006A4D;
    border:0;
}
/*footer*/
footer {
background:#006A4D;
height: 36px;
line-height: 35px;
border-top: 1px solid #004b0c !important;
}
.copypyimg {
position:relative;
top:1px;
}
.copyright-info, .footer-links a {
color: #fff;
font-size: 12px;
}
.footer-links {
text-align: right;
}
.footer-links a {
display: inline-block;
margin-left: 30px;
}

.mark-tool-bar {
background-color: #006a4d;
height: 38px;
padding: 5px 15px;
}
.mark-tool-bar i {
font-size: 20px;
}
.mark-tool-bar .pull-right, .mark-tool-bar a {
height: 28px;
}
.mark-tool-bar a {
line-height: 33px;
text-align: center;
width: 35px;
}
.mark-tool-bar a, .mark-tool-bar label {
color: #fff;
display: inline-block;
text-align: center;
}
.mark-tool-bar h6 {
color: #fff;
font-size: 16px;
line-height: 25px;
margin: 0;
}
.mark-tool-bar label {
bottom: 4px;
padding-right: 10px;
position: relative;
}
.mark-tool-bar a.active {
background-color: #1d2e3e;
}
.mark-tool-bar label {
font-size: 14px;
margin-bottom: 0;
}
.mark-footer {
background: #ede9de none repeat scroll 0 0;
padding: 5px 15px;
text-align: right;
}
.mark-link {
color: #118d4f;
}
.canvas-scroll-pnl {
max-height: 450px;
overflow: auto;
width: 100%;
}
.markloaction-sec {
padding: 0 !important;
}

.mask {
position: fixed;
height: 100%;
width: 100%;
background: #000;
top: 0;
z-index: 1040;
opacity: 0.4;
}
/*Data Table*/
/*.table-responsive {
border: solid #118d4f;
border-width: 2px 1px 1px 1px;
}*/
table.dataTable {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.dataTable thead th {
background-color: #d4e2d0;
font-weight: normal;
color: #202020;
border: 0 !important;
}
.dataTable tbody tr td {
border-color: #e3e3e3;
}
.dataTable thead th, .dataTable tbody tr td {
white-space:normal;
}
/*.dataTable tbody tr td:first-child {
white-space:nowrap;
}*/
.dataTable tbody tr td a, .dataTable tbody tr td a:hover {
color: #00a657;
text-decoration: underline;
margin-left: 0;
margin-right: 10px;
margin-bottom: 5px;
}
.dataTable tbody tr.odd td {
background-color: #f6f6f6;
}
.dataTable tbody tr.even td {
background-color: #fff;
}
.dataTables_info {
background-color: #fff;
/*line-height:34px;*/
margin-top:10px;
margin-bottom:5px;
white-space:normal !important;
}
.filter-info {
margin:0;
padding:10px 0;
border:1px solid #bfbfbf;
background:#e3e3e3;
}
.filter-info, .pager-info {
margin:0 ;
padding:10px 0;
border-width:1px 1px 0 1px;
}
.pager-info {
margin:0 !important;
background:#fff;
border: solid #118d4f;
border-width: 0 1px 1px 1px;
}
.filter-info .column-panel, .filter-info .dt-buttons {
display:inline-block;
}
.filter-info .dt-buttons {
float:none;

}
.filter-info .column-panel ul.dropdown-menu {
max-height:250px;
overflow-y:auto;
}

.filter-info .column-panel {
position:relative;
top:-2px;
}
.filter-info .column-panel button  {
padding-right:0 !important;
}
.filter-info .dt-buttons .dt-button, .filter-info .dt-buttons .dt-button:hover, .filter-info .dt-buttons .dt-button:active, .filter-info .dt-buttons .dt-button:focus, .filter-info .column-panel button
{
border: 0;
border-radius: 0;
background-image: none !important;
background-color:#e3e3e3 !important;
font-family: 'Open Sans';
padding: 0 13px;
cursor: pointer;
font-size: 14px ;
color: #898989;
margin:0;
line-height:16px;
box-shadow:none !important;
}
.filter-info .dt-buttons .dt-button:hover, .filter-info .dt-buttons .dt-button:active, .filter-info .dt-buttons .dt-button:focus, .filter-info .column-panel button:hover {
color:#00a657;
}
.filter-info .dt-buttons .dt-button:after {
content: "";
width: 1px;
background: #c9cdd0;
height: 20px;
position: absolute;
top: 0;
right: 0;
}
.dt-button-collection {
box-shadow: none !important;
border: 1px solid #ddd !important;
border-radius: 0 !important;
background: #fff;
padding:0 !important;
margin:0 !important;
z-index:1000 !important;
}
.dt-button-background {
display:none !important;
}
.dt-button-collection .dt-button, .dt-button-collection .dt-button:hover {
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
background: #ffffff;
background: none !important;
font-family: 'Open Sans'!important;
padding: 5px 13px !important;
cursor: pointer;
margin: 0 !important;
font-size: 14px !important;
display:block;
}

.filter-info .filter-btn-panel {
position:relative;
top:10px;
}
.column-panel  .dropdown-menu {
border-radius: 0;
padding: 0;
box-shadow: none;
right:0;
left:auto;
}
.column-panel .dropdown-menu > li > a {
padding:5px 10px;
font-size: 14px;
font-family: 'Open Sans'!important;
}
.dt-button-collection .dt-button:hover, .column-panel .dropdown-menu > li > a:hover {
background:#00a657 !important;
color:#fff;
}
.dt-button-collection .dt-button:hover, .column-panel .dropdown-menu > li > a input {
margin:0 5px 0 0;
position:relative;
top:3px;
}
table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
font-family: FontAwesome !important;
font-size: 14px;
color: #1d2e3e;
opacity: 1 !important;
}
.dataTable thead .sorting_asc:after {
content: "\f0d8" !important;
}
table.dataTable thead .sorting_desc:after {
content: "\f0d7" !important;
}
.table.dataTable thead .sorting:after {
display:none;
}
.pagination {
margin:0 !important;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
background-color: #1d2e3e;
border-color: #f3f4f4;
}
.pagination>li>a, .pagination>li>span {
color: #118d4f;
}
div.dataTables_wrapper div.dataTables_filter {
text-align: left;
}
.dataTables_length {
text-align: right;
}
div.dataTables_wrapper div.dataTables_filter label, div.dataTables_wrapper div.dataTables_length label {
margin-bottom: 0;
font-weight:normal;
}
div.dataTables_wrapper div.dataTables_filter input {
border: 0;
background-color: transparent !important;
margin-left: 0;
padding: 0;

}
div.dataTables_wrapper div.dataTables_filter label {
background-color: #f8f8f8;
border: 1px solid #d1d1d1;
padding: 0 0 0 10px;
}
div.dataTables_wrapper div.dataTables_filter label i, div.dataTables_wrapper div.dataTables_length label {
color: #898989;
}
.dataTable
{
border-color: #00a657;
border-width:3px 1px 1px 1px;

}
.dataTable, .dataTables_scrollHeadInner  {
width:100% !important;   
}

.dataTables_length {
text-align:left !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
border:0 !important;
}
.dataTables_length {
text-align: right;
}
div.dataTables_wrapper div.dataTables_filter label, div.dataTables_wrapper div.dataTables_length label, .filter-input label {
margin-bottom: 0;
font-weight:normal;
}
div.dataTables_wrapper div.dataTables_filter input, .filter-input input{
border: 0;
background-color: transparent !important;
margin-left: 0;
padding: 0;
width:100%;
}
.filter-input input {
width:auto;
display:inline-block;
}
div.dataTables_wrapper div.dataTables_filter label, .filter-input label {
background-color: #f8f8f8;
border: 1px solid #d1d1d1;
padding: 0 16px 0 10px;
}
div.dataTables_wrapper div.dataTables_filter label i, div.dataTables_wrapper div.dataTables_length label {
color: #898989;
}
div.dataTables_wrapper div.dataTables_filter label i {
margin-right:5px;
}
.table.dataTable thead .sorting, table.dataTable thead .sorting_asc {
background-image: none;
}
.dataTables_paginate {
padding-top:0 ;
white-space:normal !important;
text-align: right;
}

.dataTables_paginate .ellipsis {
margin-left:-1px;
padding:6px 12px 6px 0;
}
.dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.current:hover{
background-color: #1d2e3e; 
border-color: #f3f4f4 ;
color:#fff;
}
.dataTables_paginate .paginate_button.first{
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important;
border-width: 1px !important;
}
.dataTables_paginate .paginate_button.last {
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;
}
.table-bordered > tbody > tr:first-child > td
{
border-top:0;
}
.record-info label {
font-size: 14px;
font-weight: normal;
color: #696969;
}
.record-info span {
font-size: 30px;
font-weight: bold;
}
.custom-btn-group .btn {
margin-bottom:3px;
}
.textarea-md {
height: 100px !important;

}
.alert-info {
padding: 0;
border-radius: 0;
margin-bottom: 10px;
}
.alert-info i {
font-size: 25px;
}
.radio input[type="radio"] {
/*margin-left: 0;*/
}
.info-tbl {
display: table;
table-layout: fixed;
font-size: 12px;
}
.info-tbl [class*='col-'] {
display: table-cell;
float: none;
}
.info-tbl [class*='col-']:first-child {
vertical-align: middle;
text-align: center;
width: 80px;
}
.info-tbl .info-inner-tbl {
margin-top: 5px;
}
.info-tbl .info-inner-tbl:first-child {
margin-top: 0;
}
.info-content {
background: #f4fafd;
padding: 5px 10px;
}
.info-tbl .info-inner-tbl p {
color: #000;
margin-bottom: 0;
}
.filter-link.active,  .filter-link.active i{
border-color: #30b874;
background:#118d4f;
color:#fff !important;
}
.btn-default, .btn-default:hover, .btn-default:focus {
background: #676767;
color: #fff;
}
.has-error .form-control
{
border-color:#ff4242 !important;
}
.has-error .text-danger {
margin-top: 3px;
display: inline-block !important;
font-size: 11px;
color:#ff4242;
}
/*history grid CSS*/
.history-panel .table-responsive {
border-top: 0;
}
.history-panel .panel-body {
border: 0;
padding: 0 !important;
border-top: 0;
}
.history-panel .dataTable {
border:solid #118d4f;
border-width:0 1px 1px 1px;
}
.history-panel .dataTable tr td:first-child {
white-space:nowrap;
}
.status-closed {
color: #62b432;
}
.panel {
margin-bottom: 3px;
}
.btn-container {
margin-bottom:10px;
}
/*warning*/
.level-first{
padding-left:14px;
line-height:22px;
}
.level-first li{
list-style:disc;
}
.level-first li ul{
padding-left:20px;
}
.level-first li ul li{
list-style-type:upper-alpha;
}
.valid-msg{
display:none;
}
.subpanel-title{
margin-bottom:15px;
color:#118d4f;
font-size:16px;
font-weight:bold;
}
.column-rightborder{
border-right:1px solid #eee;
}
.column-leftborder{
border-left:1px solid #eee;
}
.text-danger, .detail-panel span.text-danger{
color:#ff4242 !important;
}
.alert-warning{
background-color:#fefefe;
border:1px solid #ccc;
}
.alert{
border-radius:0;
}
.aspNetDisabled {
cursor:not-allowed !important;
}
.no-page-records .filter-info {
display:none;
}
.no-tools .dataTables_length {
text-align:right !important;
}
/*login*/
.login-bg
{
background-color:#006A4D;
}
.login-tbl
{
height: 100%;
overflow: hidden;
position: relative;
display:table;
}
.login-col
{
display:table-cell;
vertical-align:middle;
padding:20px 0;
}
.logo-container
{
border-bottom:1px solid #d2d2d2;
padding:5px 0;
}
.logo-container img
{
height:70px;
width:70px;

}
.logo-container h1
{
margin:28px 0 8px 0;
font-size: 20px;
color: #000;
display:inline-block;
}
.login-form-section
{
background-color:transparent!important;
max-width:600px;
margin:0 auto;
background:#fff;
padding:0 15px;
}
.panel-wrapper 
        {
            background-color:rgba(255,255,255,0.4);
            border-radius:6px;
            padding:30px 45px;
        }
.login-content-container
{
margin-top:15px;
margin-bottom:15px;
}
.login-content .panel-body
{
padding:0;
}
.login-content .btn-container
{margin-top:10px;
}
.login-form-section footer 
{
background:none !important;
border-color:#eee !important;
color:#000;
}
.btn1-default, .btn1-default:hover, .btn1-default:focus
{
    background:#676767 !important;
    color:#fff;
 }

.login-warning .panel-body p, .login-form-section footer a, .login-form-section footer .copyright-info, .login-warning  .panel-title
{
font-size:11px;
}
.login-form-section footer a, .login-form-section footer .copyright-info
{
color:#717171;
}
.login-content .panel-heading
{
margin:8px 0;
font-size:20px;
color:#000;
}
.login-content .panel-heading, .login-content .form-group select, .login-content .panel-body, .login-content .form-group .input-group-addon, .login-content .form-group input, .login-warning .panel-body, .login-warning
{
border:0;
}
.login-content .form-group {
padding: 10px 0;
margin-bottom:0;
}
.login-content .form-group .input-group {
border:1px solid #d2d2d2;
}
.login-content .form-group .input-group-addon 
{
background-color: #ffffff;
}
.login-content .form-group .input-group-addon i
{
font-size:25px;
color:#00A657;
}
.login-content .form-group input, .login-content .form-group select
{
padding-left:0;
}
.login-content .form-group.has-error  .input-group
{
border:1px solid #ff4242;
}
.login-form
{
border-right:1px solid #e7e7e7;
}
.login-link-panel
{
padding-top:53px;
}
.login-form-links
{
margin-bottom:20px;
}
.login-form-links  h4{
margin:0 0 10px 0;
font-size:15px;
color:#0a4427;
}
.login-form-links a
{
color:#00a657;
text-decoration:underline;
}
.login-warning
{
margin-top:10px;
margin-bottom:0;
}
.login-warning  .panel-heading
{
background:#eaeaea;
padding:4px 15px;
border-radius:0;
border-width:1px;
border-color:#d9d9d9;
}
.login-warning  .panel-title
{
padding:0;
border-radius:0;
line-height:20px;
}
.login-warning .panel-body
{padding:10px;
}
/*Page -loader*/
.loader-pnl {
position:fixed;
left:0;
top:0; 
z-index:10;
}
.loader-search-pnl {
position:absolute;
left:0;
top:0; 
z-index:10;
}
.loader-search-sec{
position:relative;
display:inline-block;
margin-right:10px;
}
.loader-pnl, .page-loader-tbl, .loader-search-pnl  {
width:100%;
height:100%;
}
.loader-search-pnl .page-loader-tbl {
table-layout:fixed;
width:100%;

}
.loader-search-pnl .page-loader-cell img {
margin-top:-30px;
display:inline-block;
position:relative;
right:30px;
}
.loader-search-pnl .page-loader-cell{
width:100%;
vertical-align:bottom;
text-align:left;
  
}
.loader-search-pnl .page-loader-fixed-cell {
padding-bottom:3px;
}

.page-loader-tbl {
display:table;
}
.page-loader-cell{
display:table-cell;
vertical-align:middle;
text-align:center;
}
/*check box list */
.custom-chkbox{
display:inline-block;
margin-left:10px;
position: relative;
top: -2px;
}
.custom-chkbox input{
margin-left:0px !important;
margin-top:2px;
}
.reg-form-section{
max-width:800px !important;
}
.reg-panel{
padding:0 15px;
margin-top:5px;
}
.reg-panel .panel-heading{
color: #000;
font-size: 20px;
margin: 8px 0;
border-bottom:0px;
}
hr{
margin:10px 0;
}
.login-form-section .btn-container{
margin-top:15px;
}
.loginbtn-container{
margin-top:10px !important;
}
.slt-chkbox label{
font-weight:600;
}
table.chkbox{
width:100% !important;
}
.chkbox tr{
border-bottom:1px solid #eee;
}
.chkbox tr:last-child{
border-bottom:0;
}
.chkboxpanel-title{
display:inline-block;
padding-right:11px;	
border-right:1px solid #ddd;
margin-bottom:10px;
}
.line-bottom{
border-bottom:1px solid #eee;
margin-top:0;
}
.btn-leftspace{
margin-left:5px;
}
.charge-text{
font-size:19px;
color:#1d2e3e !important;
font-weight:600;
}
.small-text{
font-size:12px;
font-weight:normal;
}
.quote-attach{
display:inline-block;
}
.status-issued{
color:#e4b90d;
}
/*check box list*/
/*tab css*/
.custom-navtab > li{
margin-bottom:-2px;
}
.custom-navtab > li.active > a:hover{
padding-bottom:8px;
}
.custom-navtab > li > a:hover{
padding-bottom:7px;
}
.custom-navtab > li > a{
margin-right:5px;
}
.custom-navtab > li > a, .custom-navtab > li > a:hover, .custom-navtab > li.active > a, .custom-navtab > li.active > a:hover{
border:solid #118d4f !important;
border-width:1px 1px 0px 1px !important;
border-radius:0;
color:#555;
}
.custom-navtab > li > a{
padding:9px 8px 8px;
}
.quotesattach-table{
width:auto;
}
.quotesattach-table{
border:0
}
.floorplan-text{
text-decoration:underline;
color:#118d4f;
}
/*tab css*/

.section-dropdown{
background-color:#fafbfd;
border-bottom:1px solid #e0e4e7;
}
.section-dropdowntext{
padding-right:8px;
border-right:1px solid #adadaf;
color:#1d2e3e !important;
}
.section-dropdown .dropdown-menu{
padding: 0;
min-width: 300px;
width: auto;
border-radius: 0;
box-shadow: none;
}

.section-dropdown .dropdown-menu a{
border-top: 1px solid #2d4359;
color: #d3d8dd !important;
display: block;
font-size: 14px;
padding: 7px 12px;
text-decoration: none;
white-space: normal;

}

.section-dropdown{
background-color:#fafbfd;
border-bottom:1px solid #e0e4e7;
}
.section-dropdowntext{
padding-right:8px;
border-right:1px solid #adadaf;
color:#1d2e3e !important;
}
.section-dropdown .dropdown-menu{
background-color: #1d2e3e;
padding:0;
min-width: 300px;
width:auto;
border-radius: 0;
box-shadow: none;
}
.section-dropdown .dropdown-menu a{
border-top: 1px solid #2d4359;
color: #d3d8dd !important;
display: block;
font-size: 14px;
padding: 7px 12px !important;
text-decoration: none;
white-space: normal;
}
.section-dropdown .dropdown-menu a:hover{
background-color: #00a657;
color: #fff !important;
}
.section-dropdown .dropdown-menu a:focus {
background-color: transparent;
}
.dropdown-toggle i{
color:#1d2e3e;
font-size:16px;
}
.section-dropdown .dropdown a.dropdown-toggle{
padding:6px 10px;
}
.dashboard-panel .panel-body{
border:1px solid #c9cdd0 !important;
position:relative;
}
.dashboardcontent-panel .panel-body{
padding:0;
height:315px;
}
.chart-panel {
height:280px;
}
.dashboard-panel .panel-heading{
border:solid #c9cdd0;
border-width:1px 1px 0 1px;
background-color:#fafbfd;
padding:7px 15px;
border-radius:0;
}
.dashboard-panel .panel-heading .chart-btn-sec .btn{
color: #fff !important;
padding: 0px 6px;
text-decoration: none;
font-size: 12px;
line-height:18px;
}
.dropdown-panel .btn-group {
height:24px !important;
}
.dropdown-panel .btn-group > .btn{
line-height:12px;
}
.dropdown-panel .multiselect-container.dropdown-menu {
left:auto !important;
right:0 !important;
}
.dropdown-panel .multiselect-container.dropdown-menu > li > a {

white-space:normal !important;
min-width:250px !important;
color:#1d2e3e;

}
.dashboard-panel .panel-heading a{
text-decoration:underline;
color:#118d4f;
font-size:14px;
}
.dashboard-panel .panel-heading a.disabled
{
cursor:not-allowed;	
}
.dashboard-panel .panel-heading a.disabled:hover {
border-color:#e0e0e0;
}

.dashboard-panel .panel-heading .dropdown-menu a {
text-decoration:none;
}
.dashboard-panel .panel-heading .subpanel-title{
margin:0px;
}
.datatable-scrollX {
overflow:auto;
}

.chart-btn {
border-radius: 3px;
display: inline-block;
border: 1px solid #e0e0e0;
text-align: center;
height: 24px;
width: 26px;
color: #e0e0e0;
margin-left: 5px;
line-height: 23px;
}
.filter-link {

width: 60px;
text-decoration:none !important;
line-height: 25px;
height: 26px;
}

.apply-btn {
color:#fff !important;
text-decoration:none !important;
font-size:15px !important;
}
.chart-btn.active {
border-color: #30b874;
}
.chart-btn i {
color: #909090 ;
font-size: 12px;
}
.chart-btn.active i {
color: #118d4f;
}
.chart-btn:hover i {
color: #323232;
}

.chart-btn.rotate-icon i {
transform: rotate(-270deg);
-webkit-transform: rotate(-270deg); 
}
.filter-content
{
height:auto;
max-height:314px;
overflow-y:auto;
padding:15px;
}
.filter-content > .form-group:last-child
{
margin-bottom:0;
}
.dashboard-filter {
background: #fafafa none repeat scroll 0 0;
border: 1px solid #c9cdd0;
box-shadow: 2px 1px 1px 0 #ccc;
position: absolute;
right: 16px;
top: 49px;
width: 300px;
z-index: 10;
}
.dashboard-filter .btn-container
{
padding:5px 15px;
background:#e2e2e2;
margin:0;
border-top:1px solid #d5d5d5;
}
.dashboard-panel .custom-radio
{
display:inline-block;
margin:3px 0 0 5px;
}
.dashboard-panel .custom-radio label {
padding-left:5px;
}

.dashboard-panel .custom-radio label, .custom-radio label {
margin-right:20px;
}
.dashboard-panel .custom-radio input {
position:relative;
top:0;
}
.viewall-text a{
font-size:14px;
text-decoration:underline;
color:#118d4f;
}
.dashboard-bg #wrapper{
background-color:#edf2f6;
}
.star-img{
position:absolute;
bottom:0;
right:0;
}
.hand-cursor{
cursor:pointer;
}
/*Dashboard*/
/*Notice Board*/
.list-column, .message-section{
/*height:375px;*/
overflow-y:auto;
background-color:#fff;
}
.custom-listgrpitem p{
display:inline;
margin:0;
color:#a7abaf;
font-size:12px;
padding-right:10px;
}
.custom-listgrpitem p i.fa-paperclip{
margin-left: 4px;
margin-right: 3px;
margin-top: 9px;
padding-left: 8px;
border-left	:1px solid #ddd;
}
.custom-listgrpitem strong, .custom-listgrpitem span{
display:block;
}
.custom-listgrpitem button{
background:none;
min-width:inherit;
color:#a7abaf !important;
padding:0 5px 2px;
}
.custom-listgrpitem:hover{
cursor:pointer;
background-color:#eee;
}
.custom-listgrpitem{
border-radius:0 !important;
padding-bottom:8px;
border-width:1px 0 1px 0;
}
.custom-listgrpitem:nth-child(1){
border-top:0;
}
.option-icon{
font-size:18px;
color:#118d4f;
vertical-align:middle;
margin-top:12px;
}
.null-rightborder{
border-right:0 !important;
}
.message-section{
padding:10px 15px !important;
border:1px solid #ddd;
}
.custom-listgroup .active, .custom-listgroup .active:hover{

background-color:#00a657 !important;
border-color:#ddd;
}
.custom-listgroup .custom-listgrpitem.active  p{
border-right-color:#ccc;
color:#fff;
}
.custom-listgroup .active .option-icon, .custom-listgroup .custom-listgrpitem.active button i{
color:#fff;
}
.parent-border{

border:1px solid #00a657;
}
.nomsg-section{
margin-top:20%;
font-size:16px;
color:#888 !important;
}
.nomsg-section i{
font-size:26px !important;
position: relative;
top: 2px;
}
.mainmsg-section{
padding-bottom:15px;
display:none;
}
.msg-heading{
background-color:#eee;
margin:-10px -15px 0 -15px;
padding:8px 10px;
border-bottom:1px solid #bbb;
}
.msg-heading h3{
color: #000;
font-size: 18px;
line-height: 22px;
}
.mainmsg-section .dropdown-menu{
left:inherit;
right:0;
min-width:250px;
}
.attach-btn, .attach-btn:hover{
color:#118d4f;
font-size:14px;
}
.mainmsg-section .table-responsive{
border:0;
}
.strongtext{
font-weight:600;
}
/*Notice Board*/
/*Admin console*/
.flag-img{
margin-top:-3px;
margin-right:4px;
}
.admin-btn-container{
margin-bottom:0;
}
.lang-section{
/*background-color:#eee;*/
background-color: rgba(236,233,221,0.5)
}
.lang-section li a i {
visibility:hidden;
}
.lang-section li a.language-active i {
visibility:visible;
}
/*.lang-section li:nth-child(1){
border-top:1px solid #ccc;
}*/
.lang-section li a, .lang-section li strong{
border-top: 1px solid #ccc;
color: #fff !important;
display: block;
font-size: 14px;
padding: 7px 12px;
text-decoration: none;
white-space: normal;
}
.lang-section li a:hover{
background-color: rgba( 245,243,237, 0.5) !important;
}
.topspace{
margin-top:25px;
}
.logoimg-holder{
width:180px;
height:50px;
margin-top:10px;
}
.logoimg-holder img{
height:100%;
}
.stylesht-txt{
margin-top:15px;
color:#118d4f;
}
/*Admin Console*/
/*Document Library*/
.documentlib-filter > label.documentlib-filterlbl{
background-color: #f8f8f8;
border: 1px solid #d1d1d1;
padding: 0 10px;
font-weight: normal !important;
margin-bottom: 0;
color: #898989;
}
.documentlib-filter label i{
color: #898989;
}
.documentlib-filter label input{
background-color: transparent !important;
border: 0 none;
margin-left: 0;
padding: 0;
}
/*6/11/15*/
.my-document-tbl.dataTable tbody tr td a{
color:#444;
text-decoration:none;
}
.my-document-tbl tbody tr td a.indent-text{
text-indent:20px;
display:block;
font-size:12px;
text-decoration:none;
color:#118d4f;
}
.my-document-tbl{
width: 100%;
border: 1px solid #c3d9e0;
background: #fafafa;
}
.my-document-tbl th:nth-child(1), .my-document-tbl td:nth-child(1) {
width: 75%;
}
.my-document-tbl a i{
font-size:15px;
width:10px;
}
/*6/11/15*/
/*Document Library*/
/*Updates*/
.linkurltext{
font-size:14px;
font-weight:600 !important;
}
/*Open Requests*/
.table-options li a{
padding:5px;
color:#898989;
}

.table-options li a i{
font-size:15px;
color:#898989;
}
.table-options ul.dropdown-menu{
box-shadow:none;
border-radius:0;
right:0;
left:inherit;
}
.table-options ul.dropdown-menu a{
font-size:14px;
}
.table-options ul.dropdown-menu li .checkbox{
display:block;
}
.table-options ul.dropdown-menu li .checkbox label{
font-size:14px;
color:#898989;
display:block;
padding:6px 10px;
}
.table-options ul.dropdown-menu a:hover, .table-options ul.dropdown-menu li .checkbox label:hover{
background-color:#118d4f;
color:#fff;
}
.table-options ul.dropdown-menu li a.small input[type='checkbox']{
margin-right:5px;
}
/*Open Requests*/


.msg-back-btn{
clear: both;
color: #118d4f;
}
/*For dashboard*/
@media (min-width:320px) and (max-width:475px){
.category-img{
float:none !important;
display:inline-block;
margin-top:5px;
}

}
@media (min-width:310px) and (max-width:768px) {

.chkbox-table-wrap table.chkbox > tbody > tr > td {
display:block !important;
width:100% !important;
margin-left:0;
padding:8px 0;
}
.chkbox-table-wrap table.chkbox > tbody > tr > td.hide {
display:none !important;
}
.chkbox-table-wrap .checkbox + .checkbox,   .chkbox-table-wrap .checkbox {
margin:0 !important;
}


.chkbox-table-wrap .checkbox input {
position:relative;
left:10px;
margin-top:0;
}
}
@media (min-width:310px) and (max-width:640px) {
.dashboard-panel select, .dashboard-panel .dashboard-dropdown, .dashboard-panel .dropdown-panel, .dashboard-panel .chart-btn-sec, .dashboard-panel h4 {
width: 100% !important;
float: none !important;
}
.dashboard-panel h4.link-heading {
float: left !important;
width:auto !important;
margin:0 !important;
}
.dashboard-panel select, .dashboard-panel .dashboard-dropdown, .dashboard-panel h4, .dashboard-panel .btn-group, .dashboard-panel .custom-radio {
margin: 0 0 10px 0 !important;
}

.dashboard-panel .custom-radio label, .custom-radio label {
margin-right: 8px;
}
.dashboard-panel .chart-type-links a {
margin-left: 15px;
}
#statusControllers {
float:none !important;
}
.dashboard-panel .chart-type-links a:first-child {
margin-left: 0;
}
.dashboard-filter {
top: 108px;
width: 93%;
}

.dashboard-panel .zero-bottom-margin {
margin-bottom: 0 !important;
}

.dropdown-small, .dashboard-dropdown {
height:34px;
padding:5px 8px;
}
.multiselect-container li a.multisel-closeLink {
display:block !important;
   
}
.editable-grid-pager [class*='col-']{
text-align:center;
margin:3px 0;
}
.btn-container .btn, .editable-grid-pager .btn {
margin-bottom:10px;
}
.btn-container {
margin-bottom:0 !important;
}
.btn-container .pull-right, .btn-container .pull-left  {       
float:none !important;
text-align:center !important;
}
.btn-container .pull-left span {
display:inline-block;
margin-bottom:5px;
}

.upload-mesg {
margin-top:10px !important;
}
.radio-list td {
display:block;
padding:2px 0;
}

.slt-chkbox input {
position:relative;
top:3px;
}
.bottom-btn-container, .top-btn-container
{
text-align:center;
}

.bottom-btn-container, .top-btn-container a.btn
{
margin-bottom:10px;
}

}
/*For dashboard*/

/*list box */
.list-box-panel 
{
margin-bottom:0;
display:table;
width:100%;
}
.list-box-panel .panel-body{
padding:0;
border:1px solid #c9cdd0;
}
.list-box-panel .panel-heading{
padding:0 0 0 15px;
border-radius:0;
}
.list-box-panel select
{
height:150px;
}
.arrow-panel
{
vertical-align:middle;
text-align:center;
}
.arrow-panel a
{
display:inline-block;
border:1px solid #ddd;
padding:3px 0;
background:#fafbfd;
margin:10px 10px 0 10px;
text-align:center;
width:25px;
}
.list-box-panel .panel
{
margin-bottom:0;
}
.list-box-panel .subpanel-title
{
font-size:14px;
background:#fafbfd;
margin:0;
padding:5px 10px;
border:solid #ddd;
border-width:1px 1px 0 1px;
}
.arrow-panel a i
{
font-size:18px;
color:#118d4f;
}
.arrow-panel a i.fa-forward, .arrow-panel a i.fa-backward
{
font-size:12px;
}
.list-box-panel [class*='col-']
{
display:table-cell;
padding:0;
float:none;
}
.list-box-panel select[multiple]
{
width:100%;
border:0;
padding:5px;
}
.list-box-panel .panel-heading .subpanel-title
{
line-height:30px;
}
.list-box-panel .panel-heading .subpanel-title{
margin:4px 0 0;
}
.radio-panle .radio input
{
margin-left:-20px;
}
/*config list */
.config-list h4
{
border-bottom:1px solid #ddd;
color:#000;
font-size:14px;
padding:0 0 8px 8px;
margin:0;
}
.input-group-addon
{
border-radius:0;
}
.config-list ul li
{
padding:5px 10px;
list-style-type:disc;
list-style-position:inside;
}
.config-list ul li a
{
color:#118d4f;
}
.config-list ul li a:hover
{
text-decoration:none;
}
.config-list ul li i
{
color:#000;
margin-right:10px;
font-size:15px;
}
.config-list ul li span
{
display:inline-block;
color:#5d5d5d;
cursor:pointer;
margin-top:3px;
visibility:hidden;
margin-left:20px;
}
.config-list ul li:hover span
{
visibility:visible;

}
.config-btn-pnl 
{
margin-top:10px;
background:#f6f6f6;
padding:15px 0;
margin:10px 0 0 0;

}
.config-col {
padding-right:10px;
}
.config-btn 
{
display:table;
width:100%;
table-layout:fixed;
border:1px solid #ddd;
}
.config-btn [class*='col-']
{
display:table-cell;
padding:0;
vertical-align:top;
}

.btn-save, .btn-save:hover, .btn-save:active,  .btn-save:focus
{
background:#118d4f;
color:#fff;
}
.config-btn  .col-btn
{
width:45px;
border:0;
text-align:right;
}
.col-btn .btn
{
border-radius:0;
line-height:25px;
min-width:auto;
}
.config-btn input
{
border:0;
}
.calendar-icon
{
cursor:pointer;
}
.config-msg
{
color:#0c673a;
}
.config-msg:before
{
content:"";
width:1px;
background:#ddd;
height:40px;
position:absolute;
left:2px;
}
.config-msg i, .config-msg strong
{
margin-bottom:3px;
}
.config-msg p
{
font-size:12px;
margin-bottom:0;
color:#000;

}
.arrow-btn-panel
{
line-height:20px;
background:#e8f2e5;

}
.arrow-btn-panel a 
{
display:inline-block;
padding:0 15px;
line-height:35px;
border-left:1px solid #ddd;
}
.arrow-btn-panel a i
{
font-size:20px;
color:#1D2E3D;
}
.arrow-btn-panel a i.fa-forward , .arrow-btn-panel a i.fa-backward
{
font-size:15px;
}
.print-label .form-group > span{
display: inline-block;
padding: 5px;
width:200px;
background:green;
vertical-align:top;


}
.print-label .form-group {
border-bottom:1px solid #ddd;
}
.print-label-value {
font-size: 16px;
color:#118d4f;
  
}

/*confirmation screen*/
.confirmation-pnl
{
max-width:700px;
margin:0 auto;
}
.success-mesg-heading  {
color:#636363;
font-size:16px;
display:table;
background:#f4f4f4;
table-layout:fixed;
width:100%;

}

.success-mesg-heading [class*='col-'] {
display:table-cell;
vertical-align:top;
padding:15px;
border:1px solid #dbdada;
}

.success-mesg-heading .col-icon {
width:60px;
vertical-align:middle;
background:#00a657;
text-align:center;
color:#fff;
border:1px solid #039751;
border-color:#039751;
position:relative;

}

.warning-mesg-heading  .col-icon {
background:#f20606;
border-color:#e10303;
}
.success-mesg-heading .col-icon i {
font-size:20px;

}
.mesg-heading
{
font-size:25px;
}
.sub-mesg
{
margin:20px 0;
}
.sub-mesg p
{
font-size:18px;
color:#000;
margin-bottom:0;
}
.rating-pnl
{
max-width:600px;
margin:0 auto;
text-align:center;
margin:20px auto 15px auto;
background:#e4e4e4;
border-color:#d7d7d7;
}
.link, .emailchart-mesg-tbl
{
color:#00a657;
font-size:15px;
}
.link
{
text-decoration:underline;
}

.form-summary
{
font-size:15px;
}
.rating {
overflow:hidden;
width:150px;
margin:0 auto;

}
.rating > input { display: none; } 
.rating > label:before, .rating > label:hover:before { 
font-size:30px;
font-family: FontAwesome;
display: inline-block;
content:"\f006";
font-weight:normal;
margin:0;
}
.rating > label { 
color: #a9a9a9; 
float: right; 
}

/*CSS  to Highlight Stars on Hover */
.rating > label:hover:before
{
content:"\f005";
}
.rating > input:checked ~ label:before, 
.rating:not(:checked) > label:hover, 
.rating:not(:checked) > label:hover ~ label:before {

color: #ffbf49; 
content:"\f005";

}
.noticeboard-btn-link a {
display:inline-block;
line-height:22px;
color:#00a657;
margin-left:10px;
}
.noticeboard-btn-link .msg-back-btn
{
margin-left:10px;
}
/* chart message css*/
.chart-mesg-tbl, .chart-msg-icon {
display:table;
width:100%;

}
.chart-mesg-tbl {

height:100%;
}
.chart-mesg-cell, .chart-msg-icon-cell {
display:table-cell;
vertical-align:middle;
text-align:center;
}

.chart-mesg-box {
display:inline-block;
}
.chart-msg-icon-cell {
padding:15px;
}

.chart-msg-icon-cell img {
width:102px;
height:102px;
}
.chart-msg-icon-cell i{
font-size:50px;
color:#e54740;
}
.chart-msg-footer {
padding:10px;
margin:0;
border-top:1px solid #e5e6e4;
text-align:left;
font-size:14px;
background:#fff;
text-align:center;
color:#909090;
}

.chkbox-table-wrap .chkbox tr 
{
border-bottom:none;
}
.chkbox-table-wrap table.chkbox > tbody > tr > td
{
border-bottom:solid 1px #eee;
width:29%;
display:inline-block;
margin-left:0;
padding:8px 0;
}
.chkbox-table-wrap table.chkbox > tbody > tr > td:last-child 
{
margin-right:0;
}

.chkbox-table-wrap .checkbox + .checkbox,   .chkbox-table-wrap .checkbox {
margin:0 3% 0 0 !important;
}
.chkbox-table-wrap .checkbox input {
position:relative;
left:10px;
margin-top:0;
}
.radio-list > tbody > tr > td {
padding-left:3px;
}
/*media querry for device starts here*/
@media only screen and (min-width:1024px) 
{
  
.main-menu .nav>li.dropdown
{
position:relative !important;
}

.main-menu .nav > li.dropdown.four-column-li {
position:static !important;
}
    
.mega-menu li.mega-menu-column ul {
min-width: 200px;
margin-left:10px;
}
    
.mega-menu.two-column 
{
width:458px;
/*left:50%;
margin-left:-224px;*/
}

.mega-menu.three-column 
{
width:692px;
/*left:50%;
margin-left:-346px;*/
}

.mega-menu.four-column 
{
width:932px;
right:0px;
left:auto !important;
}

#MenuManagement_sm .two-column 
{
right:0;
left:auto;
margin-left:0px;
}
}


@media (min-width: 991px) {
.reset-section
{
padding-right:60px !important;
padding-left:60px !important;
}
.custom-handler .panel-title
{
cursor:default;
}
.custom-panel .panel-collapse.collapse {
display: block !important;
}

.custom-tbl .navbar-header {
width: 95px;
float:none;
}
div.dataTables_wrapper div.dataTables_info {
padding-top:0;
white-space:normal !important;
}
.search-footer .btn-section {
position: relative;
text-align: center;
height: 100%;
}
.record-info {
padding-top: 30px;
text-align: center;
margin-bottom: 5px;
}
.record-info label, .record-info span {
display: block;
}
.navbar-collapse {
width: auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block!important;
/*height: auto!important;*/
padding-bottom: 0;
overflow: visible!important;
}
}
@media (max-width: 991px) {
.header-bar .navbar-nav > li > a em {
min-width:0 !important;
}
.spell-check-btn {
display:none;
}
.field-serach .form-control {
margin-bottom:5px;

}
.field-serach .null-rightpadding {
padding-right:15px;

}
.field-serach .null-leftpadding {
padding-left:15px;

}
.field-serach .btn {
margin-left:0 !important;

}
.navbar-fixed-top .navbar-collapse {
/*max-height: 340px !important;
overflow-y:auto !important;*/
}

.login-link-panel
{
padding-top:0 !important;
}
.new-user-link
{
border-right:1px solid #eee;
}
.new-user-link .new-user-section
{
float:right;
}
#wrapper {
padding-top: 61px;
}
.container{
width:100%;
}
.header-bar .navbar-nav .tenant-name-panel, .header-bar .navbar-nav .user-info {
background-color: rgba(236,233,221,0.5);
padding: 8px 10px;
color:#fff;
}
.header-bar .navbar-nav .tenant-name-panel {
border-bottom: 1px solid #bbb8b8;
}
.user-info {
font-size: 15px;
}
.navbar-nav > li > .dropdown-menu
{
border:0;
}
.header-bar .navbar-nav .user-info em {
font-style: normal;
color: #fff;
}
.header-bar .navbar-nav .tenant-name-panel h4 {
margin-bottom: 0;
margin-top: 5px;
font-size:14px;
}
.header-bar .navbar-nav .tenant-name-panel span {
position: static;
}
.header-bar .navbar-nav .tenant-name-panel:before {
display: none;
}
.header-bar .navbar-right, .navbar-header, .custom-tbl, .navbar-nav>li
{
float:none !important;

}
.header-bar .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
.navbar-collapse.collapse {
display: none !important;
}
.navbar-collapse.collapse.in {
display: block !important;
}
.navbar-collapse.in {
overflow-y: auto;
}
.custom-tbl, .custom-tbl .navbar-header, .custom-tbl .tenant-name-panel, .navbar-toggle 
{
display: block;

}
.custom-tbl {

background:#fff;
margin:0 -15px;
}
.custom-tbl .navbar-toggle {
right:15px;
margin-top: 12px;
}
.custom-tbl .navbar-brand {
margin-left:15px !important;
}
.custom-tbl .navbar-header, .custom-tbl .tenant-name-panel{
height: auto;
}
.header-bar .navbar-right {
/*background-color: #118d4f;*/
border: 1px solid #0d7a40;
border-width: 1px 0;
margin-top:0;
}
.header-bar .navbar-nav {
margin-bottom: 0;
}
.header-bar {
background-color: rgba(0,106,77,0.9) !important;
}
.header-bar .navbar-nav > li > a, .header-bar .navbar-nav > li > a:hover, .header-bar .navbar-nav > li > a:focus, .header-bar .navbar-nav> li > a:active {
background-color:transparent;
border: 1px solid rgba(255,255,255,0.2);
border-width: 1px 0 0 0;
color: #fff;
padding: 10px;
}


.header-bar .navbar-nav> li > a, .header-bar .navbar-nav > li > a i {
font-size: 15px;
}
.header-bar .nav > li > a i {
color: #fff;
}
.navbar-toggle {
margin-right: 0;
}
.navbar-brand{
padding-left: 0;
width: 70px;
margin-left:0 !important;
height:60px;
}
.header-bar .navbar-nav > li > a em {
border: 0;
color: #fff;
}
.header-bar .navbar-nav > li > a span.fa.fa-chevron-down, .header-bar .navbar-nav  li.dropdown-submenu a span.fa.fa-chevron-down, .header-bar .navbar-nav  li:hover.dropdown-submenu a span.fa.fa-chevron-down {
margin-left: 5px;
color: #fff;
font-size:11px;
}
.navbar-collapse {
border: 0;
}
.header-bar .navbar-nav > .open > a, .header-bar .navbar-nav > .open > a:focus, .header-bar .navbar-nav > .open > a:hover {
background-color: rgba(29,46,62,0.5);
color: #fff;
}
.header-bar .navbar-nav > .open .dropdown-menu li a:hover {
color: #fff;
background: rgba(0,166,87,0.5);
}
.page-info {
padding-top: 10px;
}
.top-btn-pnl {
/*border-bottom: 1px solid #1d2e3d;
padding-bottom: 10px;*/
}
.search-footer {
background-color: #f1f1f1;
text-align: right;
padding-top: 10px;
padding-bottom: 10px;
}
.record-info {
text-align: right;
}
.record-info span {
font-size: 20px;
font-weight: bold;
}

/*assesment*/
.custom-records-pnl
{
text-align:center;
}

.padding-right-adjust
{
    padding-right:15px !important;
}
.padding-left-adjust
{
    padding-left:15px !important;
}

.dashboard-panel .panel-heading .chart-btn-sec .btn 
{
    float:right;
}

}
@media (min-width: 991px) and (max-width: 1024px) {
.radio-list > tbody > tr > td {
display:block;
}
.dashboard-panel .custom-radio {
margin-bottom:10px;
}
.hse-doc-pnl .status-circle
{
height: 35px !important;
width:35px !important;
line-height:35px !important;
background:#fff !important;
top:32px !important;
right:25px !important;
}
.status-box .img-circle {
  
height: 35px !important;
line-height: 38px !important;
margin-bottom: 5px !important;
width: 35px !important;
}

.hse-doc-pnl .status-circle  i{
font-size:18px !important;
        
}
.status-box-content h3 {
font-size:18px !important;
}
.right-zero {
right:0;
}

}

@media (max-width: 991px) and (min-width: 768px) {
.panel-handler.visible-sm {
display: inline-block!important;
}

}
@media (min-width: 768px) {
.navbar-right{
margin-right: 0 !important;
}
/* notice board*/
.null-leftpadding{
padding-left:0;
}
.null-rightpadding{
padding-right:0;
}

.table-options{
float:right;
}
}
@media (max-width: 768px) {

.navbar-collapse .dropdown-menu {
position:relative;
}
.dataTables_paginate.paging_full_numbers, .dataTables_info {
text-align:center !important;
}
.filter-info .dt-button  {
padding-left:0 !important;
}

.filter-info .buttons-collection {
display:none;
  
}
.filter-info .filter-btn-panel {
padding-bottom:10px;
}
.hse-doc-pnl, .status-box  {
margin:10px 0;
}
.table-options 
{
text-align:center;
}
.table-options li
{
display:inline-block;
		
}
.navbar-brand
{
margin-left:0 !important;
}
.panel-handler.visible-xs {
display: inline-block !important;
}
.top-btn-pnl {
/*text-align: center !important;*/
}
.reg-panel {
padding:0 10px;

}
.quote-attach button{
font-size:14px;
}

.dashboard-panel .panel-body{
min-height:inherit;
max-height:inherit;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
background-color: #1d2e3e !important;
color:#fff;
}
.custom-navtab > li {
margin-bottom: -2px;
}
.message-section {
border: 0;
}
.custom-navtab > li > a:hover {
padding-bottom: 7px;
}
/*Notice board*/
.null-leftpadding {
padding-left: 15px;
}
.null-rightpadding {
padding-right: 15px;
}
.top-btn-pnl.topbtn-noticeboard{
padding-bottom:0;
border-bottom:0;
}
/*.list-column, .message-section {
height: 485px;
}*/
.msg-back-btn{
float:none;
}
}
@media (max-width: 767px) {
footer {
line-height: 35px;
}

.no-tools .dataTables_length {
text-align: center !important;
}

.new-user-link {
border-right: 0;
border-bottom: 1px solid #ddd;
padding-bottom: 25px;
}

.new-user-link .new-user-section {
float: none;
}

.column-rightborder {
border-right: 0 !important;
}
/*admin console edit*/
.column-leftborder {
border-left: 1px solid #eee;
}
/*admin console edit*/

.btn-section {
text-align: center;
}

.breadcrumb {
/*margin-top: 10px;*/
}

.breadcrumb > li + li {
display: block;
padding-top: 10px;
}

.breadcrumb > li + li::before {
display: none;
}

.page-info h1, .page-info ol {
float: none !important;
}

.page-info ol {
margin-left: 0;
}

.page-info ol:before {
display: none;
}

.table-responsive {
margin-bottom: 0;
}

footer {
height: auto;
}

.copyright-info, .footer-links {
color: #fff;
}

div.dataTables_wrapper div.dataTables_info {
padding: 0 0 10px 0;
}

.dataTables_length {
text-align: right !important;
}

.copyright-info, .footer-links {
text-align: center;
}

.pager-info [class*='col-xs'], .filter-info [class*='col-xs'] {
width: 100%;
text-align: center;
}

.dataTables_filter {
margin-bottom: 10px;
}

.dataTables_filter label {
width: 100%;
}

.dataTables_length {
text-align: center !important;
}

.pagination > li > a, .pagination > li > span {
padding: 4px 8px;
border: 0;
}

.search-btn-panel, .record-info {
text-align: center;
}

.search-btn-panel [class*='col-xs'] {
width: 100%;
}

.record-info label {
margin-bottom: 0;
}

.record-info span {
font-size: 20px;
font-weight: bold;
display: block;
}

.dataTables_paginate .paginate_button, .dataTables_paginate .paginate_button:hover, .dataTables_paginate .ellipsis {
border: 0;
}

.section-dropdown .nav.navbar-nav {
margin: 0;
}

.section-dropdown .dropdown-menu {
background-color: #1d2e3e !important;
position: absolute !important;
width: 100% !important;
min-width: initial;
}
/*induction CSS*/
.add-doc-tbl {
display: block;
width: auto;
}

.add-doc-tbl > [class*='col-'] {
display: block;
float: left;
}

.add-doc-tbl > [class*='col-'] .upload-mesg {
margin: 0;
}

.upload-mesg {
margin: 0 0 10px 0 !important;
}

/*assesment*/

.records-selection, .assesment-list-btn {
text-align: center;
}
/*Induction*/
.collateral-btn-pnl, .collateral-btn-pnl .pull-right, .collateral-btn-pnl .pull-left {
text-align: center;
}

.collateral-btn-pnl .pull-right, .collateral-btn-pnl .pull-left {
float: none !important;
}

.collateral-list-tbl [class*='col-'] {
display: block !important;
}

.topic-footer {
float: right;
border-top: 0;
margin-top: 15px;
}

.topic-sec {
border-bottom: 1px solid #eaebdd;
}

.col-collateral {
border: 1px solid #eaebdd;
margin: 5px;
}

.topic-icon-cell {
width: 35px;
}

.topic-icon-cell i.fa.fa-info, .topic-icon-cell i.fa.fa-check {
width: 20px;
height: 20px;
line-height: 20px;
}

.completion-mesg .panel-footer p {
margin-bottom: 10px;
}

.assesment-list .panel-heading .assesment-btn-sec {
width: 75px;

}
.assesment-list .panel-heading .assesment-btn-sec .dropdown {
left:0;
}
.assesment-list .panel-heading .assesment-btn-sec .dropdown button {
background: none;
border: 0;
font-size:13px;
padding:10px;
}
.assesment-list .panel-heading .assesment-btn-sec .dropdown.open button {
color:#00a657;
}

.assesment-list .panel-heading .assesment-btn-sec .dropdown .dropdown-menu {
 
border-radius: 0;
right:0;
left:auto;
top:36px;
padding:0;
}
.assesment-list .panel-heading .assesment-btn-sec .dropdown .dropdown-menu li {
padding:0;
}
.assesment-list .panel-heading .assesment-btn-sec .dropdown .dropdown-menu li a, .assesment-list .panel-heading .assesment-btn-sec .dropdown .dropdown-menu li label {

text-align:left;
padding:8px 15px;
border:0;
}
.assesment-list .panel-heading .assesment-btn-sec .dropdown .dropdown-menu li:hover , .assesment-list .panel-heading .assesment-btn-sec .dropdown .dropdown-menu li:hover a  {
background:#00a657;
color:#fff;
}
.topic-disable .panel-heading .assesment-btn-sec .dropdown .dropdown-menu li:hover a {
background:#fff !important;
}
.assesment-list .panel-heading .assesment-btn-sec .dropdown .dropdown-menu li:hover a i {
color:#fff;
}
.assesment-list .panel-heading .assesment-btn-sec a {
border:0;
}

.assesment-list .panel-heading .assesment-btn-sec .dropdown-menu{
display:none !important;
border:1px solid #e5e5e5;
background:#fff;
min-width:160px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
position:absolute !important;
}
.assesment-list .panel-heading .assesment-btn-sec .dropdown.open .dropdown-menu, .assesment-list .panel-heading .assesment-btn-sec .dropdown-menu li, .assesment-list .panel-heading .assesment-btn-sec .dropdown .dropdown-menu li label {
display:block !important;
}

.assesment-list .panel-heading .assesment-btn-sec a, .assesment-list .panel-heading .assesment-btn-sec a:focus {
text-decoration: none !important;
border-left: 1px solid #e5e5e5;
border-radius: 0;
padding: 0 10px;
box-shadow:none;
}
.custom-form-tbl {
display:table;
table-layout:fixed;
width:100%;
margin:0;

}
.custom-form-tbl > [class*='col-']{
display:table-cell;
padding:0;
float:none;
vertical-align:top;
}
.custom-form-tbl > .col-md-10 {
width:100%;
}
.custom-form-tbl > .add-delete-icon{
padding-left:15px;
width:70px;
}
.topic-view  .assesment-btn-sec 
{
width:75px !important;
}
.topic-view  .assesment-btn-sec .dropdown-menu
{
min-width:150px !important;
}
/*inspection*/
.inspec-cell
{
display:block !important;
}
.inspec-cell.inspection-btn-pnl {
padding-left:32px !important;
width:100%;
}
}
@media (max-width: 360px) {
.btn-container .pull-left, .btn-container .pull-right {
float: none !important;
text-align: center;
}

.dropdown-small, .chart-btn {
margin-top: 5px !important;
}
.search-btn-section {
padding-bottom:10px;
}
.search-btn-section .pull-right {
float: none !important;
text-align: center !important;
}
.loader-search-pnl .page-loader-cell img {
margin-top:-3px;
}
}
/*For dashboard*/
@media (min-width:300px) and (max-width:475px) {
.category-img {
float: none !important;
display: inline-block;
margin-top: 5px;
}
.question-btn-pnl .pull-left, .question-btn-pnl .pull-right {
margin-bottom:8px;
}
.question-btn-pnl .pull-left {
float: left !important;
}
.quest-btn-pnl .btn {
margin-bottom:10px;
}
.question-btn-pnl .pull-right {
float: right !important;
}
/*.custom-navtab > li > a, .custom-navtab > li > a:hover,  .custom-navtab > li.active > a,  .custom-navtab > li.active > a:hover{

padding:5px 3px 3px;
}*/
}
/*For dashboard*/
.history-panel .panel-body {
border: 0;
padding: 0 !important;
border-top: 0;
}
.detail-panel .panel-body
{
padding:0;
}
.detail-panel .input-group
{
padding-top:8px;
padding-bottom:8px;
}

.detail-panel .input-group-addon {
background-color: transparent;
border: 0;
border-radius: 0;
padding: 0 12px 0 0 !important;
font-size: 20px;
color: #118d4f;
width:40px;
}
.vertical-top {
vertical-align: top;
}
.vertical-center {
vertical-align: midddle;
}
.detail-panel span {
color: #706f6f;
}
.detail-panel .form-group {
margin-bottom: 0;
}
.detail-panel p
{
word-break:break-all;
}
.detail-panel p span {
color: #000000;
}
.panel-odd, .panel-even
{
padding:0 15px;
}
.panel-odd {
background-color: #eaeaea;

}
.panel-even {
background-color: #fff;
}
.border-row {
border-bottom: 1px solid #d2d2d2;
}
.border-col .form-group {
border-bottom: 1px solid #d2d2d2;
border-right: 1px solid #d2d2d2;
}
.min-padding {
padding-top: 10px;
}
.dataTable img {
margin-right: 8px;
}
.top-btn-pnl .btn-link {
padding: 0;
text-decoration: none;
color: #006A4D;
font-size: 14px;
}
.top-btn-pnl .btn-link i {
color: #000;
}
.zero-border {
border: 0 !important;
}
.detail-panel p 
{
margin-bottom:0;
text-align:justify;
}
/*common css*/
.user-info-md a i, .breadcrumb li i, .breadcrumb li img, .header-bar .dropdown .dropdown-menu>li>a i  {
margin-right: 5px;
}
.header-bar .dropdown .dropdown-menu, .panel, .form-control, .login-content, .login-content .panel-body, .login-content .panel-heading, .textbox-wrap .input-group-addon, .textbox-wrap input{
box-shadow: none;
}

.sub-menu, .header-bar .dropdown .dropdown-menu, .panel, .form-control, .login-content, .login-content .panel-body, .login-content .panel-heading, .textbox-wrap .input-group-addon, .textbox-wrap input{
border-radius: 0;

}
input:focus, .input-group .form-control:focus, button:focus {
box-shadow: none;
outline: none;
}

/*****************/
.status-tbl
{
display:table;
}
.status-tbl span
{
display:table-cell;
}
.delete-icon i
{
font-size:15px;
color:#e41111;
}
.work-status-pnl
{
background: #f6f6f6;
padding:8px 15px;
margin: 0 -15px;
}
.work-status-pnl-gray 
{
background-color: #eaeaea;
padding: 15px;
border-top: solid 1px #ddd;
}
.btn-status, .btn-status:hover, .btn-focus
{
background:#118d4f;
color:#fff;
border-radius:0;
padding: 13px 15px;
}
.border-bottom
{
border-bottom:1px solid #d2d2d2;
}
.btn.btn-sm
{
padding:3px 10px;

}
.custom-form-sec .form-group
{
margin-bottom:15px;
}

.custom-form-sec .btn-container
{
margin:8px 0 15px 0;
}
.textarea-tbl
{
display:table;
table-layout:fixed;
}
.add-doc-pnl
{
margin-bottom:15px;
}
.textarea-col
{
width:100%;
padding-right:0;
}
.textarea-tbl  > [class*='col-']
{
display:table-cell;
float:none;
vertical-align:top;
}
.min-margin-btn-top
{
margin-top:10px;
}
.min-margin-bottom
{
margin-bottom:15px;
}
.min-margin-top
{
margin-top:10px;
}
.panel-btn-container
{
padding-top:10px;
padding-bottom:10px;
}
.btn-cell
{
padding-left:0;
width:100px;
}
.work-status-pnl .radio-inline:first-child
{
padding-left:0;
}
.upload-mesg
{
margin-top:50px;
/*word-wrap: break-word !important;*/
text-align:left  !important;
word-break:normal  !important;
}
.upload-mesg strong
{
font-size:20px;

}
.work-status-pnl h4
{
font-size:18px;
padding-right:20px;
margin-top:15px;
}
.tab-pane
{
background:#fff;
}
.info-list
{
padding:15px;
}
.info-list li
{
list-style-type:disc;
margin-top:15px;
margin:15px 0 0 15px;

}
.info-list li:first-child
{
margin-top:0;
}
.list-table ul>li, .list-table ul>li a
{
display:table;
width:100%;
border-bottom:1px solid #f1f3f4;
table-layout:fixed;
text-decoration:none;
color:#333;
}
/*li.list-group-item {
padding:0;
}*/
li.list-group-item a {
padding:15px;
}
li.list-group-item.active a:hover, li.list-group-item.active a {
color:#fff;
}
.list-table ul > li a {
border-bottom:0;
}
.list-table ul>li:nth-child(even), .list-group > li.list-group-item:nth-child(even)
{
background-color:#fcfdfd;
}
.list-table ul>li:hover, .list-table ul>li>a:hover
{
cursor:pointer;
background-color:#eee;
}
.list-table ul>li.active, .list-table ul>li.active:hover, .list-table ul>li a.active, .list-table ul>li.active a:hover  {
background-color: #00a657;
color:#fff !important
}
.list-table ul > li.active .doc-status {
color:#fff !important
}
.list-table ul>li>[class*='col-'], .list-table ul>li>a>[class*='col-']
{
display:table-cell;
padding-top:10px;
padding-bottom:10px;
vertical-align:middle;
float:none;
}
.list-table ul>li>.col-icon, .list-table ul>li>a>.col-icon
{
width:40px;
text-align:center;
font-size:18px;
color:#118d4f;
}
.list-table ul > li p, .job-id-content {
margin-bottom:5px;
}
.list-table ul>li p
{
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.list-table ul>li span
{
margin-right:10px;
padding-left:10px;

}
.list-table ul>li span:first-child
{
padding-left:0;
border-left:0;
}
.list-table ul>li i
{
margin-right:5px;
}
.list-table ul>li.active, .list-table ul>li.active:hover {
background-color: #118d4f;
}
.list-table ul>li.active p, .list-table ul>li.active i, .list-table ul>li.active .dateinfo-item span
{
color:#fff;
}
.dateinfo-item span
{
color:#a7abaf;
}
.icon-devider
{
border-left:1px solid #b4b8bb;
padding-left:10px;
color: #b4b8bb;
}
.question-tbl
{
display:table;
width:100%;
border:solid #f1f3f4;
border-width:1px 0;
table-layout:fixed;
background:#f9faf9;
margin:0;

}
.question-section
{

margin-bottom:20px;
}
.question-tbl > [class*='col-']
{
display:table-cell;
padding:15px;
float:none;
}

.question-tbl .col-count
{
width:50px;
border-right:1px solid #f1f3f4;


}
.questionnare-container .ans-pnl
{
padding:15px 15px 0 15px;
}
.questionnare-container.tab-content
{
border-left:1px solid #ddd;
position:relative;
}
.quest-btn-pnl
{
background:#ddd;
padding:10px 15px;

}
.questionnare-container .msg-heading, .documents-pnl .msg-heading 
{
margin:0;
}
.radio-list td
{
padding-right:15px;
}
.radio-list td label
{
margin-left:5px;
}
.link
{
color:#00a657;

}
.tab-container
{
padding:10px;
}
.tab-details
{
margin-bottom:15px;
}
.documents-pnl
{
border-left:1px solid #ddd;
}
.card-box {
padding: 20px;
border: 1px solid rgba(54, 64, 74, 0.05);
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
background-clip: padding-box;
margin-bottom: 20px;
background-color: #ffffff;
cursor:pointer;

}
.quick-links {
height:317px !important;
overflow-y:auto;
}
.status-box {
border: 1px solid #c9cdd0;
/*margin-bottom: 15px;*/
background-color: #ffffff;
cursor:pointer;

}
.status-circle
{
height: 30px;
width: 30px;
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
-moz-border-radius: 50%;
border: 1px solid #c9cdd0;
display:inline-block;
line-height:30px;
}
.status-circle i
{
font-size:15px;
margin:0 !important;
}
.status-circle .status-verified
{
color:#6cc788;
}
.doc-status
{
font-size:12px;
color:#acacac;
}

.status-circle .status-not-valid
{
color:#6cc788;
}
.status-circle .status-not-valid
{
color:#d9534f;

}
.status-circle .status-not-verified
{
color:#fcc100;
}
.amt-text
{
margin-top:5px;
color:#6cc788;
}

.status-box-content
{
padding:9px 15px 0 15px;
}
.status-box-footer
{
padding:5px 15px;
border-top:1px solid #e8e8e8;
text-align:right;
font-size:14px;
color:#acacac;
background:#f4f5f5;
}
.status-box h3
{
font-size:25px;

}
.height-auto {
height: auto !important;
}

.min-height-auto
{
min-height:auto !important;
}
.status-box h4
{
font-size:14px;
text-align:right;
margin:0;
padding:6px 15px;
background:#f1f1f1;
margin:0 -15px;

}
.status-box i
{
font-size:15px;
color:#fff;
}

.status-box .img-circle {
height: 32px;
width: 32px;
text-align: center;
background-clip: padding-box;
line-height:34px;
margin-bottom:-3px;
position:relative;
top:-6px;
}

.new-wa
{
background-color: #a88add;
}
.overdue-wa {
background-color: #26c6da;
}
.pending-wa {
background-color: #fcc100;
}
.completed-wa {
background-color: #6cc788;
}

.bg-icon-info
{
line-height:90px;
}
.card-box p
{
font-size:18px;
}
.card-box i
{
font-size:30px;
}
.widget-bg-color-icon .bg-icon-info {
background-color: rgba(52, 211, 235, 0.2);
border: 1px solid #34d3eb;
}
.widget-bg-color-icon .bg-icon {
height: 80px;
width: 80px;
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
-moz-border-radius: 50%;
background-clip: padding-box;
}
.new-work
{
background:#d6f6fb;
border:1px solid #34d3eb;

}
/* General info */
div.generalNotes > p {
padding:15px;
border: solid 1px #7ABDDE;	
display:table;
width:100%;
}
div.generalNotes > p > i, div.generalNotes > p > span, div.generalNotes > p > .general-col {
display:table-cell;
}
div.generalNotes > p > span {
padding-left:5px;
}

div.generalNotes > p > i {
margin-right:5px;
font-size:18px;
width:10px;
}
.hints {
display:inline-block;
margin-top:4px;
font-style:italic;
font-size:12px;
color:#8a8a89;
}
p.instruction {
font-weight:bold;
margin-bottom:15px;
}

div.presentationWrap {
border:solid 1px #016a4d;
box-shadow:0px 0px 15px #016a4d;
text-align:center
}

div.presentationWrap > object {
width:710px;	
height:561px;
}

div.progress {
position:relative;
margin-bottom: 10px;
}

div.progress > span {
position:absolute;
top:0px;
left:0px;
color:#1D2E3E;
font-weight:bold;
width:10%;
text-align:center;
line-height:20px;
font-size:12px;	
}

div.questionBlock {
border: solid 1px #ddd;
border-radius: 3px;
padding: 15px;
min-height: 245px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
margin: 15px 0px;
position:relative;
}

div.questionBlock.errorBlock {
border-color:#D9534F
}

div.questionBlock p.text-danger {
position: absolute;
top: 0;
right: 0px;
background-color: #D9534F;
color: #fff;
padding: 5px 10px;
border-radius: 0 3px 0 0;
display:none;
}

div.questionBlock > h4 {
margin: 0px;
color: #118D4F;
font-weight: bold;
display: inline-block;
border-bottom: solid 2px;
padding: 0 30px 14px 0px;	
}

div.questionBlock > p.question {
margin-top: 20px;
font-size: 15px;
color: #1D2E3E;
font-weight: bold;	
}

div.questionBlock > div.answerBlock span.wrong,
div.questionBlock > div.answerBlock span.correct {
color: #d9534f;
margin-left: 10px;
font-size:20px;
vertical-align: middle;
visibility:hidden;
}
div.questionBlock > div.answerBlock span.correct {
color: #5cb85c;
}

div.questionBlock > div.answerBlock input[type='radio'] {
margin-left:-20px;
margin-top:7px;
}

div.questionnaireWrapper > div {
display:none;	
}

div.questionnaireWrapper > div#questionSet_1 {
display:block;
}

h2.successHead {
text-align: center;
color: #118D4F;
font-weight: bold;	
}

div.infoWrap {
background-color: #f2f2f2;
padding: 15px;
border: solid 1px #ddd;
margin-top:20px;
}

div.infoWrap > p {
font-size: 18px;
margin-bottom: 0px;
}

div.infoWrap > ul.info-list {
padding-bottom:0px;
}

div.certificateWrap {
margin-top:30px;
text-align:center;	
}

div.certificateWrap > div.certificate {
width:90%;
display:inline-block;	
position:relative;
}

div.certificateWrap > div.certificate > img {
width:100%;
}

div.certificateWrap > div.certificate > div.certificateContent {
position:absolute;
top:360px;
left:0px;
width:100%;
min-height:100px;
padding:0 100px;
}

div.certificateWrap > div.certificate > div.certificateContent > span {
display:block;
color:#512605;
font-size:20px;	
margin-top:5px;
}

div.certificateWrap > div.certificate > div.certificateContent > span.personName,
div.certificateWrap > div.certificate > div.certificateContent > span.fromName {
font-weight:bold;	
font-size:25px;	
}

div.certificateWrap > div.certificate > div.certificateContent > span.fromName+span {
margin-top:40px;
}

div.certificateWrap > div.certificate > div.certificateContent > p {
font-size:36px;
font-weight:bold;
color:#512605;
margin-top:5px;	
}

div.certificateWrap > div.certificate > div.certificateContent > em {
font-style:normal;
font-weight:bold;	
}

div.certificateWrap > div.customButtonArea {
text-align:right;
width:90%;
display:inline-block;	
}

div.certificateWrap > div.customButtonArea > a {
border-radius:0;
margin-left:-3px;	
}

.checkbox label, .radio label {
font-size:14px;
}
.checkbox > label >label, .checkbox > label label  {
padding-left:0;
}
@media screen and (max-width:991px) {

.dropdown-submenu{
position:relative;
background: rgba(44,64,83,0.9);
}
.dropdown-submenu a {
border-top:1px solid #384f64 !important
}
.dropdown-submenu a, .dropdown-submenu a:hover{
padding-left:36px !important;
  

}
.dropdown-submenu.open > a, .dropdown-submenu.open > a:focus {
background:#2f4458;
}
.navbar-right{
border-color: rgba(255, 255, 255, 0.2) !important;
}
.dropdown-submenu>.dropdown-menu
{
left:0 !important;
background:#14212e !important;
right:0;
}
.dropdown-submenu > .dropdown-menu a {
padding-left:40px !important;
}
.header-bar .dropdown .dropdown-menu > li.dropdown-submenu > a
{
color: #fff !important;
}
.navbar-fixed-top .navbar-collapse.in {
/*background:#006a4d;*/
background-color:transparent;
overflow-y:hidden !important;
}

.navbar-fixed-top .navbar-collapse.in.navbarAdjust {
max-height:none !important;

}
.navbar-fixed-top .navbar-collapse.in.navbarAdjust .dropdown ul {
margin-bottom:1px;

}

.auto-height {
height:auto !important;
}


div.questionnaireWrapper {
width:100%;
overflow:hidden;	
}

div.questionBlock {
display:none;	
}

div.questionBlock:first-child {
display:block;
}

div.questionBlock p.text-danger {
position:static;
margin-bottom: 0;
text-align: center;	
}

.checkbox label, .radio label {
font-size: 15px;
}

.newBtn-container {
text-align:right;	
}

.newBtn-container > div {
display:inline-block;	
}

.newBtn-container > div > button {
font-size:12px;
margin-left:5px;
}
/*assesment css*/
.quest-filter 
{
margin-bottom:10px;
}

}

@media screen and (max-width:1000px) {
h2.successHead {
margin-top:0px;	
}
}

@media screen and (min-width:1000px) and (max-width:1200px) {
div.certificateWrap > div.certificate > div.certificateContent {
top:290px;	
}

div.certificateWrap > div.certificate > div.certificateContent > span.personName, div.certificateWrap > div.certificate > div.certificateContent > span.fromName {
font-size:20px;
margin-top:2px;	
}

div.certificateWrap > div.certificate > div.certificateContent > span.fromName+span {
margin-top: 20px;
}

div.certificateWrap > div.certificate > div.certificateContent > p {
font-size:30px;	
}
}

@media screen and (min-width:1100px) and (max-width:1200px) {
div.certificateWrap > div.certificate > div.certificateContent {
top:330px;	
}
}

@media screen and (min-width:300px) and (max-width:420px) {
div.certificateWrap > div.certificate > div.certificateContent {
top:45%;	
padding:0px;
}

div.certificateWrap > div.certificate > div.certificateContent > span {
font-size:50%;
margin-top:0px;
}

div.certificateWrap > div.certificate > div.certificateContent > span.personName,
div.certificateWrap > div.certificate > div.certificateContent > span.fromName,
div.certificateWrap > div.certificate > div.certificateContent > p {
font-size:60%;	
margin-bottom:0px;
}

div.certificateWrap > div.certificate > div.certificateContent > span.fromName+span {
margin-top: 5px;
}

div.certificateWrap > div.certificate > div.certificateContent > em {
font-size: 40%;
display: block;
}
}

@media screen and (min-width:420px) and (max-width:500px) {
div.certificateWrap > div.certificate > div.certificateContent {
top:45%;	
padding:0px;
}

div.certificateWrap > div.certificate > div.certificateContent > span {
font-size:60%;
margin-top:0px;
}

div.certificateWrap > div.certificate > div.certificateContent > span.personName,
div.certificateWrap > div.certificate > div.certificateContent > span.fromName,
div.certificateWrap > div.certificate > div.certificateContent > p {
font-size:75%;	
margin-bottom:0px;
}

div.certificateWrap > div.certificate > div.certificateContent > span.fromName+span {
margin-top: 12px;
}

div.certificateWrap > div.certificate > div.certificateContent > em {
font-size: 50%;
display: block;
}
}

@media screen and (min-width:500px) and (max-width:600px) {
div.certificateWrap > div.certificate > div.certificateContent {
top:45%;	
padding:0px;
}

div.certificateWrap > div.certificate > div.certificateContent > span {
font-size:80%;
margin-top:0px;
}

div.certificateWrap > div.certificate > div.certificateContent > span.personName,
div.certificateWrap > div.certificate > div.certificateContent > span.fromName,
div.certificateWrap > div.certificate > div.certificateContent > p {
font-size:90%;	
margin-bottom:0px;
}

div.certificateWrap > div.certificate > div.certificateContent > span.fromName+span {
margin-top: 12px;
}

div.certificateWrap > div.certificate > div.certificateContent > em {
font-size: 60%;
display: block;
}
}

@media screen and (min-width:600px) and (max-width:767px) {
div.certificateWrap > div.certificate > div.certificateContent {
top:45%;	
padding:0px;
}

div.certificateWrap > div.certificate > div.certificateContent > span {
font-size:100%;
margin-top:0px;
}

div.certificateWrap > div.certificate > div.certificateContent > span.personName,
div.certificateWrap > div.certificate > div.certificateContent > span.fromName,
div.certificateWrap > div.certificate > div.certificateContent > p {
font-size:112%;	
margin-bottom:0px;
}

div.certificateWrap > div.certificate > div.certificateContent > span.fromName+span {
margin-top: 20px;
}

div.certificateWrap > div.certificate > div.certificateContent > em {
font-size: 70%;
display: block;
}
}

@media screen and (min-width:680px) and (max-width:767px) {
div.certificateWrap > div.certificate > div.certificateContent > span.fromName+span {
margin-top: 30px;
}

div.certificateWrap > div.certificate > div.certificateContent > em {
font-size: 80%;
margin-top:10px;
}
}

@media screen and (min-width:768px) and (max-width:970px) {
div.certificateWrap > div.certificate > div.certificateContent {
top:50%;	
padding:0px;
}

div.certificateWrap > div.certificate > div.certificateContent > span {
font-size:115%;
margin-top:0px;
}

div.certificateWrap > div.certificate > div.certificateContent > span.personName,
div.certificateWrap > div.certificate > div.certificateContent > span.fromName,
div.certificateWrap > div.certificate > div.certificateContent > p {
font-size:125%;	
margin-bottom:0px;
}

div.certificateWrap > div.certificate > div.certificateContent > span.fromName+span {
margin-top: 30px;
}

div.certificateWrap > div.certificate > div.certificateContent > em {
font-size: 80%;
display: block;
margin-top:10px;
}
}


@media screen and (min-width:971px) and (max-width:1024px) {
div.certificateWrap > div.certificate > div.certificateContent {
top:50%;	
padding:0px;
}

div.certificateWrap > div.certificate > div.certificateContent > span {
font-size:125%;
margin-top:0px;
}

div.certificateWrap > div.certificate > div.certificateContent > span.personName,
div.certificateWrap > div.certificate > div.certificateContent > span.fromName,
div.certificateWrap > div.certificate > div.certificateContent > p {
font-size:150%;	
margin-bottom:0px;
}

div.certificateWrap > div.certificate > div.certificateContent > span.fromName+span {
margin-top: 30px;
}

div.certificateWrap > div.certificate > div.certificateContent > em {
font-size: 80%;
display: block;
margin-top:10px;
}
}

/*Modified and new styles - Mithun*/

.single-row/*new class - All Assets.aspx*/ .record-info{
padding:8px;
margin:0;
}

.add-doc-pnl/* added from Pulse connect css for AssetDetails.aspx */ {
margin-bottom: 15px;
}

.delete-icon i /* added from Pulse connect css for AssetDetails.aspx */{
font-size: 15px;		
color: #e41111;
}

.custom-form-sec .btn-container/* added from Pulse connect css for AssetDetails.aspx */ {
margin: 8px 0 15px 0;
}

.custom-form-sec .form-group /* added from Pulse connect css for AssetDetails.aspx */{
margin-bottom: 15px;
}

.work-request-table{ margin-bottom:15px;}

@media (max-width: 600px){
/*.workReqSearch{
margin-top:15px;
}*/
}
.information{padding:15px;} /* new class -  ContractorComplianceEdit.aspx */
.total{margin-left:5px;} /* new class -  ContractorComplianceEdit.aspx */
.null-padding{padding:0;}
.panel-body.incident-report{padding:0 15px;}
.incident-report .questionnare-container{padding:0;}
.incident-report .form-content{padding:15px 15px 0 15px;}
@media (min-width: 991px){
.form-content.null-leftpadding{padding-left:0 !important;}
}
.witness-table{ padding:0 15px 15px 15px;}



@media screen and (min-width:300px) and (max-width:767px) {
div.presentationWrap {
height:auto;	
}
	
div.presentationWrap > div.pBody > div.stage > h2.presentation-heading {
font-size:180%;	
}
	
div.presentationWrap > div.pBody > div.buttonArea {
width:auto;
position:static;	
}
ul.presentationList li {
list-style-type: disc;
margin-left: 10px;
  
}
.extraPopup
{
margin-left:10px;
	
}
.instructionLink ul {
    
padding-left: 10px;
float:none !important;
    
}
	

div.instructionLink > img {
   
margin-right: 10px;
}
/*	div.presentationWrap > div.pBody > div.buttonArea span {
display:none;	
}*/
	
div.presentationWrap > div.pBody > div.stage > figure > img {
		
width:100%;	
}
	
div.presentationWrap > div.pBody > div.stage > div.directions {
		
margin-top:30px;
}
	
div.presentationWrap > div.pBody > div.stage > div.directions > img {
float:none;
margin-bottom:30px;	
}
	
div.presentationWrap > div.pBody > div.stage > div.directions > p {
padding-left:0px;	
}
	
div.presentationWrap > div.pBody > div.stage > div.directions > p span.btn {
margin-bottom:5px;	
}
	
div.presentationWrap > div.pBody > div.stage > h2.empty {
display:none;	
}
	
div.animateDiv > * {
display: block;
}
div.presentationWrap > div.pBody > div.buttonArea span
{
font-size:14px;
}
.buttonArea .pull-left
{
margin-bottom:10px;
text-align:left;
}
div.presentationWrap > div.pBody > div.stage
{
min-height:auto;
}
}

@media screen and (min-width:500px) and (max-width:767px) {
/*div.presentationWrap > div.pBody > div.stage > figure > img {
width:80%;	
}*/
}

@media screen and (min-width:700px) and (max-width:767px) {
div.presentationWrap > div.pBody > div.stage > figure > img {
width:auto;
height:250px;
}
}
.new-wa
{
background-color: #a88add;
}
.overdue-wa {
background-color: #0cc2aa;
}
.pending-wa {
background-color: #fcc100;
}
.completed-wa {
background-color: #6cc788;
}

.hse-doc-pnl
{
background:#ebe9e9;
padding:2px 15px;
/*margin-bottom:8px;*/
cursor:pointer;
}
.hse-doc-pnl .doc-status
{
font-size:15px;
color:#1d2e3e;
}
.hse-doc-pnl .doc-status b
{
color:#333;
font-size:16px;
display:block;
margin:3px 0;
height:20px;
}
.hse-doc-pnl .status-circle
{
height: 32px;
width:32px;
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
-moz-border-radius: 50%;
border: 1px solid #c9cdd0;
display: inline-block;
line-height: 34px;
background:#fff;
position:absolute;
top:10px;
right:25px;
}
.hse-doc-pnl .status-circle i
{
font-size:15px;
	
}
.hse-doc-pnl ul li

{
margin-top:15px 10px;
padding:10px 8px;
font-size:14px;
background:#fff;
	
}

.hse-doc-container
{
padding:15px !important;
min-height:auto !important;
	
}
.hse-doc-container .alert
{
margin:10px 0 0 0 !important;
border:0;
padding:5px 0;

}
.quest-tablist p i
{
margin-right:8px !important;
border-radius:50%;
border:1px solid #b8b8b8;
width:22px;
height:22px;
line-height:22px;
text-align:center;
font-size:15px;
}
.quest-tablist p i.fa-check{
color:#3d871d;
	
}
.quest-tablist p i.fa-ellipsis-h{
color:#e06353;
	
}
.multiselect {
background: none !important;
padding: 0 !important;
text-align: left;
font-size: 13px !important;
color: #898989 !important;
}
.multiselect-container > li.active > a label, .dt-button-collection .dt-button {
background: #fff !important;
color:#1d2e3e !important;
border:0 !important;
}
.multiselect-container>li>a label:hover, .multiselect-container>li.active>a label:hover, .dt-button-collection .dt-button:hover {
background: #00a657 !important;
color:#fff !important;
}
.multiselect-container > li > a > label {
padding: 5px 20px 5px 35px !important;
}
.dataTables_scrollFootInner .dataTable{
border:0;
}
.multiselect-container > li > a {
white-space:normal;
}
.btn-group.open .dropdown-toggle {
box-shadow: none !important;
}
/*scroll top*/
.scrollup {
width: 38px;
height: 38px;
position: fixed;
bottom:30px;
right: 10px;
display: none;
z-index:100;
background:#1d2e3e;
border-radius:50%;
opacity:0.8;
}
.scrollup a {
display:block;
text-align:center;
color:#fff;
font-size:16px;
padding:7px;
}

.scrollup:hover {
opacity:1;
}
.dropdown-small, .dashboard-dropdown {
width: 100px;
height: 24px;
padding: 0 0 0 5px;
margin: 0 5px;
}
.detail-status {
display:inline-block;
margin-left:15px;
}
.hse-doc .list-table, .questionnare-container .quest-pnl, .documents-pnl .tab-container, .info-list {
overflow-y:auto;
overflow-x:hidden;

}
.tab-section .tab-container {
padding:15px 0;
}
.tab-section .msg-heading {
padding: 8px 15px;
}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
background-color: #91a8bd;
border-color: #2e6da4;
opacity:1;
}
.hiddenElm {
display:none !important;	
}

.fit {
display:block;
width:100% !important;	
}

.mt15 {
margin-top:15px;	
}

div.documentBlock {
background-color:#eee;
height:280px;
border:solid 1px #118d4f;
position:relative;	
}

div.documentHead {
height: 37px;
border-bottom: solid 1px #ddd;
}

div.documentHead h1 {
font-size: 16px;
font-weight: bold;
line-height: 37px;
color: #118D4F;
}

div.documentsGrid {
background-color:#fff;
height:195px;
overflow-y:scroll;
overflow-x:hidden;
}

div.documentsGrid table {
margin-bottom:0px;	
}

div.documentsGrid button.btn {
padding:1px 5px;
min-width:auto;
margin-left:4px;
}

div.documentActions {
margin-top:10px;
height:30px;	
}

div.documentUpload {
display:none;
background-color: #fff;
position:relative;	
}

div.documentUpload a.closeBtn {
position: absolute;
min-width: auto;
top: 10px;
right: 10px;
}

.spell-check-panel {
position:relative;
    
}

.spell-check-btn  {
position:absolute;
bottom:0;
right:0;
padding:2px 5px;
width:40px;
border-radius:0;

}
.spell-check-btn:hover, .spell-check-btn:active, .spell-check-btn:focus, .spell-check-btn {
   
background:#00a657 !important;
color:#fff;

   
}
.hide-scroll {
overflow:hidden;
}
.hint {
white-space:nowrap;
font-style:italic;
color:#aaa7a7;
position:relative;
left:-20px;
top:5px;
}
.first-level-menu a {
padding-left:34px !important;
}
.status-box-heading h4, .status-box .img-circle
{
display:inline-block;

}

.status-box-content h3 {
text-align:right;
position:absolute; 
top:10px;
right:30px;
font-size:18px;
}

.field-serach {
background:#e8efe6;
padding:5px 15px;
}
.field-serach h5 {
margin:5px 0;
border-bottom:1px solid #e3e3e3;
padding-bottom:8px;
font-weight:bold;
}

.field-serach .btn {
padding:5px 10px;
margin-left:-15px;
}

.highlight td {
background:#00a657 !important;
color:#fff !important;
}
.table-responsive.top-brdr-tbl {
border:1px solid #118d4f !important;
border-width:1px 0 0 0 !important;
   
}
.select-list {
width:100%;
}
.ovedue-items {
padding:10px;
}

.input-group-addon.calendar-icon {
position: relative !important;
}

.bootstrap-datetimepicker-widget {
z-index:30000;

}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .bootstrap-datetimepicker-widget table td span.active {
background-color:#006a4d !important;
text-shadow:none;
}

.image-frame {
width:100%;
height:300px;
overflow:hidden;
}

.image-frame-cont {
background-color:#ECE8E8;
padding:15px;
}

.image-frame-cont p {
text-align:justify;
font-size:14px;
}
.letter-filter {
 
padding:5px;
background:#d4e2d0;
border:solid #bfbfbf;
border-width:1px 1px 0 1px;
text-align:center;
 
}
.letter-filter .btn {
background-color: #00a657 !important;
margin:3px;
width:28px;
padding:5px;
}

.table-data {
border:1px solid #ccc;
margin:10px 0;
width:100%;
}
.table-data td {
padding:8px;
border-bottom:1px solid #ccc;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
opacity:0.7;
}

/*To fix auto zooming issue for IOS devices when focused on form controls*/
@media only screen and (max-device-width:568px) {
input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, input[type="search"]:focus, textarea:focus, select:focus, input[type="text"], input[type="password"], input[type="file"], input[type="search"], textarea, select  {
font-size:16px !important;
}
}
#SpellingBody {
background:#e3e3e3;

}
#SpellingBody .page-heading{
margin-bottom:10px;
}
.spell-check-tbl .btn-save {
line-height:normal;
margin-left:10px;
}
.spell-check-tbl td
{
padding:5px;
}
.spell-cont {
border:1px solid #ddd;
height:100%;
width:100%;
}
.spell-section {
background:#e8efe6;
padding:10px 15px  !important;
border-bottom: 1px solid #ddd;
}
input.suggestion, select.suggestion, select.suggestion option {
width: 100%;
}
.input-btn {
margin-left:5px !important;
border-radius:4px !important ;
}
.search-check-box {
margin-top:25px;
display:inline-block;
}
.general-notes-tbl {
display:table;
background-color: #d9edf7;
border: solid 1px #7ABDDE;
margin-bottom:15px;
width:100%;
}
.general-notes-col {
display:table-cell;
padding:10px 5px;

}
.general-notes-icon {
padding-left:10px;
width:20px;
}
.general-notes-icon i {
font-size:18px;
}
.general-notes-col li{
list-style-type:disc;
list-style-position:inside;
margin-top:3px;
}

.general-notes-col li:first-child {
margin-top:0;
}
/* editable grid css*/
.grid-textbox-small {
width:100px;
}
.grid-datebox {
width:140px;
}
.grid-textbox-big {
width:200px;
}
.grid-code-tbl {
display:table;
width:200px;
table-layout:fixed;
}
.grid-code-tbl .grid-code-cell {
vertical-align:middle;
display:table-cell;
}
.grid-code-tbl .grid-code-icon {
width:36px;
background:#676767;
border-radius:4px;
border-top-left-radius:0;
border-bottom-left-radius:0;
}

.grid-code-tbl .grid-code-cell .btn {
border-radius:0;
text-align:center;
padding-left:10px;
padding-right:10px;
}
.grid-code-tbl .grid-code-cell .btn i {
color:#fff;
}
.editable-grid-pager {
background:#fff;
padding:10px 15px;
border: 1px solid #c3c3c3;
}

.table-responsive.editable-grid .bootstrap-datetimepicker-widget {
position:relative;
}
.table-responsive.editable-grid .bootstrap-datetimepicker-widget table th {
background:none !important;
}
.left-margin-zero {
margin-left:0 !important;
}
.custom-listbox {
height:120px;
overflow:auto;
}
.grid-nodata {
padding: 8px;
border:1px solid #00a657;
border-width: 3px 1px 1px 1px;
background:#fff;
}
.input-group-btn .btn-primary {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.grid-tiltle {
margin-bottom: 5px;
font-size: 16px;
  
}
.group td {
background:#e8f3e5;
}
.completion-pnl p {
margin-bottom:10px;
color:#1d2e3e;
}
.completion-pnl .checkbox input{
margin-left:0;
}
.completion-pnl .checkbox label{
padding-left:20px;
}
.ipad-crop-issue-panel {
margin-right:-14px;
}

.chkbox-table-wrap .custom-chkbox span {
display: table;
}

.chkbox-table-wrap .custom-chkbox input, .chkbox-table-wrap .custom-chkbox label {
display: table-cell;
}

.cke_wrapper {
overflow:auto !important;
}

.navbarAdjust
{
padding-bottom:80px;
}

.grid-datebox .bootstrap-datetimepicker-widget.dropdown-menu {
top:10px !important;
} 
.chart-loader-pnl {
position:absolute !important;
}

.navbar-fixed-top .navbar-collapse 
{
max-height:none !important;
}


/* custom slider */
.custom-gallery-thumbnail 
{
    display:inline-block;
    margin-right:5px;
    margin-bottom:10px;
}

.custom-gallery-thumbnail > img
{
    display:block;
    height: 73px;
    background-color: #fff;
    padding: 3px;
    border: solid 1px #1d2e3e;
    cursor:pointer;
}

.custom-gallery-thumbnail > a.delete-icon
{
    display:block;
    text-align: center;
    background-color: #ff5151;
    padding: 3px;
    cursor:pointer;
}
.custom-gallery-thumbnail > a.delete-icon > i
{
    color: #fff;
}

.custom-gallery-thumbnail-holder 
{
    display:inline-block;
}

.common-inspection-panel .browse-input-holder,
.common-inspection-panel .image-add-btn-holder 
{
    display:inline-block;
    min-height:60px;
}

.gallery-slider-mask {
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height: inherit;
    background-color: rgba(0,0,0,0.5);
    z-index: 2000;
}

.gallery-slider-custom {
    max-width: 730px;
    width:auto;
    height: 500px;
    position: absolute;
    left: 50%;
    margin-left: -365px;
    top: 50%;
    margin-top: -250px;
}

.gallery-slider-custom ul {
    height: inherit;
    overflow: hidden;
    width: inherit;
    text-align: center;
}

.gallery-slider-custom ul li {
    width: auto;
    height: 100%;
    max-width: 100%;
    background-color: #fff;
    padding: 20px;
    display: none;
}

.gallery-slider-custom ul li img {
    height: inherit;
    max-width:100%;
}

.gallery-slider-custom > a {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    background-color: #fff;
    color: #333;
    padding: 3px 18px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    font-size: 28px;
    cursor:pointer;
}

.gallery-slider-custom > a.prev-slide 
{
    left:0px;
}

.gallery-slider-custom > a.next-slide 
{
    right:0px;
}

.gallery-slider-custom > a.close-slide {
    top: 20px;
    right: 0px;
    padding: 3px 9px;
    background-color: #ff7373;
    color: #fff;
    border: solid 3px;
    font-size: 20px;
}

@media (max-width:767px) 
{
    .gallery-slider-custom 
    {
        width: 90% !important;
        left: 5%;
        margin-left: 0px !important;
        height: 300px;
        margin-top: -150px;
    }
    
    .gallery-slider-custom ul,
    .gallery-slider-custom ul li
    {
        width:100%;
    }
    
    .gallery-slider-custom ul li img {
        max-height: 100%;
        max-width: 100%;
        height:auto;
    }
    
    .gallery-slider-custom > a.close-slide 
    {
        right: -10px;
    }
    
    .audit-bottom-button-section a.btn
    {
        margin-bottom:10px;
    }
}

@media (max-width:340px) 
{
    .gallery-slider-custom 
    {
        width: 80% !important;
        height: 250px;
    }
}
 
 
.btn-link.btn-download {
    margin-right: 10px;
}

.padding-right-adjust {
    padding-right: 2px;
}

.padding-left-adjust {
    padding-left: 2px;
}

.padding-right-adjust .form-group 
{
    margin-bottom:0px;
}

span#MainContentPlaceHolder_PageTitleLabel {
    display: block;
    text-align: center;
    color: #fff !important;
}
.or-field {
    text-align: center;
    padding-top: 20px;
    margin-top: 15px;
    border-top: solid 1px #cecece;
    position: relative;  
}

.or-field > div {
    float: none;
    display: inline-block;
}

.or-field > div .or-label {
    position: absolute;
    top: -34px;
    left: 50%;
    width: 50px;
    margin-left: -25px;
    height: 28px;
    line-height: 28px;
    font-weight: bold;
    background-color: #fff;
}
.numberCircle {
    font-size: 18px;
    font-weight: bolder;
    width: 4em;
    height: 4em;
    box-sizing: initial;
    background: #fff;
    border: 0.3em solid #006A4D;
    color: black;
    text-align: center;
    border-radius: 50%;
    line-height: 4em;
    box-sizing: content-box;
}

.heading_icons {
    font-size: 18px;
    color: #006A4D;
    padding: 0px !important
}

.WAAlign {
    font-size: 13.5px;
    padding: 3px !important;
}
