@charset "UTF-8";

.icon-action-notification, .icon-asb, .icon-asb-2x, .icon-asb-4x, .icon-bio, .icon-bio-2x, .icon-bio-4x, .icon-chm, .icon-chm-2x, .icon-chm-4x, .icon-cry, .icon-cry-2x, .icon-cry-4x, .icon-cse, .icon-cse-2x, .icon-cse-4x, .icon-default, .icon-default-2x, .icon-default-4x, .icon-ele, .icon-ele-2x, .icon-ele-4x, .icon-env, .icon-env-2x, .icon-env-4x, .icon-erg, .icon-erg-2x, .icon-erg-4x, .icon-fal, .icon-fal-2x, .icon-fal-4x, .icon-fir, .icon-fir-2x, .icon-fir-4x, .icon-gas, .icon-gas-2x, .icon-gas-4x, .icon-hcr, .icon-hcr-2x, .icon-hcr-4x, .icon-hcs, .icon-hcs-2x, .icon-hcs-4x, .icon-hze, .icon-hze-2x, .icon-hze-4x, .icon-info-notification, .icon-las, .icon-las-2x, .icon-las-4x, .icon-lea, .icon-lea-2x, .icon-lea-4x, .icon-nir, .icon-nir-2x, .icon-nir-4x, .icon-noi, .icon-noi-2x, .icon-noi-4x, .icon-pen, .icon-pen-2x, .icon-pen-4x, .icon-pit, .icon-pit-2x, .icon-pit-4x, .icon-prs, .icon-prs-2x, .icon-prs-4x, .icon-qua, .icon-qua-2x, .icon-qua-4x, .icon-rad, .icon-rad-2x, .icon-rad-4x, .icon-shp, .icon-shp-2x, .icon-shp-4x, .icon-ste, .icon-ste-2x, .icon-ste-4x, .icon-wel, .icon-wel-2x, .icon-wel-4x, .icon-wmg, .icon-wmg-2x, .icon-wmg-4x {display: inline-block; zoom: 0; }
fieldset, hr {padding: 0; border: 0; }

table, td, tr {page-break-after: auto; }

.clearfix:after, .modal-footer:after, .nav:after, .navbar:after, .tabbable:after {clear: both; }
.align-matrix-item, .badge, .flobtn, img {vertical-align: middle; }
button, html, input, select, textarea {color: #222; }
select [disabled] {color: #ccc}
a:active, a:focus, a:hover {outline: 0; }
::-moz-selection {text-shadow: none; background: #b3d4fc; }
input::-moz-focus-inner {border: 0; }
::selection {text-shadow: none; background: #b3d4fc; }
hr {display: block; height: 1px; margin: 1em 0; border-top: 1px solid #ccc; }
fieldset {margin: 0;}
textarea {resize: vertical;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: Lato, Helvetica, Arial, sans-serif!important; }
.chromeframe{padding: .2em 0; margin: .2em 0; color: #000; background: #ccc; }
.highlight {margin-top: 30px; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -o-user-select: text; user-select: text; }
.highlight pre {padding: 0;}
.section-block {margin: 50px 0;}

/*---Fonts---*/
@font-face {font-family: Lato; font-style: normal; font-weight: 900; src: url(../fonts/lato/lato-black-webfont.eot); src: url(../fonts/lato/lato-black-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/lato/lato-black-webfont.ttf) format('truetype'), url(../fonts/lato/lato-black-webfont.svg#latoblack) format('svg'); }
@font-face {font-family: Lato; font-style: normal; font-weight: 700; src: url(../fonts/lato/lato-bold-webfont.eot); src: url(../fonts/lato/lato-bold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/lato/lato-bold-webfont.ttf) format('truetype'), url(../fonts/lato/lato-bold-webfont.svg#latobold) format('svg'); }
@font-face {font-family: Lato; font-style: italic; font-weight: 700; src: url(../fonts/lato/lato-bolditalic-webfont.eot); src: url(../fonts/lato/lato-bolditalic-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/lato/lato-bolditalic-webfont.ttf) format('truetype'), url(../fonts/lato/lato-bolditalic-webfont.svg#latobold_italic) format('svg'); }
@font-face {font-family: Lato; font-style: italic; font-weight: 400; src: url(../fonts/lato/lato-italic-webfont.eot); src: url(../fonts/lato/lato-italic-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/lato/lato-italic-webfont.ttf) format('truetype'), url(../fonts/lato/lato-italic-webfont.svg#latoitalic) format('svg'); }
@font-face {font-family: Lato; font-style: normal; font-weight: 300; src: url(../fonts/lato/lato-light-webfont.eot); src: url(../fonts/lato/lato-light-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/lato/lato-light-webfont.ttf) format('truetype'), url(../fonts/lato/lato-light-webfont.svg#latolight) format('svg'); }
@font-face {font-family: Lato; font-style: normal; font-weight: 400; src: url(../fonts/lato/lato-regular-webfont.eot); src: url(../fonts/lato/lato-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/lato/lato-regular-webfont.ttf) format('truetype'), url(../fonts/lato/lato-regular-webfont.svg#latoregular) format('svg'); }
@font-face{font-family: OpenSans; font-style: normal; font-weight: 400; src: url(../fonts/openSans/OpenSans-Regular.eot); src: url(../fonts/openSans/OpenSans-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/openSans/OpenSans-Regular.ttf) format('truetype'), url(../fonts/openSans/OpenSans-Regular.svg#opensansregular) format('svg'); }
@font-face{font-family: OpenSans; font-style: normal; font-weight: 700; src: url(../fonts/openSans/OpenSans-Bold.eot); src: url(../fonts/openSans/OpenSans-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/openSans/OpenSans-Bold.ttf) format('truetype'), url(../fonts/openSans/OpenSans-Bold.svg#opensansbold) format('svg'); }
/*---End Fonts---*/

.pace {-webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.pace .pace-progress {position: fixed; top: 0; left: 0; z-index: 2000; display: block; height: 5px; pointer-events: none; background: #1abc9c; -webkit-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); -webkit-transition: -webkit-transform .3s, width 1s; -moz-transition: width 1s; transition: transform .3s, width 1s; }
.pace.pace-active .pace-progress {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
i.fa {font-family: FontAwesome!important; }


.text-orange {color: #ef7824; }
.text-green, a.text-green {color: #32b895; }
a.text-green:hover, a.text-green:hover i {color: #1d9072; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {text-transform: uppercase; }
.h1, .h2, .h3, .h4, .h5, .h6, .regular-table, h1, h2, h3, h4, h5, h6 {font-family: Lato, Helvetica, Arial, sans-serif;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, ul {padding: 0; margin: 0; }
.h1, h1 {font-size: 27px; }
.h2, h2 {font-size: 23px; }
.h3, h3 {font-size: 18px; }
.h4, h4 {font-size: 15px; }
.h5, h5 {font-size: 13px; }
.h6, h6 {font-size: 11px; }

.text-red {color: #e90000; }
.text-dark-blue {color: #063959; }
.text-gray {color: #999; }
.text-dark-gray {color: #666; }
.text-dark-gray:hover {color: #242021; }
.text-lightblue {color: #acc1c6; }
.text-black {color: #000; }
.text-white {color: #fff!important; }
.icon-green {color: #64ac02; }
.icon-orange {color: #eb811d; }



a {text-decoration: none!important; cursor: pointer; }
small {font-size: 12px; }
.bold {font-weight: 700; }
.normal {font-weight: 400; }
.underline {text-decoration: underline !important; }
.print-font-size {font-size: 17px; }
ul li {list-style: none; }
.green-row {width: 25px; height: 2px; margin-left: 0; text-align: left; background-color: #1cbb9b; }

/*--Margins & Padding Gloabal Classes--*/
.margin-top-0      {margin-top:    0!important; }
.margin-top-5      {margin-top:    5px!important; }
.margin-top-10     {margin-top:    10px!important; }
.margin-top-15     {margin-top:    15px!important; }
.margin-top-20     {margin-top:    20px!important; }
.margin-top-30     {margin-top:    30px!important; }
.margin-top-40     {margin-top:    40px!important; }
.margin-top-50     {margin-top:    50px!important; }
.margin-top-60     {margin-top:    60px!important; }
.margin-top-70     {margin-top:    70px!important; }
.margin-top-80     {margin-top:    80px!important; }
.margin-top-90     {margin-top:    90px!important; }
.margin-top-100    {margin-top:    100px!important; }
.margin-bottom-0   {margin-bottom: 0!important; }
.margin-bottom-5   {margin-bottom: 5px !important; }
.margin-bottom-10  {margin-bottom: 10px!important; }
.margin-bottom-15  {margin-bottom: 15px!important; }
.margin-bottom-20  {margin-bottom: 20px!important; }
.margin-bottom-30  {margin-bottom: 30px!important; }
.margin-bottom-40  {margin-bottom: 40px!important; }
.margin-bottom-50  {margin-bottom: 50px!important; }
.margin-bottom-60  {margin-bottom: 60px!important; }
.margin-bottom-70  {margin-bottom: 70px!important; }
.margin-bottom-80  {margin-bottom: 80px!important; }
.margin-bottom-90  {margin-bottom: 90px!important; }
.margin-bottom-100 {margin-bottom: 100px!important; }
.padding-top-0     {padding-top: 0!important; }
.padding-top-5     {padding-top: 5px!important; }
.padding-top-10    {padding-top: 10px!important; }
.padding-top-15    {padding-top: 15px!important; }
.padding-top-20    {padding-top: 20px!important; }
.padding-top-30    {padding-top: 30px!important; }
.padding-top-40    {padding-top: 40px!important; }
.padding-top-50    {padding-top: 50px!important; }
.padding-top-60    {padding-top: 60px!important; }
.padding-top-70    {padding-top: 70px!important; }
.padding-top-80    {padding-top: 80px!important; }
.padding-top-90    {padding-top: 90px!important; }
.padding-top-100   {padding-top: 100px!important; }
.padding-right-0 {padding-right: 0!important; }
.padding-right-5 {padding-right: 5px!important; }
.padding-right-10 {padding-right: 10px!important; }
.padding-right-15 {padding-right: 15px!important; }
.padding-right-20 {padding-right: 20px!important; }
.padding-right-30 {padding-right: 30px!important; }
.padding-right-40 {padding-right: 40px!important; }
.padding-right-50 {padding-right: 50px!important; }
.padding-right-60 {padding-right: 60px!important; }
.padding-right-70 {padding-right: 70px!important; }
.padding-right-80 {padding-right: 80px!important; }
.padding-right-90 {padding-right: 90px!important; }
.padding-right-100 {padding-right: 100px!important; }
.padding-bottom-0 {padding-bottom: 0!important; }
.padding-bottom-5 {padding-bottom: 5px!important; }
.padding-bottom-10 {padding-bottom: 10px!important; }
.padding-bottom-15 {padding-bottom: 15px!important; }
.padding-bottom-20 {padding-bottom: 20px!important; }
.padding-bottom-30 {padding-bottom: 30px!important; }
.padding-bottom-40 {padding-bottom: 40px!important; }
.padding-bottom-50 {padding-bottom: 50px!important; }
.padding-bottom-60 {padding-bottom: 60px!important; }
.padding-bottom-70 {padding-bottom: 70px!important; }
.padding-bottom-80 {padding-bottom: 80px!important; }
.padding-bottom-90 {padding-bottom: 90px!important; }
.padding-bottom-100 {padding-bottom: 100px!important; }
.padding-left-0 {padding-left: 0!important; }
.padding-left-5 {padding-left: 5px!important; }
.padding-left-10 {padding-left: 10px!important; }
.padding-left-15 {padding-left: 15px!important; }
.padding-left-20 {padding-left: 20px!important; }
.padding-left-30 {padding-left: 30px!important; }
.padding-left-40 {padding-left: 40px!important; }
.padding-left-50 {padding-left: 50px!important; }
.padding-left-60 {padding-left: 60px!important; }
.padding-left-70 {padding-left: 70px!important; }
.padding-left-80 {padding-left: 80px!important; }
.padding-left-90 {padding-left: 90px!important; }
.padding-left-100 {padding-left: 100px!important; }
/*--End Margins & Padding Gloabal Classes--*/


.table td {min-width : 200px; max-width:210px }
.table td input[type=text] {min-width: 200px;}
.table td select {width: 100%; /*height: 35px;*/ max-width:200px; min-width: 150px; margin-top:5px; }
.regular-table { margin-right: 10px;margin-left: 10px;}
.regular-table .table-header .row {padding: 5px 0;background-color: #eaebed;border-bottom: 2px solid #dedede;}
.regular-table .table-header .row a {font-weight: 700;color: #231f20;text-transform: uppercase;}
.regular-table .table-header .row a:hover {color: #053a5a;text-decoration: none;}
.regular-table .table-header .row a i {padding-left: 5px;}
.regular-table .table-body > .row {min-height: 50px;padding: 10px 0 0;background-color: #fff;border-bottom: 2px solid #e5e5e5;}
.regular-table .table-body > .row:hover, .regular-table .table-body-stripped > .row:nth-of-type(odd):hover {background-color: #fafafa;}

.regular-table .table-body-stripped .row {padding: 5px 0;border-bottom: 1px solid #e5e5e5;}
.regular-table .table-body-stripped .row:nth-of-type(odd) {background: #fafafa;}
.regular-table .table-body-scroll .row-item {min-height: 50px;padding: 20px 0 0;background-color: #fff;border-bottom: 1px solid #e5e5e5;}
.regular-table .table-body-scroll .row-item:hover {background-color: #fafafa;}
.regular-table .table-body-scroll .row-item hr {width: 20px;height: 2px;background: #e5e5e5;border: 0;}
/*table header inside table body*/
.regular-table .table-body .regular-table .table-header .row {padding: 5px 0;background-color: #eaebed;border-bottom: 2px solid #dedede;min-height: auto;}
.regular-table .table-body .regular-table .table-header .row a {font-weight: 700;color: #231f20;text-transform: uppercase;}
.regular-table .table-body .regular-table .table-header .row a:hover {color: #053a5a;text-decoration: none;}
.regular-table .table-body .regular-table .table-header .row a i {padding-left: 5px;}
/*table header inside table body*/

.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {border-top-color: #00365b;border-width: 10px 10px 0;}

.regular-table .table-body-scroll .row-item p {padding: 3px 0; margin: 0; }
.regular-table .table-body-scroll .row-item .squaredCheckbox {float: right; width: 0!important; margin: 5px 0 0!important; }
.regular-table .table-body-scroll .row-item .icon-1 {margin-top: 8px!important;}
.regular-table .table-body-scroll .row-item-news {padding: 5px 10px 5px 0;border-bottom: 0;}
.regular-table .table-body-scroll .row-item-news h5 a {color: #062c3f!important;}
.regular-table .table-body-scroll .row-item-news h5 a:hover {color: #1d9072!important;}
.regular-table .table-body-scroll .viewport-portal-page {height: 480px!important; -webkit-box-shadow: inset 0 -20px 25px 1px #ededed; -moz-box-shadow: inset 0 -20px 25px 1px #ededed; box-shadow: inset 0 -20px 25px 1px #ededed; }
.regular-table .table-body-scroll .viewport-portal-page .row-item {background-color: transparent!important; }
.regular-table .table-body-scroll .viewport-portal-page .row-item:hover {background-color: #fafafa!important; }
.regular-table .table-body-scroll .viewport-portal-page .row-item-my-activities {padding: 10px!important; }
.regular-table .table-body-scroll .viewport-portal-page .popover {position: fixed!important; }
.regular-table .table-body-scroll .viewport {position: relative; height: 330px; overflow: hidden; }
.regular-table .table-body-scroll .viewport-assing-workes {position: relative; height:60vh; overflow: hidden; }
.regular-table .table-body-scroll .overview {position: relative; top: 0; left: 0; padding: 0; margin: 0; list-style: none; }
.regular-table .table-body-scroll .scrollbar {position: relative; float: right; width: 15px; background: url(Images/bg-scrollbar-track-y.png) no-repeat; }


.hazard-locations-column, .label-column {float: left; }

.regular-table .table-body-scroll .track {position: relative; width: 13px; height: 100%; padding: 0 1px; background: url(Images/bg-scrollbar-trackend-y.png) 0 100% no-repeat; }
.regular-table .table-body-scroll .thumb {position: absolute; top: 0; left: -5px; width: 25px; height: 20px; overflow: hidden; cursor: pointer; background: url(Images/bg-scrollbar-thumb-y.png) 50% 100% no-repeat; }
.regular-table .table-body-scroll .thumb .end {width: 25px; height: 5px; overflow: hidden; background: url(Images/bg-scrollbar-thumb-y.png) 50% 0 no-repeat; }
.regular-table .table-body-scroll .disable {display: none; }
.regular-table .table-body-scroll .noSelect { -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; }

#follow-me-basket .noSelect, .regular-table .table-body-scroll .noSelect { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; }

.regular-table .portlet-content .row {min-height: 65px; padding: 5px 0 0; }
.regular-table .portlet-content .row a {color: #242021;text-decoration: none;}
.regular-table .portlet-content .row p {line-height: 12px;text-transform: capitalize;}
.table-body-stripped thead.table-header th {padding: 5px;background-color: #eaebed;border-bottom: 2px solid #dedede;}
.table-body-stripped thead.table-header th a {font-weight: 700;color: #231f20;text-transform: uppercase;}
.table-body-stripped thead.table-header th a:hover {color: #053a5a;text-decoration: none;}
.table-body-stripped thead.table-header th a i {padding-left: 5px;}
.table-body-stripped tr.row {padding: 15px;border-bottom: 1px solid #e5e5e5;}
.table-body-stripped tr.row:nth-of-type(odd) {background: #fafafa;}
.table-body-stripped tr.row:nth-of-type(odd):hover {background-color: #fafafa;}


.activity-item {padding: 5px 0; font-weight: 700; color: #fff; text-align: center; text-transform: uppercase; background-color: #999; }
.activity-item p {font-family: Lato; font-size: 11px; font-weight: 700; }

.btn, .tooltip, input, textarea {font-family: Lato, Helvetica, Arial, sans-serif; }

.activity-underdev {background-color: #f9ba43; }
.activity-inreview {background-color: #f16725; }
.activity-approved {background-color: #178cd1; }
.activity-collaboration {background-color: #815594; }

.toolbar {text-align: right; }
.toolbar .fa-bars:hover {cursor: move; }
.toolbar a {margin-left: 5px; color: #a5a8ab; }
.toolbar a:hover i {color: #00365b; }
.toolbar a:hover i.fa-inverse {color: #fff; }
.toolbar a.active i {color: #2baae1; }
.toolbar a.active i.fa-inverse {color: #fff; }
.toolbar a.flagged i {color: #fca603; }
.toolbar a:hover.flagged i {color: #00365b; }
.toolbar a.flagged i.fa-inverse {color: #fff; }
.toolbar a.text-orange i {color: #ef7824; }
.toolbar a.text-orange:hover i {color: #d47029; }
.toolbar-left {text-align: left; }
.toolbar-left a {color: #a5a8ab; }
.toolbar-left a:hover i {color: #00365b; }
.toolbar-left a:hover i.fa-inverse {color: #fff; }

.page-tools {margin: 20px 0; }
.disable-control-row {color: #aac2c6; }
.hazard-locations-matrix {width: 100%}

.hazard-locations-matrix ul {padding: 0; margin: 0; }

.hazard-locations-matrix ul li {display: table; height: 50px; margin: 2px 0; text-align: center; background: #d2d6d9; }
.align-matrix-item {display: table-cell; }
.label-column ul li {width: 100%!important; max-height: 50px!important; padding: 5px; }
.label-column-title {color: #fff; background: #00c59a!important; }
.hazard-locations-column ul {display: inline-block; }
.hazard-locations-column ul li {width: 129px; background: #ebf1f1; }
.hazard-location-matrix-controls li {margin-left: 30px!important; background: 0 0!important; }
.col-no-padding {padding: 0!important; }
td, tr {page-break-inside: avoid; }
th {padding: 5px 15px; }
thead {display: table-header-group; }
.table-header-col-1 {width: 8.3333%}
.table-header-col-2 {width: 16.6666%}
.table-header-col-3 {width: 25%}
.table-header-col-4 {width: 33.3333%}
.table-header-col-5 {width: 41.6%}
.table-header-col-6 {width: 50%}
.table-header-col-7 {width: 58.3333%}
.table-header-col-8 {width: 66.6666%}
.table-header-col-9 {width: 75%}
.table-header-col-10 {width: 83.3333%}
.table-header-col-12 {width: 100%}

.activity-summary-sow {text-align: justify!important; }

.hazard-editrow {padding: 10px 30px; background-color: #fff!important; -webkit-box-shadow: inset 0 0 10px silver; -moz-box-shadow: inset 0 0 10px silver; box-shadow: inset 0 0 10px silver; }
.hazard-editrow hr {width: 100px; }
.hazard-editrow .regular-table .table-header .row {min-height: auto !important; background-color: #eaebed!important; border-bottom: 2px solid #dedede; }
.hazard-editrow .regular-table .table-header .row a {font-size: 12px!important; }
.hazard-editrow .regular-table .table-body .row {min-height: 60px; }
.hazard-editrow .regular-table .table-body .row .combo-box {padding: 0; margin: -5px 0 0; }
.hazard-editrow .regular-table .table-body .row .input-sm {height: 40px; }
.hazard-editrow .elements-listing .row {background-color: transparent!important; border-bottom: 0!important; }
.hazard-editrow .elements-listing .single-item .row {min-height: 10px!important; }
.hazard-editrow .elements-listing .panel .row {min-height: 0!important; }
.hazard-editrow .elements-listing .panel hr {margin: 10px 0 5px; }
.hazard-editrow .elements-listing .panel .table td {width: auto!important; }
.hazard-editrow .elements-listing .panel .table td input[type=text], .hazard-editrow .elements-listing .panel .table td select {min-width: 10px!important; }
.hazard-editrow .elements-listing .panel .table .col-lg-1, .hazard-editrow .elements-listing .panel .table .col-lg-10, .hazard-editrow .elements-listing .panel .table .col-lg-11, .hazard-editrow .elements-listing .panel .table .col-lg-12, .hazard-editrow .elements-listing .panel .table .col-lg-2, .hazard-editrow .elements-listing .panel .table .col-lg-3, .hazard-editrow .elements-listing .panel .table .col-lg-4, .hazard-editrow .elements-listing .panel .table .col-lg-5, .hazard-editrow .elements-listing .panel .table .col-lg-6, .hazard-editrow .elements-listing .panel .table .col-lg-7, .hazard-editrow .elements-listing .panel .table .col-lg-8, .hazard-editrow .elements-listing .panel .table .col-lg-9, .hazard-editrow .elements-listing .panel .table .col-md-1, .hazard-editrow .elements-listing .panel .table .col-md-10, .hazard-editrow .elements-listing .panel .table .col-md-11, .hazard-editrow .elements-listing .panel .table .col-md-12, .hazard-editrow .elements-listing .panel .table .col-md-2, .hazard-editrow .elements-listing .panel .table .col-md-3, .hazard-editrow .elements-listing .panel .table .col-md-4, .hazard-editrow .elements-listing .panel .table .col-md-5, .hazard-editrow .elements-listing .panel .table .col-md-6, .hazard-editrow .elements-listing .panel .table .col-md-7, .hazard-editrow .elements-listing .panel .table .col-md-8, .hazard-editrow .elements-listing .panel .table .col-md-9, .hazard-editrow .elements-listing .panel .table .col-sm-1, .hazard-editrow .elements-listing .panel .table .col-sm-10, .hazard-editrow .elements-listing .panel .table .col-sm-11, .hazard-editrow .elements-listing .panel .table .col-sm-12, .hazard-editrow .elements-listing .panel .table .col-sm-2, .hazard-editrow .elements-listing .panel .table .col-sm-3, .hazard-editrow .elements-listing .panel .table .col-sm-4, .hazard-editrow .elements-listing .panel .table .col-sm-5, .hazard-editrow .elements-listing .panel .table .col-sm-6, .hazard-editrow .elements-listing .panel .table .col-sm-7, .hazard-editrow .elements-listing .panel .table .col-sm-8, .hazard-editrow .elements-listing .panel .table .col-sm-9, .hazard-editrow .elements-listing .panel .table .col-xs-1, .hazard-editrow .elements-listing .panel .table .col-xs-10, .hazard-editrow .elements-listing .panel .table .col-xs-11, .hazard-editrow .elements-listing .panel .table .col-xs-12, .hazard-editrow .elements-listing .panel .table .col-xs-2, .hazard-editrow .elements-listing .panel .table .col-xs-3, .hazard-editrow .elements-listing .panel .table .col-xs-4, .hazard-editrow .elements-listing .panel .table .col-xs-5, .hazard-editrow .elements-listing .panel .table .col-xs-6, .hazard-editrow .elements-listing .panel .table .col-xs-7, .hazard-editrow .elements-listing .panel .table .col-xs-8, .hazard-editrow .elements-listing .panel .table .col-xs-9 {padding: 0 5px 0 0; }

.control-editrow {padding: 10px 30px; background-color: #fff!important; -webkit-box-shadow: inset 0 0 10px silver; -moz-box-shadow: inset 0 0 10px silver; box-shadow: inset 0 0 10px silver; }
.control-editrow hr {width: 100px; }
.control-editrow .regular-table .table-header .row {min-height: auto !important; background-color: #eaebed!important; border-bottom: 2px solid #dedede; }
.control-editrow .regular-table .table-header .row a {font-size: 12px!important; }
.control-editrow .regular-table .table-body .row {min-height: 60px; }
.control-editrow .regular-table .table-body .row .combo-box {padding: 0; margin: -5px 0 0; }
.control-editrow .regular-table .table-body .row .input-sm {height: 40px; }
.control-editrow .elements-listing .row {background-color: transparent!important; border-bottom: 0!important; }
.control-editrow .elements-listing .single-item .row {min-height: 10px!important; }
.control-editrow .elements-listing .panel .row {min-height: 0!important; }
.control-editrow .elements-listing .panel hr {margin: 10px 0 5px; }
.control-editrow .elements-listing .panel .table td {width: auto!important; }
.control-editrow .elements-listing .panel .table td input[type=text], .control-editrow .elements-listing .panel .table td select {min-width: 10px!important; }
.control-editrow .elements-listing .panel .table .col-lg-1, .control-editrow .elements-listing .panel .table .col-lg-10, .control-editrow .elements-listing .panel .table .col-lg-11, .control-editrow .elements-listing .panel .table .col-lg-12, .control-editrow .elements-listing .panel .table .col-lg-2, .control-editrow .elements-listing .panel .table .col-lg-3, .control-editrow .elements-listing .panel .table .col-lg-4, .control-editrow .elements-listing .panel .table .col-lg-5, .control-editrow .elements-listing .panel .table .col-lg-6, .control-editrow .elements-listing .panel .table .col-lg-7, .control-editrow .elements-listing .panel .table .col-lg-8, .control-editrow .elements-listing .panel .table .col-lg-9, .control-editrow .elements-listing .panel .table .col-md-1, .control-editrow .elements-listing .panel .table .col-md-10, .control-editrow .elements-listing .panel .table .col-md-11, .control-editrow .elements-listing .panel .table .col-md-12, .control-editrow .elements-listing .panel .table .col-md-2, .control-editrow .elements-listing .panel .table .col-md-3, .control-editrow .elements-listing .panel .table .col-md-4, .control-editrow .elements-listing .panel .table .col-md-5, .control-editrow .elements-listing .panel .table .col-md-6, .control-editrow .elements-listing .panel .table .col-md-7, .control-editrow .elements-listing .panel .table .col-md-8, .control-editrow .elements-listing .panel .table .col-md-9, .control-editrow .elements-listing .panel .table .col-sm-1, .control-editrow .elements-listing .panel .table .col-sm-10, .control-editrow .elements-listing .panel .table .col-sm-11, .control-editrow .elements-listing .panel .table .col-sm-12, .control-editrow .elements-listing .panel .table .col-sm-2, .control-editrow .elements-listing .panel .table .col-sm-3, .control-editrow .elements-listing .panel .table .col-sm-4, .control-editrow .elements-listing .panel .table .col-sm-5, .control-editrow .elements-listing .panel .table .col-sm-6, .control-editrow .elements-listing .panel .table .col-sm-7, .control-editrow .elements-listing .panel .table .col-sm-8, .control-editrow .elements-listing .panel .table .col-sm-9, .control-editrow .elements-listing .panel .table .col-xs-1, .control-editrow .elements-listing .panel .table .col-xs-10, .control-editrow .elements-listing .panel .table .col-xs-11, .control-editrow .elements-listing .panel .table .col-xs-12, .control-editrow .elements-listing .panel .table .col-xs-2, .control-editrow .elements-listing .panel .table .col-xs-3, .control-editrow .elements-listing .panel .table .col-xs-4, .control-editrow .elements-listing .panel .table .col-xs-5, .control-editrow .elements-listing .panel .table .col-xs-6, .control-editrow .elements-listing .panel .table .col-xs-7, .control-editrow .elements-listing .panel .table .col-xs-8, .control-editrow .elements-listing .panel .table .col-xs-9 {padding: 0 5px 0 0; }


.affix {top: 140px; width: inherit; width: 255px; }
.affix-bottom {position: absolute; top: auto; bottom: 200px; width: inherit; }

#follow-me-basket .panel {max-height: 300px; min-width: 300px; }
#follow-me-basket .viewport {position: relative; max-height: 270px; overflow: hidden; }
#follow-me-basket .overview {position: relative; top: 0; left: 0; padding: 0; margin: 0; list-style: none; }

.form-control, label {margin-bottom: 5px; }

#follow-me-basket .scrollbar {position: relative; float: right; width: 15px; background: url(Images/bg-scrollbar-track-y.png) no-repeat; }
#follow-me-basket .track {position: relative; width: 13px; height: 100%; padding: 0 1px; background: url(Images/bg-scrollbar-trackend-y.png) 0 100% no-repeat; }
#follow-me-basket .thumb {position: absolute; top: 0; left: -5px; width: 25px; height: 20px; overflow: hidden; cursor: pointer; background: url(Images/bg-scrollbar-thumb-y.png) 50% 100% no-repeat; }
#follow-me-basket .thumb .end {width: 25px; height: 5px; overflow: hidden; background: url(Images/bg-scrollbar-thumb-y.png) 50% 0 no-repeat; }
#follow-me-basket .disable {display: none; }
#follow-me-basket .noSelect {-moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
#follow-me-basket .popover, .tooltip {position: fixed; }

.panel-group .panel .panel-heading {background-color: #ebf1f1; }
.panel-group .panel .panel-heading:hover {background-color: #d9dede; }
.panel-group .panel .panel-heading .panel-title {text-transform: none!important; }



.tooltip {position: absolute; z-index: 999999; display: block; font-weight: 700; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible; }
.tooltip.top {padding: 10px 0; margin-top: -10px; }
.tooltip-inner {max-width: 200px; padding: 6px 16px; color: #fff; text-align: center; text-decoration: none; background-color: #00365b; border-radius: 4px; }
.tooltip-arrow {position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.tooltip.top .tooltip-arrow {bottom: 0; left: 50%; margin-left: -10px; }
.tooltip.top-left .tooltip-arrow {bottom: 0; left: 10px; }
.tooltip.top-right .tooltip-arrow {right: 10px; bottom: 0; }
.tooltip.right .tooltip-arrow {top: 50%; left: 0; margin-top: -10px; border-right-color: #00365b; border-width: 10px 10px 10px 0; }
.tooltip.left .tooltip-arrow {top: 50%; right: 0; margin-top: -10px; border-left-color: #00365b; border-width: 10px 0 10px 10px; }
.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {border-bottom-color: #00365b; border-width: 0 10px 10px; }
.tooltip.bottom .tooltip-arrow {top: 0; left: 50%; margin-left: -10px; }
.tooltip.bottom-left .tooltip-arrow {top: 0; left: 10px; }
.tooltip.bottom-right .tooltip-arrow {top: 0; right: 10px; }

.popover {width: 300px; padding: 0 15px; }
.popover .popover-title {padding: 10px 0 0; background-color: #fff; }

/*--BUTTONS--*/
.btn, .tooltip {font-size: 12px; /*text-transform: capitalize;*/ }
.btn {padding: 10px; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.btn-blue, .btn-default, .btn-gray {font-weight: 700; border: 0; }
.btn i {padding-left: 5px; font-size: 15px; }
.btn i.fa-chevron-circle-left {padding-right: 5px; }
.btn-default {color: #fff; background-color: #1abc9c; }
.btn-default i {color: #00a785!important; }
.btn-default i.text-white {color: #fff!important; }
.btn-default:active, .btn-default:focus, .btn-default:hover {color: #fff; background-color: #009e78; outline: 0; }
.btn-default:active i, .btn-default:focus i, .btn-default:hover i {color: #067a5e!important; }
.btn-default:hover i.text-white {color: #fff!important; }
.btn-blue {color: #fff; background-color: #063959; }
.btn-blue i {color: #032438!important; }
.btn-blue:active, .btn-blue:focus, .btn-blue:hover {color: #fff; background-color: #062c3f; outline: 0; }
.btn-blue:active i, .btn-blue:focus i, .btn-blue:hover i {color: #02141d!important; }
.btn-gray {color: #fff; background-color: #a4a8ac; }
.btn-gray i {color: #7f7f7f!important; }
.btn-gray:active, .btn-gray:focus, .btn-gray:hover {color: #fff; background-color: #707070; outline: 0; }
.btn-gray:active i, .btn-gray:focus i, .btn-gray:hover i {color: #565656!important; }
.btn-grayish-blue {font-weight: 700; color: #fff; background-color: #acc1c6; border: 1px solid #8da0a3; }
.btn-grayish-blue.active {color: #fff; background-color: #75bada; outline: 0; border: 1px solid #8da0a3; }
.btn-grayish-blue:hover, .btn-grayish-blue:focus {color: #fff; background-color: #75bada; outline: 0; border: 1px solid #8da0a3; }
.btn-orange {font-weight: 700; color: #fff; background-color: #ef7824; border: 0; }
.btn-orange i {color: #ca6218!important; }
.btn-orange:active, .btn-orange:focus, .btn-orange:hover {color: #fff; background-color: #d47029; outline: 0; }
.float-toolbar {position: fixed; left: 0; right: 0; bottom: 18px; z-index: 1030; display: none; }
.flobtn {position: relative; display: inline-block; width: 40px; height: 40px; font-size: 20px; line-height: 40px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5); box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5); opacity: .75; }
.flobtn:active, .flobtn:focus, .flobtn:hover {opacity: 1; }
.flobtn-default {color: #fff; background-color: #1abc9c; }
.flobtn-default:active, .flobtn-default:focus, .flobtn-default:hover {color: #fff; background-color: #009e78; }
.flobtn-blue {color: #fff; background-color: #063959; }
.flobtn-blue:active, .flobtn-blue:focus, .flobtn-blue:hover {color: #fff; background-color: #062c3f; }
.flobtn-gray {color: #fff; background-color: #a4a8ac; }
.flobtn-gray:active, .flobtn-gray:focus, .flobtn-gray:hover {color: #fff; background-color: #707070; }
.flobtn-light-green {color: #fff; background-color: #acc1c6; }
.flobtn-light-green:active, .flobtn-light-green:focus, .flobtn-light-green:hover {color: #fff; background-color: #8fa3a8; }
.flobtn-orange {background-color: #ef7824; color: #fff; }
.flobtn-orange:active, .flobtn-orange:focus, .flobtn-orange:hover {color: #fff; background-color: #d47029; }
/*--END BUTTONS--*/

input, textarea {border: 0; outline: 0; }
label {display: inline-block; font-weight: 700; }
.bolder {font-weight: bolder; color: #242021; }
.add-item-link {margin-top: 20px; margin-bottom: 20px; }
input[disabled] {color: #000; cursor: default; border: 1px solid #999; }
input[disabled].input-white {background-color: #fff!important; }

.elements-listing {padding: 0; margin: 0; }
.elements-listing li {list-style: none; }
.elements-listing li .panel {margin-bottom: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.elements-listing li .panel .single-item {min-height: 30px; margin: 0; }
.elements-listing li .single-item {min-height: 40px; padding: 5px 10px; margin: 5px 0; background-color: #ebf1f1; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.elements-listing li .single-item p {margin: 5px 0; font-size: 11px; font-weight: 700; }
.elements-listing li .single-item span {display: inline-block; margin: 5px 0; font-weight: 700; }
.elements-listing li .single-item ul {padding: 0; margin: 0; }
.elements-listing li .single-item ul li {font-size: 11px; }
.elements-listing li .single-item i {display: inline-block; padding: 3px 0 5px; font-size: 25px; }
.elements-listing li .single-item .remove-item {text-align: right; }
.elements-listing li .single-item .remove-item a i {font-size: 25px!important; color: #a5a9ac; }
.elements-listing li .single-item .remove-item a i:active, .elements-listing li .single-item .remove-item a i:hover {color: #34495e; }
.field-validation-error, .validation-summary-error {font-weight: 700; color: #d9534f; }
.field-validation-error {display: block; font-size: 11px; }

.btn-group a {color: #acc0c6; }
.btn-group a:hover {color: #34495e; }

.hidden, .invisible/*, input[type=checkbox], input[type=radio]*/ {visibility: hidden; }

#EntitiesPanel input[type=checkbox] {visibility: visible!important; }

.slideCheckbox {position: relative; width: 80px; margin: 5px auto; background: #063859; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .2); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .2); }
.slideCheckbox, .slideCheckbox label { height: 26px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.slideCheckbox:after {right: 10px; color: #fff; text-shadow: 1px 1px 0 rgba(255, 255, 255, .15); content: 'OFF'}
.slideCheckbox:after, .slideCheckbox:before {position: absolute; z-index: 0; font: 12px/26px Arial, sans-serif; }
.slideCheckbox:before {left: 10px; font-weight: 700; color: #fff; content: 'ON'}
.slideCheckbox label {position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 34px; cursor: pointer; background: #acc1c6; border-radius: 3px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
.slideCheckbox input[type=checkbox]:checked+label {left: 46px; }
.squaredCheckbox {position: relative; width: 20px; margin: 20px auto; }
.squaredCheckbox label {position: absolute; top: 0; width: 20px; height: 20px; cursor: pointer; background: #00c59a; border-radius: 4px; }
.squaredCheckbox label:after {top: 4px; width: 13px; height: 8px; background: 0 0; border: 3px solid #FFF; border-top: 0; border-right: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); transform: rotate(-45deg); }
.inline-squared-checkbox label:after, .squaredCheckbox label:after {content: ''; left: 4px; position: absolute; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
.squaredCheckbox label:hover::after {opacity: .5; -ms-filter: "alpha(opacity=30)"; filter: alpha(opacity=30); }
.squaredCheckbox input[type=checkbox]:not(:checked)+label {background: #d8d8d8; }
.squaredCheckbox input[type=checkbox]:checked+label:after {opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }
.inline-squared-checkbox {position: absolute; width: 20px; margin: 6px 0 0 5px; }
.inline-squared-checkbox label {position: absolute; top: 0; width: 20px; height: 20px; cursor: pointer; background: #00c59a; border-radius: 4px; }
.inline-squared-checkbox label:after {top: 4px; width: 13px; height: 8px; background: 0 0; border: 3px solid #FFF; border-top: 0; border-right: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); transform: rotate(-45deg); }
.inline-squared-checkbox label:hover::after {opacity: .5; -ms-filter: "alpha(opacity=30)"; filter: alpha(opacity=30); }
.inline-squared-checkbox input[type=checkbox]:not(:checked)+label {background: #d8d8d8; }
.inline-squared-checkbox input[type=checkbox]:checked+label:after {opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }
.roundedRadio {position: relative; width: 28px; height: 28px; margin-top: -5px; background: #00c59a; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.roundedRadio label {top: 4px; left: 4px; width: 20px; height: 20px; cursor: pointer; background: #fff; border-radius: 50px; }
.roundedRadio label, .roundedRadio label:after {position: absolute; -webkit-border-radius: 50px; -moz-border-radius: 50px; }
.roundedRadio label:after {top: 3px; left: 3px; width: 14px; height: 14px; background: #00c59a; border-radius: 50px; content: ''; opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
.roundedRadio label:hover::after {opacity: .3; -ms-filter: "alpha(opacity=30)"; filter: alpha(opacity=30); }
.roundedRadio input[type=radio]:checked+label:after {opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }

.form-control {height: 41px; margin-top: 5px; padding: 8px 12px; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 15px; color: #34495e; border: 1px solid #bdc3c7; border-radius: 6px; box-shadow: none; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; -moz-transition: border .25s linear, color .25s linear, background-color .25s linear; -o-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear; -webkit-backface-visibility: hidden; -webkit-appearance: none; }
.form-control, .form-control:focus {-webkit-box-shadow: none; -moz-box-shadow: none; }
.form-control:focus {border-color: #1abc9c; outline: 0; box-shadow: none; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {color: #000; cursor: default; border: 1px solid #bdc3c7; }
.input-sm {height: 34px; padding: 8px 10px; font-size: 13px; line-height: 1.231; border-radius: 6px; }
.panel-group .panel .panel-heading .panel-title {font-size: 14px; font-weight: 700; }

.nav {padding-left: 0; margin-bottom: 0; list-style: none; }
.nav:after, .nav:before {display: table; content: " "}
.nav>li, .nav>li>a {position: relative; display: block; }
.nav>li>a:focus, .nav>li>a:hover {text-decoration: none; }
.nav>li.disabled>a {color: #999; }
.nav>li.disabled>a:focus, .nav>li.disabled>a:hover {color: #999; text-decoration: none; cursor: not-allowed; background-color: transparent; }
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color: #eee; border-color: #063859; }
.nav .nav-divider {height: 1px; margin: 8px 0; overflow: hidden; background-color: #e5e5e5; }
.nav>li>a>img {max-width: none; }
.nav-tabs>li {float: left; margin-bottom: -1px; }
.nav-tabs>li>a {margin-right: 2px; line-height: 1.428571429; border: 1px solid transparent; border-radius: 2px 2px 0 0; }
.nav-tabs>li>a:hover {border-color: #eee #eee #ddd; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #1abc9c; cursor: default; background-color: #eee; border: 1px solid #ddd; z-index: 10; border-bottom-color: transparent; }

/* left vertical tabs*/
.tabContainer { border-bottom:initial; } 
.tabContainer>li { float: none; padding: 5px 0px 0px 0px; }
.tabContainer > li > a { background-color: #ddd; margin-right:-1px; border-radius:4px 0 0 4px; }
.tabContainer > li > a:focus, .tabContainer > li > a:hover { background-color: #f8f8f8; margin-right:-1px; border-right: 1px white solid; font-weight: 600; }
.tabContainer>li.active>a, .tabContainer>li.active>a:focus, .tabContainer>li.active>a:hover { color: #1abc9c; cursor: default; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: #ddd; border-right: 1px white solid; font-weight:700; }
.tabContainer>li>a { padding: 10px 5px 10px 10px; }
/* left vertical tabs*/

.topLineContainer { border-width: 1px 0 1px 1px; border-style:solid; border-color:#ddd; border-radius:4px 0 0 0; padding-bottom:30px; }

.nav-tabs.nav-justified {width: 100%; border-bottom: 0; }
.nav-tabs.nav-justified>li {float: none; }
.nav-tabs.nav-justified>li>a {text-align: center; margin-right: 0; border-bottom: 1px solid #ddd; }

.form-control-matrix {height: 41px; max-width:200px !important; min-width:200px !important;  margin-top: 5px; padding: 8px 12px; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 15px; color: #34495e; border: 1px solid #bdc3c7; border-radius: 6px; box-shadow: none; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; -moz-transition: border .25s linear, color .25s linear, background-color .25s linear; -o-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear; -webkit-backface-visibility: hidden;}
.form-control-matrix, .form-control-matrix:focus {-webkit-box-shadow: none; -moz-box-shadow: none; }
.form-control-matrix:focus {border-color: #1abc9c; outline: 0; box-shadow: none; }
.form-control-matrix [disabled], .form-control-matrix [readonly], fieldset[disabled] .form-control-matrix {color: #000; cursor: default; border: 1px solid #bdc3c7; }

@media (min-width:768px) {
    .nav-tabs.nav-justified>li {display: table-cell; width: 1%}
}

.nav-tabs.nav-justified>.active>a {border-bottom-color: #fff;}
.nav-pills>li {float: left; margin-top: 5px; margin-right: 3px; }
.nav-justified>li, .nav-stacked>li {float: none; }
.nav-pills>li>a {padding: 5px 10px; color: #fff; background-color: #acc1c6; border-radius: 5px; }
.nav-pills>li>a:hover {cursor: default; background-color: #1abc9b; }
.nav-pills>li>a i:hover {cursor: pointer; }
.nav-pills>li+li {margin-left: 2px; }
.nav-pills>li.active>a, .nav-pills>li.active>a:focus {color: #fff; background-color: #1abc9b; }
.nav-pills>li.active:hover a {cursor: default; background-color: #1abc9b; }
.nav-pills>li.active i:hover {cursor: pointer; }
.nav-pills i {margin-left: 10px; }
.nav-stacked>li+li {margin-top: 2px; margin-left: 0; }
.nav-justified {width: 100%}
.nav-justified>li>a {text-align: center; }

@media (min-width:768px) {
    .nav-justified>li {display: table-cell; width: 1%}
}

.nav-tabs-justified {border-bottom: 0; }
.nav-tabs-justified>li>a {margin-right: 0; border-bottom: 1px solid #ddd; }
.nav-tabs-justified>.active>a {border-bottom-color: #fff; }
.tabbable:after, .tabbable:before {display: table; content: " "}
.pill-content>.pill-pane, .tab-content>.tab-pane {display: none; }
.pill-content>.active, .tab-content>.active {display: block; }
.nav .caret {border-top-color: #063859; border-bottom-color: #063859; }
.nav a:hover .caret {border-top-color: #010b11; border-bottom-color: #010b11; }
.nav-tabs .dropdown-menu {margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; }
.navbar {position: relative; min-height: 27px; padding-right: 15px; padding-left: 15px; margin-bottom: 20px; background-color: #417e9d; border-radius: 4px; z-index: 1030; }
.navbar:after, .navbar:before {display: table; content: " "}
.navbar-nav {height: 32px; margin-top: 0; margin-bottom: 0; }
.navbar-nav>li>a {padding-top: 4.5px; padding-bottom: 4.5px; font-size: 12px; font-weight: 700; line-height: 20px; color: #fff; text-transform: uppercase; border-radius: 4px; }
.navbar-nav>li>a:focus, .navbar-nav>li>a:hover {color: #ebebeb; background-color: transparent; }
.navbar-nav>.active>a, .navbar-nav>.active>a:focus, .navbar-nav>.active>a:hover {color: #fff; background-color: #062c3f; }
.navbar-nav>.disabled>a, .navbar-nav>.disabled>a:focus, .navbar-nav>.disabled>a:hover {color: #ccc; background-color: transparent; }
.navbar-nav.pull-right {width: 100%}
.navbar-static-top {border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
.navbar-fixed-bottom, .navbar-fixed-top {position: fixed; right: 0; left: 0; z-index: 1030; border-radius: 0; }
.navbar-fixed-top {top: 0; }
.navbar-fixed-bottom {bottom: 0; margin-bottom: 0; }
.navbar-brand {display: block; max-width: 500px; padding: 4.5px 15px; margin-right: auto; margin-left: auto; font-size: 17px; font-weight: 700; line-height: 18px; color: #fff; text-align: center; }
.navbar-links ul li a {font-family: OpenSans !important; color: #fff !important; font-size:10px !important; text-transform: uppercase !important; }
.activity-manager-name{text-transform: uppercase; font-family: OpenSans !important; color: #fff; font-size: 30px; width: auto; padding-top: 37px; font-weight: bold; }
.navbar-brand:focus, .navbar-brand:hover {color: #e6e6e6; text-decoration: none; background-color: transparent; }
.navbar-toggle {position: absolute; top: -3px; top: 20px; right: 10px; width: 48px; height: 32px; padding: 8px 12px; background-color: #417e9d; border: 0 solid #417e9d; border-radius: 4px; }
.navbar-toggle:focus, .navbar-toggle:hover {background-color: #fff; }
.navbar-toggle .icon-bar {display: block; width: 22px; height: 2px; background-color: #fff; border-radius: 1px; }
.navbar-toggle .icon-bar+.icon-bar {margin-top: 4px; }
.navbar-form {height: 27px; padding-top: 6px; }
.navbar-form .navbar-input {height: 17px; padding: 5px; margin: 1px 0 0; font-size: 12px; border: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; outline: 0; -webkit-box-shadow: inset 2px 2px 2px 0 #ddd; -moz-box-shadow: inset 2px 2px 2px 0 #ddd; box-shadow: inset 2px 2px 2px 0 #ddd; }
.navbar-form i {float: left; padding-top: 3px; padding-right: 10px; color: #fff; }
.navbar-date {position: relative; width: 60px; height: 40px; padding: 0 0 0 10px; margin: 20px 0 0 10px; border-left: 1px solid #4682a2; }
.navbar-date p {font-family: "Arial Black", "Arial Bold", Gadget, sans-serif!important; color: #4682a2; }
.breadcrumb, .combo-box select, .twitter-typeahead .tt-hint {font-family: Lato, Helvetica, Arial, sans-serif; }
.navbar-date p .month {position: absolute; top: -2px; left: 2px; width: 60px; font-size: 10px; letter-spacing: 2px; text-align: center; text-transform: uppercase; }
.navbar-date p .day {position: absolute; top: 4px; left: 10px; width: 40px; font-size: 25px; font-weight: 700; text-align: center; }
.navbar-date p .year {position: absolute; top: 30px; left: 15px; font-size: 10px; letter-spacing: 1px; }
.navbar-nav>li>.dropdown-menu {margin-top: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; }
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {-webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
.navbar-nav>.dropdown>a:focus .caret, .navbar-nav>.dropdown>a:hover .caret {border-top-color: #ebebeb; border-bottom-color: #ebebeb; }
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret, .navbar-nav>.dropdown>a .caret, .navbar-nav>.open>a .caret, .navbar-nav>.open>a:focus .caret, .navbar-nav>.open>a:hover .caret {border-top-color: #fff; border-bottom-color: #fff; }
.navbar-nav>.open>a, .navbar-nav>.open>a:focus, .navbar-nav>.open>a:hover {color: #fff; background-color: #062c3f; }
.navbar-nav.pull-right>li>.dropdown-menu, .navbar-nav>li>.dropdown-menu.pull-right {right: 0; left: auto; }
.navbar-inverse .navbar-brand {color: #999; }
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {color: #fff; background-color: transparent; }
.navbar-inverse .navbar-text {color: #fff; }
.navbar-inverse .navbar-nav>li>a {color: #999; }
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {color: #fff; background-color: transparent; }
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {color: #fff; background-color: #020b10; }
.navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:focus, .navbar-inverse .navbar-nav>.disabled>a:hover {color: #444; background-color: transparent; }
.navbar-inverse .navbar-toggle {border-color: #333; }
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color: #333; }
.navbar-inverse .navbar-toggle .icon-bar {background-color: #fff; }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {color: #fff; background-color: #020b10; }
.navbar-inverse .navbar-nav>.dropdown>a .caret {border-top-color: #999; border-bottom-color: #999; }
.navbar-inverse .navbar-nav>.open>a .caret, .navbar-inverse .navbar-nav>.open>a:focus .caret, .navbar-inverse .navbar-nav>.open>a:hover .caret {border-top-color: #fff; border-bottom-color: #fff; }

@media screen and (min-width:768px) {
    .navbar-brand {display: block; max-width: 500px; padding: 4.5px 15px; margin-right: auto; margin-left: auto; font-size: 17px; font-weight: 700; line-height: 18px; color: #fff; text-align: center; }
    .navbar-brand:focus, .navbar-brand:hover {color: #e6e6e6; text-decoration: none; background-color: transparent; }
    .navbar-nav {float: left; margin-top: 0; margin-bottom: 0; }
    .navbar-nav>li {float: left; }
    .navbar-nav>li>a {-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
    .navbar-nav.pull-right {float: right; width: auto; }
    .navbar-toggle {position: relative; top: auto; left: auto; display: none; }
    .nav-collapse.collapse {display: block!important; height: auto!important; overflow: visible!important; }
}

.navbar-btn {margin-top: -4.5px; }
.navbar-text {margin-top: 4.5px; margin-bottom: 4.5px; }
.navbar-link {color: #fff; }
.navbar-link:hover {color: #ebebeb; }
.navbar-inverse .navbar-link {color: #999; }
.navbar-inverse .navbar-link:hover {color: #fff; }

.breadcrumb {margin-bottom: 18px; margin-left: -15px; font-size: 12px; font-weight: 700; list-style: none; background-color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.breadcrumb>li {display: inline-block; font-weight: 400; }
.breadcrumb>li+li:before {padding: 0 5px; color: #333; content: ">\00a0"}
.breadcrumb>li a {color: #a4a8ac; }
.breadcrumb>.active {color: #999; }
.navbar .nav>li:before {float: left; margin-top: 5px; color: #fff; content: ' | '}
.navbar .nav>li:nth-child(1):before {content: ' '}
.navbar .nav>li>a {padding-right: 10px; padding-left: 10px; font-weight: 300; }
.navbar .nav>.active>a:after {position: absolute; top: 6px; left: 50%; margin-top: 19px; font-size: 10px; color: #063859; content: '\25BC'}
.navbar .nav>.active a, .navbar .nav>.active a:focus, .navbar .nav>.active a:hover {background: 0; border-bottom: 4px solid #063859; }
.navbar li.active .dropdown-menu {margin-top: -1px; }
.navbar li.active .dropdown-menu li a {color: #333; border-bottom: none!important; }
.navbar li.active .dropdown-menu li a:hover {background-color: #f5f5f5; }
.navbar .nav>.active-blue>a:after {color: #063959!important; }
.navbar .nav>.active-blue a, .navbar .nav>.active-blue a:focus, .navbar .nav>.active-blue a:hover {border-bottom-color: #063959!important; }
.navbar .nav>.active-green>a:after {color: #1abc9c!important; }
.navbar .nav>.active-green a, .navbar .nav>.active-green a:focus, .navbar .nav>.active-green a:hover {border-bottom-color: #1abc9c!important; }
.navbar .nav>.active-orange>a:after {color: #ef7824!important; }
.navbar .nav>.active-orange a, .navbar .nav>.active-orange a:focus, .navbar .nav>.active-orange a:hover {border-bottom-color: #ef7824!important; }
.navbar .nav>.active-yellow>a:after {color: #f8ef22!important; }
.navbar .nav>.active-yellow a, .navbar .nav>.active-yellow a:focus, .navbar .nav>.active-yellow a:hover {border-bottom-color: #f8ef22!important; }
.navbar .nav>.active-red>a:after {color: #ec2028!important; }
.navbar .nav>.active-red a, .navbar .nav>.active-red a:focus, .navbar .nav>.active-red a:hover {border-bottom-color: #ec2028!important; }
.navbar-inverse {height: 77px; background-color: #08415A; border-style: none; }
.main-menu {height: 30px!important; margin-top: 77px!important; }
.icon-inside-input {position: absolute; top: 8px; z-index: 2; padding-left: 5px; color: #417e9d; }
.navbar-nav .navbar-form {padding-top: 0; margin-top: 5px; }

.modal, .modal-backdrop {top: 0; right: 0; bottom: 0; left: 0; }

#toolbar-container {float: right; }
#toolbar-container a i.icon-clip, #toolbar-container a i.icon-doc, #toolbar-container a i.icon-buddy, #toolbar-container a i.icon-glo, #toolbar-container a i.icon-renew{float: left; margin-top: 3px; }
#toolbar-container a span.btn-label {float: left; margin-top: 3px; font-size: 13px; font-weight: 400; }
#toolbar-container a.btn {min-height: 39px; }
#navigation-toolbar {float: left; margin: 0 5px 0 0; }
#navigation-toolbar .btn {padding: 7px 8px; margin-left: -4px; }
#navigation-actions {float: left; }
#navigation-actions .btn-group a {color: #fff; }

#navigation-actions .dropdown-menu {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

#navigation-actions .dropdown-menu a {color: #242021; text-align: left; }
.hazard-risk-level {float: right; margin-top: -20px; }
.hazard-risk-level span {position: absolute; float: right; margin: 30px 0 0 43px; font-size: 30px; font-weight: 700; color: #fff; }
.modal-open {overflow: hidden; }
.modal {position: fixed; z-index: 1040; display: none; overflow: auto; overflow-y: scroll; }
.modal.fade .modal-dialog {-webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -moz-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; }
.modal.fade.in .modal-dialog {-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.modal-dialog {z-index: 1050; width: auto; padding: 10px; margin-right: auto; margin-left: auto; }
.modal-content {position: relative; background-color: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; outline: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; }
.modal-backdrop {position: fixed; z-index: 1030; background-color: #020202; }
.modal-backdrop.fade {opacity: 0; filter: alpha(opacity=0); }
.modal-backdrop.fade.in {opacity: .7; filter: alpha(opacity=70); }
.modal-header {min-height: 16.43px; padding: 15px; border-bottom: 1px solid #e5e5e5; }
.modal-header .close {margin-top: -2px; }
.modal-title {margin: 0; line-height: 1.428571429; }
.modal-body {position: relative; padding: 20px; }
.modal-footer {padding: 19px 20px 20px; margin-top: 15px; text-align: right; border-top: 1px solid #e5e5e5; }
.modal-footer:after, .modal-footer:before {display: table; content: " "}
.modal-footer .btn+.btn {margin-bottom: 0; margin-left: 5px; }
.modal-footer .btn-group .btn+.btn {margin-left: -1px; }
.modal-footer .btn-block+.btn-block {margin-left: 0; }

@media screen and (min-width:768px) {
    .modal-dialog {right: auto; width: 600px; padding-top: 30px; padding-bottom: 30px; }
    .modal-content {-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .5); box-shadow: 0 0 0 rgba(0, 0, 0, .5); }
    .modal-dialog { width:70% !important; }  
}

@media screen and (min-width:1250px) {
    .modal-dialog {right: auto; width: 600px; padding-top: 30px; padding-bottom: 30px; }
    .modal-content {-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .5); box-shadow: 0 0 0 rgba(0, 0, 0, .5); }
    .modal-dialog { width:50% !important; }
}

@media screen and (max-width:1366px ) {
    .modal-dialog {right: auto; width: 600px; padding-top: 30px; padding-bottom: 30px; }
    .modal-content {-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .5); box-shadow: 0 0 0 rgba(0, 0, 0, .5); }
    .modal-dialog { width:50% !important; }
}

/* (768x1024) iPad 1 & 2, Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
 
    .modal-dialog {right: auto; width: 600px; padding-top: 30px; padding-bottom: 30px; }
    .modal-content {-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .5); box-shadow: 0 0 0 rgba(0, 0, 0, .5); }
    .modal-dialog { width:70% !important; }
}
 
/* (1024x768) iPad 1 & 2, Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
   
    .modal-dialog {right: auto; width: 600px; padding-top: 30px; padding-bottom: 30px; }
    .modal-content {-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .5); box-shadow: 0 0 0 rgba(0, 0, 0, .5); }
    .modal-dialog { width:70% !important; }
}

.combo-box label, .tt-dropdown-menu, .tt-hint, .twitter-typeahead {width: 100%}
#alert-container {padding-top: 20px; }
.alert {padding: 10px 30px!important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.alert a {border: 0; }

.call-to-action {padding: 5px 15px 0; margin-bottom: 20px; background-color: #dfc; border: 2px solid #ceffae; }
.tt-dropdown-menu, .typeahead {background-color: #fff; }
.call-to-action p {font-weight: 700; color: #4a633c; }

.twitter-typeahead>.tt-dropdown-menu {max-height: 200px; overflow-y: auto; }
.tt-hint {font-size: 14px; color: #999;}
.twitter-typeahead .tt-hint {display: block; height: 34px; padding: 5px 10px; font-size: 13px; line-height: 1.428571429; color: #AAA; border: 1px solid transparent; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.twitter-typeahead .hint-small {height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.twitter-typeahead .hint-large {height: 45px; padding: 10px 16px; font-size: 18px; line-height: 1.33; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.tt-hint, .tt-query, .typeahead {padding: 8px 10px; }
.tt-dropdown-menu {padding: 8px 0; margin-top: 12px; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); }
.tt-suggestion {padding: 3px 6px; font-size: 14px; line-height: 30px; }
.tt-suggestion.tt-is-under-cursor {color: #000; background-color: #DDD; }
.tt-suggestion p {margin: 0; }

.combo-box select {display: block; display: inline-block; float: left;height:40px; width: 100%; padding: 10px 0 8px 12px; margin: 5px 0; cursor: pointer; background: #fff; border: 1px solid #cecece; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; }
.combo-box label:after {right: 0; display: block; float: right; padding: 8px 8px 8px 9px; margin-top: -41px; color: #fff; pointer-events: none; background-color: #58595b; border-left: 1px solid #ddd; border-radius: 0 3px 3px 0; content: '▼'}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .combo-box label:after {padding: 10px 8px 10px 9px; margin-top: -45px; }
}

.badge {display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; background-color: #999; border-radius: 10px; }
.badge:empty {display: none; }
a.badge:focus, a.badge:hover {color: #fff; text-decoration: none; cursor: pointer; }
.btn .badge {position: relative; top: -1px; }
.nav-pills>.active>a>.badge, a.list-group-item.active>.badge {color: #063859; background-color: #fff; }
.nav-pills>li>a>.badge {margin-left: 3px; }
/*--LOGOS & ICONS--*/
.esaf-manager-logo {width: 329px; height: 43px; margin-top: 10px; background: url('../../../content/Images/spritesheet.png') no-repeat -10px -10px;}
.lbnl-logo {width: 71px; height: 53px; margin-top: 10px; background: url(../../../content/Images/spritesheet.png) -15px -63px no-repeat; }
.energy-logo{display: inline-block; width: 60px; height: 55px; background: url(../../../content/Images/spritesheet.png) -730px -60px no-repeat; }
.university-logo{display: inline-block; width: 60px; height: 55px; background: url(../../../content/Images/spritesheet.png) -790px -60px no-repeat; }
.lbnl-logo-standar {width: 100px; height: 70px; background: url(../../../Images/lbl-header-logo-h.png) no-repeat; }
.lbnl-logo-print {width: 116px; height: 87px; background: url(../../../content/Images/spritesheet.png) -489px -60px no-repeat; }
.ism-logo {width: 81px; height: 76px; background: url(../../../content/Images/spritesheet.png) -621px -71px no-repeat; }
.ism-logo-small {width: 40px; height: 40px; margin-top: 20px; background: url(../../../content/Images/spritesheet.png) -10px -10px no-repeat; }
.icon-default {width: 16px; height: 16px; background: url(../../../content/Images/spritesheet.png) -698px -241px no-repeat; }
.icon-default-2x {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -642px -236px no-repeat; }
.icon-default-4x {width: 64px; height: 64px; background: url(../../../content/Images/spritesheet.png) -559px -217px no-repeat; }
.icon-chm {width: 16px; height: 16px; background: url(../../../content/Images/spritesheet.png) -138px -483px no-repeat; }
.icon-chm-2x {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -90px -475px no-repeat; }
.icon-chm-4x {width: 64px; height: 64px; background: url(../../../content/Images/spritesheet.png) -14px -459px no-repeat; }
.icon-rad {width: 16px; height: 16px; background: url(../../../content/Images/spritesheet.png) -138px -241px no-repeat; }
.icon-rad-2x {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -90px -233px no-repeat; }
.icon-rad-4x {width: 64px; height: 64px; background: url(../../../content/Images/spritesheet.png) -14px -217px no-repeat; }
.icon-pit {width: 16px; height: 16px; background: url(../../../content/Images/spritesheet.png) -138px -321px no-repeat; }
.icon-pit-2x {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -90px -313px no-repeat; }
.icon-pit-4x {width: 64px; height: 64px; background: url(../../../content/Images/spritesheet.png) -14px -297px no-repeat; }
.icon-bio {width: 16px; height: 16px; background: url(../../../content/Images/spritesheet.png) -138px -400px no-repeat; }
.icon-bio-2x {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -90px -393px no-repeat; }
.icon-bio-4x {width: 64px; height: 64px; background: url(../../../content/Images/spritesheet.png) -14px -375px no-repeat; }
.icon-gas {width: 16px; height: 16px; background: url(../../../content/Images/spritesheet.png) -138px -565px no-repeat; }
.icon-gas-2x {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -90px -556px no-repeat; }
.icon-gas-4x {width: 64px; height: 64px; background: url(../../../content/Images/spritesheet.png) -14px -538px no-repeat; }
.icon-ele {width: 16px; height: 16px; background: url(../../../content/Images/spritesheet.png) -138px -649px no-repeat; }
.icon-ele-2x {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -90px -640px no-repeat; }
.icon-ele-4x {width: 64px; height: 64px; background: url(../../../content/Images/spritesheet.png) -14px -623px no-repeat; }
.icon-las {width: 16px; height: 16px; background: url(../../../content/Images/spritesheet.png) -138px -731px no-repeat; }
.icon-las-2x {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -90px -724px no-repeat; }
.icon-las-4x {width: 64px; height: 64px; background: url(../../../content/Images/spritesheet.png) -14px -708px no-repeat; }
.icon-env {width: 16px; height: 16px; background: url(../../../content/Images/spritesheet.png) -138px -820px no-repeat; }
.icon-env-2x {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -90px -811px no-repeat; }
.icon-env-4x {width: 64px; height: 64px; background: url(../../../content/Images/spritesheet.png) -15px -793px no-repeat; }
.icon-fir {width: 16px; height: 16px; background: url(../../../content/Images/spritesheet.png) -138px -902px no-repeat; }
.icon-fir-2x {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -90px -895px no-repeat; }
.icon-fir-4x {width: 64px; height: 64px; background: url(../../../content/Images/spritesheet.png) -15px -877px no-repeat; }
.icon-hcr {width: 16px; height: 16px; background: url(../../../content/Images/spritesheet.png) -318px -241px no-repeat; }
.icon-hcr-2x {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -266px -233px no-repeat; }
.icon-hcr-4x {width: 64px; height: 64px; background: url(../../../content/Images/spritesheet.png) -184px -217px no-repeat; }
.icon-wmg {width: 16px; height: 16px; background: url(../../../content/Images/spritesheet.png) -318px -324px no-repeat; }
.icon-wmg-2x {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -266px -314px no-repeat; }
.icon-wmg-4x {width: 64px; height: 64px; background: url(../../../content/Images/spritesheet.png) -184px -297px no-repeat; }
.icon-hcs {width: 16px; height: 16px; background: url(../../../content/Images/spritesheet.png) -318px -401px no-repeat; }
.icon-hcs-2x {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -267px -393px no-repeat; }
.icon-hcs-4x {width: 64px; height: 64px; background: url(../../../content/Images/spritesheet.png) -184px -376px no-repeat; }
.icon-noi {width: 16px; height: 16px; background: url(../../../content/Images/spritesheet.png) -318px -481px no-repeat; }
.icon-noi-2x {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -267px -475px no-repeat; }
.icon-noi-4x {width: 64px; height: 64px; background: url(../../../content/Images/spritesheet.png) -184px -459px no-repeat; }
.icon-cse {width: 16px; height: 16px; background: url(../../../content/Images/spritesheet.png) -317px -565px no-repeat; }
.icon-cse-2x {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -267px -557px no-repeat; }
.icon-cse-4x {width: 64px; height: 64px; background: url(../../../content/Images/spritesheet.png) -184px -538px no-repeat; }
.icon-wel {width: 16px; height: 16px; background: url(../../../content/Images/spritesheet.png) -318px -650px no-repeat; }
.icon-wel-2x {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -267px -639px no-repeat; }
.icon-wel-4x {width: 64px; height: 64px; background: url(../../../content/Images/spritesheet.png) -184px -623px no-repeat; }
.icon-fal {width: 16px; height: 16px; background: url(../../../content/Images/spritesheet.png) -318px -731px no-repeat; }
.icon-fal-2x {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -267px -723px no-repeat; }
.icon-fal-4x {width: 64px; height: 64px; background: url(../../../content/Images/spritesheet.png) -184px -708px no-repeat; }
.icon-erg {width: 16px; height: 16px; background: url(../../../content/Images/spritesheet.png) -318px -820px no-repeat; }
.icon-erg-2x {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -267px -811px no-repeat; }
.icon-erg-4x {width: 64px; height: 64px; background: url(../../../content/Images/spritesheet.png) -184px -793px no-repeat; }
.icon-ste {width: 16px; height: 16px; background: url(../../../content/Images/spritesheet.png) -318px -902px no-repeat; }
.icon-ste-2x {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -267px -895px no-repeat; }
.icon-ste-4x {width: 64px; height: 64px; background: url(../../../content/Images/spritesheet.png) -184px -878px no-repeat; }
.icon-shp {width: 16px; height: 16px; background: url(../../../content/Images/spritesheet.png) -510px -242px no-repeat; }
.icon-shp-2x {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -453px -236px no-repeat; }
.icon-shp-4x {width: 64px; height: 64px; background: url(../../../content/Images/spritesheet.png) -369px -217px no-repeat; }
.icon-cry {width: 16px; height: 16px; background: url(../../../content/Images/spritesheet.png) -510px -324px no-repeat; }
.icon-cry-2x {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -453px -314px no-repeat; }
.icon-cry-4x {width: 64px; height: 64px; background: url(../../../content/Images/spritesheet.png) -369px -297px no-repeat; }
.icon-pen {width: 16px; height: 16px; background: url(../../../content/Images/spritesheet.png) -508px -400px no-repeat; }
.icon-pen-2x {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -452px -392px no-repeat; }
.icon-pen-4x {width: 64px; height: 64px; background: url(../../../content/Images/spritesheet.png) -369px -375px no-repeat; }
.icon-qua {width: 16px; height: 16px; background: url(../../../content/Images/spritesheet.png) -508px -902px no-repeat; }
.icon-qua-2x {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -452px -895px no-repeat; }
.icon-qua-4x {width: 64px; height: 64px; background: url(../../../content/Images/spritesheet.png) -369px -878px no-repeat; }
.icon-nir {width: 16px; height: 16px; background: url(../../../content/Images/spritesheet.png) -508px -731px no-repeat; }
.icon-nir-2x {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -452px -723px no-repeat; }
.icon-nir-4x {width: 64px; height: 64px; background: url(../../../content/Images/spritesheet.png) -369px -708px no-repeat; }
.icon-prs {width: 16px; height: 16px; background: url(../../../content/Images/spritesheet.png) -508px -820px no-repeat; }
.icon-prs-2x {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -452px -811px no-repeat; }
.icon-prs-4x {width: 64px; height: 64px; background: url(../../../content/Images/spritesheet.png) -369px -793px no-repeat; }
.icon-hze {width: 16px; height: 16px; background: url(../../../content/Images/spritesheet.png) -508px -484px no-repeat; }
.icon-hze-2x {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -452px -476px no-repeat; }
.icon-hze-4x {width: 64px; height: 64px; background: url(../../../content/Images/spritesheet.png) -369px -457px no-repeat; }
.icon-asb {width: 16px; height: 16px; background: url(../../../content/Images/spritesheet.png) -508px -563px no-repeat; }
.icon-asb-2x {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -452px -555px no-repeat; }
.icon-asb-4x {width: 64px; height: 64px; background: url(../../../content/Images/spritesheet.png) -369px -538px no-repeat; }
.icon-lea {width: 16px; height: 16px; background: url(../../../content/Images/spritesheet.png) -508px -650px no-repeat; }
.icon-lea-2x {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -452px -639px no-repeat; }
.icon-lea-4x {width: 64px; height: 64px; background: url(../../../content/Images/spritesheet.png) -369px -623px no-repeat; }
.controled-area-sign {width: 100px; height: 87px; background: url(../../../content/Images/spritesheet.png) -186px -58px no-repeat; }
.icon-buddy, .icon-clip, .icon-collab, .icon-doc, .icon-glo, .icon-renew{display: inline-block; zoom: 0; width: 20px; height: 20px; }
.icon-collab {background: url(../../../content/Images/spritesheet.png) -322px -60px no-repeat; }
.icon-buddy {background: url(../../../content/Images/spritesheet.png) -300px -60px no-repeat; }
.icon-clip {background: url(../../../content/Images/spritesheet.png) -330px -60px no-repeat; }
.icon-doc {background: url(../../../content/Images/spritesheet.png) -360px -60px no-repeat; }
.icon-glo {background: url(../../../content/Images/spritesheet.png) -390px -60px no-repeat; }
.icon-renew {background: url(../../../content/Images/spritesheet.png) -420px -60px no-repeat; }
.icon-info-notification {width: 34px; height: 34px; background: url(../../../content/Images/spritesheet.png) -389px -91px no-repeat; }
.icon-action-notification {width: 32px; height: 32px; background: url(../../../content/Images/spritesheet.png) -350px -91px no-repeat; }
/*--END LOGOS & ICONS--*/
.risk-level-0, .risk-level-1, .risk-level-2, .risk-level-3 {width: 104px; height: 104px; zoom: 0; }
.risk-level-0 {background: url(../../../content/Images/spritesheet.png) -910px -201px no-repeat; }
.risk-level-1 {background: url(../../../content/Images/spritesheet.png) -910px -312px no-repeat; }
.risk-level-2 {background: url(../../../content/Images/spritesheet.png) -911px -424px no-repeat; }
.risk-level-3 {background: url(../../../content/Images/spritesheet.png) -910px -533px no-repeat; }

.arrow {width: 0; height: 0; border: 10px solid transparent; }
.arrow-up {border-bottom-color: #000; }
.arrow-down {border-top-color: #000; }
.arrow-left {border-right-color: #000; }
.arrow-right {border-left-color: #000; }
.portlet-tools .btn {padding: 5px 10px; margin: 5px 0; color: #333!important; background-color: #dedede!important; }
.portlet-tools ul li a {font-weight: 400!important; text-transform: none!important; }
.my-work-portlet-collapse {background-color: #fff!important; -webkit-box-shadow: inset 0 0 10px silver; -moz-box-shadow: inset 0 0 10px silver; box-shadow: inset 0 0 10px silver; }
.my-work-portlet-collapse hr {width: 100px; }
.portlet-filters-header {margin-top: 10px; margin-right: -15px; }
.portlet-filters-header a {padding: 5px 0; color: #000; }
.portlet-sort-tools {height: 40px; text-align: center; background-color: #eaebed; }
.curved-back {height: 33px; }
.portlet-filters {background-color: #EAEBED; float: right; width: auto; font-size: 11px; font-weight: 700; text-align: right; -webkit-border-top-left-radius: 50px; -moz-border-radius-topleft: 50px; border-top-left-radius: 50px; padding: 10px 10px 10px 15px; }
.portlet-filters li {display: inline-block; margin-left: 3px; text-transform: uppercase; zoom: 1; }
#hazards-cart li a span i.icon-plus-sign, .ui-datepicker-trigger {display: none; }
.portlet-filters li:after {margin-left: 3px; content: ' | '}
.portlet-filters li:last-child:after {content: ' '}
.portlet-filters li a {color: #000; }
.portlet-filters li a:hover {text-decoration: underline; }
.portlet-filters li span {float: left; height: 20px; min-width: 20px; padding: 3px 7px 0; margin-top: -3px; margin-right: 3px; font-size: 11px; color: #fff; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.new-message-badge {background-color: #fd0100; }
.new-message-text {color: #fd0100; }
.action-required-badge {background-color: #65ad01; }
.action-required-text {color: #65ad01; }
.informational-badge {background-color: #0990e2; }
.informational-text {color: #0990e2; }
.flagged-badge {background-color: #fca603; }
.flagged-text {margin-left: 20px; color: #fca603; }
.all-badge {background-color: #707070; }
.expand-text {color: #2b99ce; }
.status-active {color: #178cd1; }
.status-developing {color: #f8ba43; }
.status-collaboration {color: #815594; }
.status-reviewing {color: #f47030; }
.editor-field {text-align: left; }
#drag-and-drop-zone h3, #popover-remove-hazard button, .btn-group, .flobtn, .printName {text-align: center; }
.btn-group button {padding: 5px 15px; background-color: #acc1c6; }
.btn-group button:hover {background-color: #1abc9b; }
.btn-group button i {font-size: 25px; }

.wrapword {-ms-word-wrap: break-word; word-wrap: break-word; white-space: -moz-pre-wrap!important; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; white-space: normal; }
.whitespace {white-space: pre-line!important; }

#sow-toolbar {position: relative; width: 100%; min-width: 1130px; min-height: 70px; margin-top: 55px; background-color: #d7d7d7; }
#sow-toolbar .left-column {float: left; width: 50%; min-height: 70px; }
#sow-toolbar .left-column label {float: left; margin: 25px 20px 0 30px; }
#sow-toolbar .left-column .input-container {float: left; width: 135px; margin: 18px 0 0; }
#sow-toolbar .left-column .input-container input {width: 135px; }
#sow-toolbar .left-column .btn-container {float: left; width: 100px; margin: 18px 0 0 13px; }
#sow-toolbar .left-column .btn-container button {width: 100px; }
#sow-toolbar .left-column .btn-container button i {color: #00a683; }
#sow-toolbar .left-column .collab-container {float: left; margin: 18px 0 0 13px; }
#sow-toolbar .left-column .collab-container button {width: 125px; color: #073a59; background-color: #e9eef1; }
#sow-toolbar .left-column .collab-container button:active, #sow-toolbar .left-column .collab-container button:hover {background-color: #d3f0f0; }
#sow-toolbar .left-column .collab-container button i {color: #043959; }
#sow-toolbar .left-column .collab-container button i.icon-drop-down {position: relative; top: 7px; }
#sow-toolbar .left-column .collab-container ul {position: absolute; float: left; min-width: 250px; padding: 5px 15px; margin-top: 10px; background-color: #fff; border: 1px solid #cbcbcb; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#sow-toolbar .left-column .collab-container ul li {position: relative; min-height: 35px; margin: 10px 0; font-weight: 700; list-style: none; border-bottom: 1px solid #cbcbcb; }
#sow-toolbar .left-column .collab-container ul li a {float: left; max-width: 155px; padding: 5px 0; color: #063859; }
#sow-toolbar .left-column .collab-container ul li:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
#sow-toolbar .left-column .collab-container ul li .toolbar {position: absolute; top: 50%; right: 0; float: right; margin: -16px 0 0 10px; }
#sow-toolbar .left-column .collab-container ul li .toolbar a {float: none; padding: 0 0 0 3px; color: #a1c9c9; }
#sow-toolbar .left-column .collab-container ul li .toolbar a:active, #sow-toolbar .left-column .collab-container ul li .toolbar a:hover {color: #77a9a9; }
#sow-toolbar .right-column {float: left; width: 50%; min-height: 70px; }
#sow-toolbar .right-column label {float: left; margin: 25px 0 0 95px; }
#sow-toolbar .right-column .choose-file-container {float: left; width: 100px; margin: 18px 0 0 13px; }
#sow-toolbar .right-column .choose-file-container button {width: 100px; color: #fff; background-color: #a9a9a9; }
#sow-toolbar .right-column .choose-file-container button:active, #sow-toolbar .right-column .choose-file-container button:hover {background-color: #959595; }
#sow-toolbar .right-column .upload-container {float: left; width: 75px; margin: 18px 0 0 13px; }
#sow-toolbar .right-column .upload-container button {width: 75px; }
#sow-toolbar .right-column .attachements-container {float: left; margin: 18px 0 0 13px; }
#sow-toolbar .right-column .attachements-container button {width: 140px; color: #073a59; background-color: #e9eef1; }
#sow-toolbar .right-column .attachements-container button:active, #sow-toolbar .right-column .attachements-container button:hover {background-color: #d3f0f0; }
#sow-toolbar .right-column .attachements-container button i {color: #043959; }
#sow-toolbar .right-column .attachements-container button i.icon-drop-down {position: relative; top: 7px; }
#sow-toolbar .right-column .attachements-container ul {position: absolute; float: left; min-width: 250px; padding: 5px 15px; margin-top: 10px; background-color: #fff; border: 1px solid #cbcbcb; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#sow-toolbar .right-column .attachements-container ul li {position: relative; min-height: 35px; margin: 10px 0; font-weight: 700; list-style: none; border-bottom: 1px solid #cbcbcb; }
#sow-toolbar .right-column .attachements-container ul li a {float: left; max-width: 155px; padding: 5px 0; color: #063859; }
#sow-toolbar .right-column .attachements-container ul li:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
#sow-toolbar .right-column .attachements-container ul li .toolbar {position: absolute; top: 50%; right: 0; float: right; margin: -16px 0 0 10px; }
#sow-toolbar .right-column .attachements-container ul li .toolbar a {float: none; padding: 0 0 0 3px; color: #a1c9c9; }
#sow-toolbar .right-column .attachements-container ul li .toolbar a:active, #sow-toolbar .right-column .attachements-container ul li .toolbar a:hover {color: #77a9a9; }

#frmDocument {width: 1140px; height: 700px; border: 0 solid #cbcbcb; }

#definition-of-work-content #google-doc-preview {width: 100%; height: 700px; border: 0; }
#hazards-description-modal .modal-dialog {width: 80%}
#hazards-description-modal .modal-inner-content {margin: 10px 0; }
#hazards-description-modal .modal-inner-content a:hover {color: #0d68a1; }
#hazards-description-modal .modal-inner-content ul {padding: 0; margin: 0; }
#hazards-description-modal .modal-inner-content ul li {list-style: none; }
#hazards-description-modal .main-icon {float: left; margin: 25px 0 0 20px; color: #25bb9b; }
#hazards-cart, #hazards-list-one, #hazards-list-two {margin: 0; list-style-type: none; }
#hazards-cart li, #hazards-list-one li, #hazards-list-two li {width: 230px; padding: 5px; font-size: 1.2em; }
.ui-state-default {background-color: #e5e5e5; }
.ui-state-highlight {background-color: #c2daea; }
#hazards-description-modal {z-index: 999999; }
#hazards-description-modal .modal-inner-content .customize-info-for-hazard {width: 100%; height: 250px; resize: none; }
#hazards-description-modal .modal-inner-content .customize-info-for-hazard:focus {outline: 0; }
#hazards-description-modal .modal-control-buttons {padding-top: 10px; }
#hazards-description-modal .modal-control-buttons i {float: right; margin-right: 10px; }
#hazards-description-modal .modal-control-buttons i:hover {color: #063859; cursor: pointer; }
#hazards-cart {min-height: 100px; background-color: #fffbef; }
#hazards-cart.ui-state-hover {background: #3bca6c; }
#hazards-cart li a {font-size: 12px; cursor: default; }
#hazards-cart li a span i {margin-left: 5px; font-size: 25px; color: #a5a9ac; cursor: pointer; }
#hazards-cart li a span i:hover {color: #34495e!important; }

#popover-remove-hazard {width: 130px; }
#popover-remove-hazard button {width: 100%!important; padding: 5px 5px 5px 0; margin-bottom: 5px; font-size: 12px; }
#popover-remove-hazard button i {margin-right: 5px; font-size: 12px!important; color: #fff!important; }
#popover-remove-hazard button i:hover {color: #fff!important; }

.wizard-progress {margin: 10px 0; }
.wizard-progress .wizard-progress-bar-labels li {display: inline-block; margin: 10px 20px 0; text-transform: uppercase; }
.wizard-progress .wizard-progress-bar-labels li.active a {color: #29abe2; }
.wizard-progress .wizard-progress-bar-labels li a {color: #eaeaea; }

#hazards-main-placeholder li {list-style: none; }
#hazards-main-placeholder li .breadcrumb {line-height: 15px; color: #063859; text-transform: uppercase; background-color: #e5e5e5; }
#hazards-main-placeholder li .breadcrumb>li+li:before {display: inline-block; font-family: FontAwesome!important; font-size: 18px; font-style: normal; font-weight: 400; color: #fff; text-decoration: inherit; content: "\f061"}
#hazards-main-placeholder li .btn-group {width: 130px; }
#hazards-main-placeholder li button {padding: 10px 15px 5px; color: #fff; background-color: #acc1c6; }
#hazards-main-placeholder li button:hover {background-color: #1abc9b; }
#hazards-main-placeholder li button i {font-size: 23px; }
#hazards-main-placeholder li h3 {color: #acc1c6; }
#hazards-main-placeholder li .main-hazards-container-list li.single-hazard-item {padding-bottom: 20px; margin: 0 0 10px 10px; border-bottom: 1px solid #e2e2e2; }
#hazards-main-placeholder li .main-hazards-container-list li.single-hazard-item a {font-size: 14px; }
#hazards-main-placeholder li .main-hazards-container-list li.single-hazard-item a:hover {text-decoration: none; }
#hazards-main-placeholder li .main-hazards-container-list li.single-hazard-item a i {padding-left: 3px; font-size: 15px; }
#hazards-main-placeholder li .main-hazards-container-list li.single-hazard-item .btn-group-tools {width: 100%; padding-right: 20px; margin-top: 20px; text-align: center; }
#hazards-main-placeholder li .main-hazards-container-list li.single-hazard-item .btn-group-tools i {font-size: 28px; color: #acc0c6; }
#hazards-main-placeholder li .main-hazards-container-list li.single-hazard-item .btn-group-tools i:hover {color: #063859; cursor: pointer; }
#hazards-selection h3 {margin-left: 0; } #hazards-selection .panel {padding: 15px; border-color: #ddd; }
#hazards-cart li {width: auto; }
.hazardBasketPlaceholder {display: block; width: 100%; height: 100px; border: 3px dashed #ccc; }
.hazards-panel {padding-top: 20px; padding-bottom: 40px; }
.most-used-hazards-panel {padding: 1px 10px 1px 0; margin-bottom: 15px; background-color: #ecf0f1; }
.most-used-hazards-panel .nav-pills li {padding-bottom: 3px; color: #fff; }
.most-used-hazards-panel .nav-pills li a {font-size: 12px; cursor: move; background-color: #fff; }
.most-used-hazards-panel .nav-pills li a:hover {color: #fff!important; background-color: #25bb9b; }
.most-used-hazards-panel .nav-pills li a:hover i {color: #fff; }
.most-used-hazards-panel .nav-pills li i {margin-left: 5px; font-size: 25px; color: #a5a9ac; cursor: pointer; }
.most-used-hazards-panel .nav-pills li i.icon-remove-sign {display: none; }
.most-used-hazards-panel .nav-pills li i:hover {color: #34495e!important; }
.most-used-hazards-panel h3 {margin-top: 20px; margin-left: 20px; }
.input-group-addon {background-color: #25bb9b; }
.input-group-addon i {color: #fff; }
.input-group {margin-top: 10px; }

.input-group .tt-hint, .input-group .tt-query, .input-group .typeahead {width: 100%; height: 40px; padding: 8px 12px; font-size: 15px; border: 2px solid #32b895; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; outline: 0; }
.input-group .typeahead {background-color: #fff; }
.input-group .tt-hint {color: #999; }
.input-group .tt-dropdown-menu {width: 250px; padding: 8px 0; margin-top: 12px; margin-left: -45px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); }
.input-group .tt-suggestion {padding: 3px 20px; font-size: 14px; line-height: 30px; }
.input-group .tt-suggestion.tt-is-under-cursor {color: #fff; background-color: #32b895; }
.input-group .tt-suggestion p {margin: 0; }
#file-basket {display: block; width: 100%; min-height: 100px; padding: 15px; }
#drag-and-drop-zone {width: 100%}
#drag-and-drop-zone .panel {min-height: 100px; padding: 15px; border-color: #ddd; }
#drag-and-drop-zone ul, li {padding: 0; margin: 0; }
#drag-and-drop-zone h3 {padding: 0; margin: 0; color: #999; }
.hazardItemizationPlaceholder {display: block; width: 100%; min-height: 40px; margin: 10px 0; border: 3px dashed #ccc; }

body, html {height: 100%}

#wrap {height: auto!important; height: 100%; min-height: 100%; padding: 0 0 30px; margin: 0 auto -32px; }
.full-content {padding-top: 120px; margin-bottom: 50px; }

#footer {height: 60px; padding-top: 6px; background-color: #fff; border-top: 1px solid rgba(204, 204, 204, 0.3); }
.footer-wrap {text-align:center; margin-top: 15px; height: 100px; }
.footer-text {width: 250px; display: inline-block; }
.footer-text p {font-family: OpenSans !important; color: black; text-align: center; font-size: 11px; }
.footer-links {width: 160px; display: inline-block; }
.footer-links a {font-family: OpenSans !important; color: #0072bc; text-align: center; font-size: 11px; }
.footer-nav {padding-left: 0; }
.footer-nav li {display: inline-block; border-left: 1px solid #417e9d; }
.footer-nav li:nth-child(1) {border-left: 0 solid #417e9d; }
.footer-nav li a {margin: 0 5px; font-size: 11px; font-weight: 700; color: #417e9d; text-transform: uppercase; }

@media print {
    @page {orphans: 4; widows: 2; }
    .regular-table .table-header .row {background-color: #eaebed!important; }
    .regular-table .table-body-stripped .row {padding: 10px 0 5px!important; border-bottom: 1px solid #e5e5e5; }
    .regular-table .table-body-stripped .row:nth-of-type(odd) {background: #fafafa!important; }
}

@media print {
    blockquote, img, pre, tr {page-break-inside: avoid; }
    * {color: #000!important; text-shadow: none!important; background: 0 0!important; box-shadow: none!important; }
    a, a:visited {text-decoration: underline; }
    a[href]:after {
    content: " (" attr(href)")"}
    abbr[title]:after {content: " (" attr(title)")"}
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: ""}
    blockquote, pre {border: 1px solid #999; }
    thead {display: table-header-group; }
    img {max-width: 100%!important; }
    @page {margin: .5cm; }
    h2, h3, p {orphans: 3; widows: 3; }
    h2, h3 {page-break-after: avoid; }
}

#activity-summary-printable-itemization .table {display: table; margin-right: 10px; margin-left: 10px; font-family: Lato, Helvetica, Arial, sans-serif!important; table-layout: fixed; }
#activity-summary-printable-itemization .table-heading {display: table-row; width: 100%; padding: 5px 0; overflow: hidden; font-weight: 700; color: #231f20; text-transform: uppercase; white-space: nowrap; background-color: #eaebed; }
#activity-summary-printable-itemization .table-row {display: table-row; }
#activity-summary-printable-itemization .table-row:nth-child(even) {background: #fafafa; }
#activity-summary-printable-itemization .table-cell {display: table-cell; width: 1%; padding: 5px 15px 0; vertical-align: middle; border-bottom: 1px solid #e5e5e5!important; }
.ir, .visuallyhidden {overflow: hidden; border: 0; }

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
    .hazard-risk-level span {margin-left: 47px; }
    .regular-table .table-body-scroll .squaredCheckbox {position: relative; left: 15px; float: none!important; }
    .regular-table .table-body-scroll .icon-1 {position: relative; top: -28px; left: -10px; float: right!important; }
    .regular-table .table-body-scroll hr {margin-left: -465px; }
    #hazards-selection #typeahead-container {height: 40px; }
    #hazards-selection #typeahead-container .tt-dropdown-menu {margin-left: 30px!important; }
}

.ir {background-color: transparent; }
.ir:before {display: block; width: 0; height: 150%; content: ""}

.hidden {display: none!important; }
.visuallyhidden {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0 0 0 0); }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }
.clearfix:after, .clearfix:before {display: table; content: " "}


#about-hidden {display: none; }
.nav-down {color: #417e9d; height: 32px; padding-top: 1px!important; margin-bottom: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.nav-down .nav>li:before {float: left; margin-top: 5px; color: #417e9d; content: '|'}
.nav-down .nav>li>a {font-size: 11px; font-weight: 700; color: #417e9d; margin: 0 7px!important; padding-left: 0!important; padding-right: 0!important; }
.nav-down .nav>li>a:hover {color: #225772; }
.nav-down .nav>.active a {border-bottom: 0!important; }
.nav-down .nav>.active>a:after {margin-top: 0!important; content: ""!important; }
.nav-down .nav .open>a {background-color: transparent; color: #417e9d; }

.woot {font-weight: 700; }
.mmro .megamenu_paddings {padding-left: 3.75px!important; padding-right: 3.75px!important; }
.loading-modal{width:250px; height:250px; }

.feedbackPost { margin-top: 50px; }
.feedbackReply { background-color: #dfe1e0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.postTools { margin-top: 5px; padding: 0 10px; }
.feedbackReply textarea { resize: none; }
.replyPost { padding: 25px 0 20px 0; border-bottom-color: #c8ccca; border-bottom-style: solid; border-bottom-width: 1px; }
.replyContent { padding: 0 20px 0 50px; }
.replyBox { padding: 20px 20px 43px 50px; }
.textareaAnim {-moz-transition: height 2s; -o-transition: height 2s; -webkit-transition: height 2s; transition: height 2s;}

.squaredCheckbox.small { margin: 0; position: absolute; width: auto; }
.squaredCheckbox.small label { left: -7px; top: 3px; }


.text-table-item {font-size:14px; font-family:Lato, Helvetica, Arial, sans-serif; text-transform:uppercase;font-weight:600;margin-bottom:0px}


.saveicon {color: #1abc9c;  cursor: pointer;  }

.footerwhite {position: relative; min-height: 27px; padding-right: 15px; padding-left: 15px; margin-bottom: 20px; background-color: #ffffff; border-radius: 4px; z-index: 1030; }
.footerwhite-fixed-bottom, .footerwhite-fixed-top {position: fixed; right: 0; left: 0; z-index: 1030; border-radius: 0; }
.footerwhite-fixed-top {top: 0; }
.footerwhite-fixed-bottom {bottom: 0; margin-bottom: 0; }

.description-preview {font-family: Lato, Helvetica, Arial, sans-serif; font-size:18px; color:grey}
.question-style-preview {font-family: Lato, Helvetica, Arial, sans-serif; font-size:18px; font-weight:600}



/* Drag and Drop styles*/
ul.source, ul.target {
  min-height: 200px;
  margin: 0px 25px 10px 0px;
  padding: 2px;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  list-style-type: none;
  list-style-position: inside;
}
ul.source {
  border-color: #b0d9f7;
}
ul.target {
  border-color: #add38d;
}
.source li, .target li {
  width: 90%;
  margin: 5px;
  padding: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.source li {
  background-color: #e3eefc;
  border: 1px solid #d4e7fa;
  color: #5290bf;
  
}

/*.Owned {
  background-color: #e3eefc;
  border: 1px solid #d4e7fa;
  color: #5290bf;
  
}

.NotOwned {
  background-color: #000;
  border: 1px solid #d4e7fa;
  color: #fff;
  
}*/

.target li {
    background-color: #ebf5e6;
    border: 1px solid #d6e9c6;
    color: #468847;
}
.sortable-dragging {
    border-color: #ccc !important;
    background-color: #fafafa !important;
    color: #bbb !important;
}
.sortable-placeholder {
    height: 40px;
}
.source .sortable-placeholder {
    border: 2px dashed #b0d9f7 !important;
    background-color: #fefcf5 !important;
}
.target .sortable-placeholder {
    border: 2px dashed #add38d !important;
    background-color: #f6fbf4 !important;
}


/* Close x control tag Remove from target*/

ul.source .originHdn{
  display: none;
}
          
ul.target .originHdn{
  display:inline ;
  color:#468847;
}

.tabContainer i {
  display:none
}

.tabContainer>li.active i {
  display:block;
  cursor: pointer;
}

.controlNobottomLine {
  border-bottom: 2px none !important;
}

/* Input Validations */

/*field error */
.input-validation-error
{
    border:1px solid #b94a48 !important;
    border-left:3px solid #ee0000 !important;
}

/*valid field*/
.valid
{
    border-left:3px solid #00aa00 !important;
}

/*Message error */
.field-validation-error
{
    color:#990000;
}


/*Vertical Tags validation  */
.nav-tabs > li > a.validation-tags
, .nav-tabs > li > a.validation-tags:hover
, .nav-tabs > li > a.validation-tags:focus
{
    border-left-width: 4px;
    border-left-color: #ee0000;
}

.nav-tabs > li:active > a.validation-tags, .nav-tabs > li:active > a.validation-tags:hover
{
    border-left-width: 4px;
    border-left-color: #ee0000;
}

.chosen-container{
    width: 100% !important;
}

/*Fix view of Choosen component on matrix column - Bring the component to the front */
.choosen-matrix-col
{
  overflow:visible!important;

}

.matrix-table{
    width:auto;
}
/*Fix view of col Trash can icon on Matrix */
.matrix-table th:first-child, .matrix-table td:first-child{
    min-width: 42px;
    max-width: initial;
    padding: 11px 5px 0px 10px;
}
/*Search Advanced*/

.adv-search .dropdown.dropdown-lg .dropdown-menu {
    margin-top: -1px;
    /*padding: 6px 20px;*/
    margin-left:-433px
}
.adv-search .input-group-btn .btn-group {
    display: flex !important;
}
.adv-search .btn-group .btn {
    border-radius: 0;
    margin-left: -1px;
    margin-top:5px;
    height:41px
}
.adv-search .btn-group .btn:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.adv-search .btn-group .form-horizontal .btn[type="submit"] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.adv-search .form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}
.adv-search .form-group .form-control:last-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

@media screen and (min-width: 768px) {
    #adv-search {
        width: 500px;
        margin: 0 auto;
    }
    .adv-search .dropdown.dropdown-lg {
        position: static !important;
    }
    .adv-search .dropdown.dropdown-lg .dropdown-menu {
        min-width: 500px;
        
    }
}



/*Brings to front Day Picker over Search Menu*/

.datepickers-container{
        z-index: 2000;
}


/*ESAF List Styles*/

.text-Institution {
    color: #666; 
    text-transform:uppercase;
    font-size:smaller
}


/*Titles Additional Controls Styles*/
.AdditionalControlTitle {
    font-family: Lato, Helvetica, Arial, sans-serif; font-size:18px; font-weight:600

}


/* Controls Styles*/

ul.sourceCtl, ul.targetCtl {
  min-height: 200px;
  margin: 0px 25px 10px 0px;
  padding: 2px;
  list-style-type: none;
  list-style-position: inside;
}
/*ul.sourceCtl {
  border-color: #ef7824;
}
ul.targetCtl {
  border-color:darkred;
}*/
.sourceCtl li, .targetCtl li {
  width: 90%;
  margin: 5px;
  padding: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.targetCtl li {
    background-color: #ebf5e6;
    border: 1px solid #d6e9c6;
    color: #468847;

}

.targetCtldiv {
  min-height: 100px;
  margin: 0px 25px 10px 0px;
  padding: 2px;
  list-style-type: none;
  list-style-position: inside;

}

.AdditionalCtlli {
  /*width: 90%;*/
  margin: 5px 0px;
  padding: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

  background-color: #ebf5e6;
  border: 1px solid #d6e9c6;
  color: #468847;
}


/*Drag and drop Files styles*/

.DropZoneFiles {
  
    margin: 0px 25px 10px 0px;
    padding: 2px;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
     border-radius: 3px;
     border-color: #b0d9f7;
     background-color: white;
     outline: 2px dashed #b0d9f7;
     outline-offset: -10px;

     width: 300px;
     height: 300px;

    left:0; right:0;
    top:0; bottom:0;

	min-height:300px;
    min-width:300px;

	max-width:100%;
	max-height:100%;
	

  }

/*Reviewers Colaboration styles*/

.agreeNopointer,.disagreeNoPointer {

    cursor:default;
  
}

.toolbar a.agreeNopointer:hover i:first-child, .toolbar a.disagreeNoPointer:hover i:first-child {

    cursor:default;
    color:#a5a8ab;
}

.toolbar a.active.agreeNopointer:hover i:first-child, .toolbar a.active.disagreeNoPointer:hover i:first-child {

    cursor:default;
    color:#2baae1;
}

.toolbar a.active.agreeNopointer i:first-child {

    
    color:#00aa00 ;
}

.toolbar a.active.agreeNopointer:hover i:first-child {

    
    color:#00aa00 ;
}

.toolbar a.active.disagreeNoPointer i:first-child {

    color:#d9534f;
}

.toolbar a.active.disagreeNoPointer:hover i:first-child {

    color:#d9534f;
}



/*Type Ahead Assign Reviewers*/


.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border: 1px solid #32b895;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}



.tt-menu {
  width: 500px;
  margin: 2px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 15px;
  line-height: 24px;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color:rgb(51, 172, 227);
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}

.gist {
  font-size: 15px;
}

.tt-menu.tt-open {
  max-height: 200px;  
  overflow-y: auto;
}



/*Header Print Preview*/

.PrintEsaf-logo  {
    width: 85px;
    height: 85px;
    margin-top: 10px;
    background: url('../content/img/LogoESAFPrint.png') no-repeat;

}

.PrintBerkeleyLab-logo  {
    width: 97px;
    height: 85px;
    margin-top: 10px;
    background: url('../content/img/berkeley lab_logo small.png') no-repeat;

}



.TitlePrintHeader {
 font-size:x-large;
 font-weight:800;
 color:black;

}

.TitlePrintHeaderSmall {
 font-size:medium;
 font-weight:500;
 color:grey;
}



.TitleDetails {
 font-size:14px;
 font-weight:bold;
 color:black;

}

.textareaDescription {

    margin: 0px 25px 10px 0px;
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
     border-radius: 5px;
     border-color:#bdc3c7;
     background-color: #eeeeee;
     

     width: 550px;
     height: 100px;

    left:0; right:0;
    top:0; bottom:0;

	min-height:100px;
    min-width:550px;

	max-width:100%;
	max-height:100%;
}


/*Signature */

.signature-wrapper {
    border:dashed 1px;
    position: relative;
    width: auto;
    height: 258px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    left:0px;
}

.signature-pad {
    margin: 3px;
    position: absolute;
    height:250px;
}

.signature-name {
    font-size:medium;
    font-weight:600
}

.sme-rol {
    font-size:12px;
    font-weight:600;
    color:#999;
}

.wellApproval {
  min-height: 62px;
  padding: 19px;
  margin-bottom: 20px;
  background-color:#E1ECF4;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;

}

.wellApproval:hover {
  background-color:#D3EAFB;
  border: 1px solid #e3e3e3;

}


/*Icons signature participant */

.text-icon-signature {
   font-size:smaller !important;
   font-weight:400 !important;

}




/*summer note styles*/

.note-toolbar .note-popover .popover-content>.btn-group, .panel-heading.note-toolbar>.btn-group {
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 0;
}

.note-toolbar .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.note-toolbar .btn-group > .btn:first-child {
    margin-left: 0;
}


.note-toolbar .btn-group > .btn-group {
    float: left;
}


.note-toolbar .btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}


.note-toolbar .panel-default > .panel-heading {
    color: #555555;
    background-color: #f5f5f5;
    border-color: #dddddd;
}

.note-toolbar .btn-group > .btn:first-child {
    margin-left: 0;
}

.note-toolbar .btn-group > .btn, .btn-group-vertical > .btn {
    position: relative;
    float: left;
}


.note-toolbar .btn-default {
    filter: none;
    border-bottom: 1px solid #e6e6e6;
    color: #555555;
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, 0.1);
}

.note-toolbar .btn {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    user-select: none;
}

.note-toolbar .btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}


.note-toolbar .btn-group button i {
     font-size: 10px; 
}

.note-toolbar .btn-default i {
     color: black !important;
}



/*Breadcrum CustomizedEmail styles*/

       .breadcrumb-arrow {
       height: 36px;
       padding: 0;
       line-height: 36px;
       list-style: none;
       background-color: #e6e9ed
       }
       .breadcrumb-arrow li:first-child a {
       border-radius: 4px 0 0 4px;
       -webkit-border-radius: 4px 0 0 4px;
       -moz-border-radius: 4px 0 0 4px
       }
       .breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {
       display: inline-block;
       vertical-align: top
       }
       .breadcrumb-arrow li:not(:first-child) {
       margin-left: -5px
       }
       .breadcrumb-arrow li+li:before {
       padding: 0;
       content: ""
       }
       .breadcrumb-arrow li span {
       padding: 0 10px
       }
       .breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span {
       height: 36px;
       padding: 0 10px 0 25px;
       line-height: 36px
       }
       .breadcrumb-arrow li:first-child a {
       padding: 0 10px
       }
       .breadcrumb-arrow li a {
       position: relative;
       color: #fff;
       text-decoration: none;
       background-color: #3bafda;
       border: 1px solid #3bafda
       }
       .breadcrumb-arrow li:first-child a {
       padding-left: 10px
       }
       .breadcrumb-arrow li a:after, .breadcrumb-arrow li a:before {
       position: absolute;
       top: -1px;
       width: 0;
       height: 0;
       content: '';
       border-top: 18px solid transparent;
       border-bottom: 18px solid transparent
       }
       .breadcrumb-arrow li a:before {
       right: -10px;
       z-index: 3;
       border-left-color: #3bafda;
       border-left-style: solid;
       border-left-width: 11px
       }
       .breadcrumb-arrow li a:after {
       right: -11px;
       z-index: 2;
       border-left: 11px solid #2494be
       }
       .breadcrumb-arrow li a:focus, .breadcrumb-arrow li a:hover {
       background-color: #4fc1e9;
       border: 1px solid #4fc1e9
       }
       .breadcrumb-arrow li a:focus:before, .breadcrumb-arrow li a:hover:before {
       border-left-color: #4fc1e9
       }
       .breadcrumb-arrow li a:active {
       background-color: #2494be;
       border: 1px solid #2494be
       }
       .breadcrumb-arrow li a:active:after, .breadcrumb-arrow li a:active:before {
       border-left-color: #2494be
       }
       .breadcrumb-arrow li span {
       color: #434a54
       }


/*Matrix Columns Styles*/

       .col-padding {padding: 1px!important; }

/*Print Page Break*/
.breakhere { 
    page-break-after: always;
}

/*Pending Esafs Styles*/
.esafEventContainer {
    cursor: pointer; 
    padding: 0 5px;
    height: auto;
    /*background-color:#1bbc9b;*/
}

.cellPendingEsaf {
    height: 85px;
    text-align:center;
    color:#fff;
    background-color:#1bbc9b;
    font-weight:bold;
    line-height: 100%;
    padding:20px 0 15px 0;
}

.containerPendingEsaf {
    height: 85px;
    border: 1px solid;
    border-color: #bdc3c7;
    /*background-color:#ffffff;*/
    -moz-box-sizing: border-box;
    padding:2px 5px 2px 5px;
}

.DayPendingEsaf {
    font-size:24px;
}



/*Pending Esafs Carrusel Styles*/

/* carousel */
.esaf-carousel 
{
  margin-bottom: 0;
  padding: 0 35px 0 35px;
}
/* Previous and next buttons */
.esaf-carousel .carousel-control 
{
  background-image: none;
  height: 30px;
  width : 30px;
  margin-top: 30px;
  font-size: 30px;
  color: #222222;
  text-shadow: initial;
}
/* Changes the position of the indicators */
.esaf-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.esaf-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.esaf-carousel .carousel-indicators .active 
{
  background: #333333;
}

/* End carousel */



/*Sticky Header*/

.breadcrumbSticky {

    position:fixed;
    top:140px
}

.toolbar-containerSticky {

    position:fixed;
    top:140px;
}


.stickyOverview {
    background-color:#fff;
    position: fixed;
    top:110px;
    right: 0;
    left: 0;
    z-index: 1000;
    width:100%;
    height:21px;
    border-bottom:1px solid #bdc3c7;
}

.stickyOverviewText {
   font-weight:bold;
   display:inline;
}

#sticky-container .row :last-child.overflow-text
{
    text-align: right;
}

.esaf-manager-logo2 {
    width: 230px; height: 30px;
    margin-top: 10px;
    background: url('../../../content/img/ALS_logo_stickysmall.png');

}

/*End Sticky Header*/



/*Generic Overflow Text Ellipsis*/

.overflow-text {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap; 

}

/*Fix Date picker position on Delegate my Role*/

#dtDelegationStart.InlineDaypickerFields, #dtDelegationEnd.InlineDaypickerFields {
    width:45%;
    display:inline-block;
    margin-left:5px;
   
}


/* Edit Delegations Input tt-suggestion fix */

.regular-table .table-body .tt-suggestion .row {
    min-height: 0px;
    padding: 0px;
    border-bottom: 0px;
    background-color:transparent
}


/* Edit Delegations Input tt-suggestion fix */

.dropdown-menu > li { text-align: left; }

#esaf-section-content { padding-bottom: 40px; }
#save-buttons-fixed-bottom { bottom: 0; margin-bottom: 5px; position: fixed; width:100%; padding-right: 0; z-index: 1030; pointer-events: none; }

/* Breadcrum */
#main-navigation-breadcrumb { float: left; }
#main-navigation-breadcrumb .breadcrumb-nav li { float: left; }
#main-navigation-breadcrumb .breadcrumb-nav li:first-child:nth-last-child(6),#main-navigation-breadcrumb .breadcrumb-nav li:first-child:nth-last-child(6) ~ li { max-width:16.65%; }
#main-navigation-breadcrumb .breadcrumb-nav li:first-child:nth-last-child(7),#main-navigation-breadcrumb .breadcrumb-nav li:first-child:nth-last-child(7) ~ li { max-width:14.25%; }
#main-navigation-breadcrumb .breadcrumb-nav { max-height: 39px; overflow: hidden; list-style: none; }
#main-navigation-breadcrumb .breadcrumb-nav li a { max-width: 100%; white-space:nowrap; position: relative; display: block; float: left; width: 100%; min-height: 39px; padding-top: 12px; padding-left: 10px; margin-right: 1px; font-size: 13px; line-height: 12px; color: #fff; text-decoration: none; background-color: #dfe1e0;  }
#main-navigation-breadcrumb .breadcrumb-nav li:not(:first-child) a { padding-left: 25px; }
#main-navigation-breadcrumb .breadcrumb-nav li:last-child a { padding-right: 10px; }
#main-navigation-breadcrumb .breadcrumb-nav li a .breadcrumb-text { display:inline-block; line-height:15px; width:100%; overflow:hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
#main-navigation-breadcrumb .breadcrumb-nav li a .badgeSpan { color: #ffffff; background-color: #c3c3c3; }

/* Arrows */
#main-navigation-breadcrumb .breadcrumb-nav li:last-child a:after, #main-navigation-breadcrumb .breadcrumb-nav li:last-child a:before { border-top: 0; border-bottom: 0; border-left: 0; }
#main-navigation-breadcrumb .breadcrumb-nav li a:after, #main-navigation-breadcrumb .breadcrumb-nav li a:before { top: 50%; left: 100%; margin-top: -50px; border-top: 50px solid transparent; border-bottom: 50px solid transparent; content: "" }
#main-navigation-breadcrumb .breadcrumb-nav li a:after { position: absolute; z-index: 2; border-left: 20px solid #dfe1e0; }
#main-navigation-breadcrumb .breadcrumb-nav li a:before { position: absolute; z-index: 1; margin-left: 1px; border-left: 20px solid #bcbcbc; }
/* Arrows */

#main-navigation-breadcrumb .breadcrumb-nav li a:focus { color: #063959; background: #c8ccca; }
#main-navigation-breadcrumb .breadcrumb-nav li a:hover { color: #063959; background: #c8ccca; }
#main-navigation-breadcrumb .breadcrumb-nav li a:focus:after { border-left-color: #c8ccca/*!important*/; }
#main-navigation-breadcrumb .breadcrumb-nav li a:hover:after { border-left-color: #c8ccca/*!important*/; }
#main-navigation-breadcrumb .breadcrumb-nav li a:focus .badgeSpan { background-color: #063959; }
#main-navigation-breadcrumb .breadcrumb-nav li a:hover .badgeSpan { background-color: #063959; }
#main-navigation-breadcrumb .breadcrumb-nav li a.active { color: #fff; background-color: #33ace3; }
#main-navigation-breadcrumb .breadcrumb-nav li a.active .badgeSpan { background-color: #2f8fb5; }
#main-navigation-breadcrumb .breadcrumb-nav li a.active:after { border-left-color: #33ace3!important; }

/* Validate Class on Breadcrumbs*/
#main-navigation-breadcrumb .breadcrumb-nav li a.validation { border-bottom:solid; border-bottom-color:#ee0000; }

/* Breadcrum disabled */
#main-navigation-breadcrumb .breadcrumb-nav li a[disabled=disabled]:hover { background-color:#dfe1e0; color:white; cursor:default}
#main-navigation-breadcrumb .breadcrumb-nav li a[disabled=disabled]:hover .badgeSpan { background-color:#c3c3c3; }
#main-navigation-breadcrumb .breadcrumb-nav li a[disabled=disabled]:hover:after{ border-left-color:#dfe1e0; color:white;}

#btnSearch {
    color:#ffffff;
}
#btnSearch:hover, #btnSearch:focus {
    color:#ffffff;
}

/*bagde Styles styles*/
.badgeSpan {
  padding: 0px 4px;
  margin-right: 5px;
  font-weight: bold;
  white-space: nowrap;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.badgeAttachment {
  padding: initial;
  margin:initial;
  position:absolute;
  font-size: 12.5px;
  top:22px;
  right:0px;
  bottom:0px;
  min-width:16px;
  background-color: #f89406;
  overflow:hidden;
}
/* End Breadcrum */

.buttons-container { background: white; }
.buttons-container .btn:not(:last-child) { margin-right: 5px;}

/* Responsiveness */
/* Minimum resolution (initial state) */
#header { margin-bottom: 0; }
.stickyOverview { top:75px; }
.full-content { padding-top:60px; }
.toolbar-container { padding-right: 0; }
#message-container { top: 75px; position:fixed; }
#message-container .alert { margin-bottom: 10px; } 

/* Media queries */
@media (min-width:768px) {
    .stickyOverview { top:110px; }
    .full-content { padding-top:110px; }
    #message-container { top: 120px; }
    #main-navigation-breadcrumb .breadcrumb-nav li:first-child:nth-last-child(6),#main-navigation-breadcrumb .breadcrumb-nav li:first-child:nth-last-child(6) ~ li { max-width:17.0675%; }
    #main-navigation-breadcrumb .breadcrumb-nav li:first-child:nth-last-child(7),#main-navigation-breadcrumb .breadcrumb-nav li:first-child:nth-last-child(7) ~ li { max-width:14.285%; }
}

@media (min-width:992px) {
    #save-buttons-fixed-bottom { margin-bottom: 60px; }
    #main-navigation-breadcrumb .breadcrumb-nav li:first-child:nth-last-child(6),#main-navigation-breadcrumb .breadcrumb-nav li:first-child:nth-last-child(6) ~ li { max-width:25%; }
    #main-navigation-breadcrumb .breadcrumb-nav li:first-child:nth-last-child(7),#main-navigation-breadcrumb .breadcrumb-nav li:first-child:nth-last-child(7) ~ li { max-width:17.45%; }
}

@media (min-width:1200px) {
    #main-navigation-breadcrumb .breadcrumb-nav li:first-child:nth-last-child(6),#main-navigation-breadcrumb .breadcrumb-nav li:first-child:nth-last-child(6) ~ li { max-width:100%; }
    #main-navigation-breadcrumb .breadcrumb-nav li:first-child:nth-last-child(7),#main-navigation-breadcrumb .breadcrumb-nav li:first-child:nth-last-child(7) ~ li { max-width:100%; }
}

.questionnaireContainer-js.remove-questionnaire-hover,.questionnaireContainer-js.remove-questionnaire-confirm {
    opacity: 0.30;
}

#save-buttons-fixed-bottom .buttons-container { pointer-events: initial; }