/* 
    Created on : Sep 4, 2015, 2:27:23 PM
    Author     : faisalkaleem
*/

@import url(print.css) print;
.column.no-margin{margin:0px;}
.form.vertical .row > label,
.form.vertical .row > select,
.form.vertical .row > input[type=text],
.form.vertical .row > textarea {
    display: block;
    float: none;
    text-align: left;
    width: auto;
}
.form.vertical .row > select,
.form.vertical .row > input[type=text],
.form.vertical .row > textarea {
    width: 100%;
}
.form.absolute .row select {
  width:75%;
}

#document-search-container {
    display: inline-block;
    position: relative;
    text-align: left;
    /*width:300px;*/
}
.accordion-left .ui-icon {
    background-image: none !important;
}
.btn-search-inline {
    height:20px;
    line-height:20px;
    position:absolute;
    right:120px;
    top:1px;
    width:18px;
    color:#3c4349;
    border:none;
    background-color:transparent;
    cursor:pointer;
}
.btn-topbar {
    color:#FFFFFF;
    background-color:#3c4349;
    border:none;
    cursor:pointer;
    font-size:14px;
}
.link{background-color: #fff !important; color: #27b5f2 !important;margin: 5px 0px;}
.hidden {
    display:none;
}

#risk-assessment-form .grid-view table.items td {
  vertical-align:top;
}
/*** jQuery UI styles and overrides ***/
.ui-sortable-handle, .handle {
    cursor:move;
}
.ui-dialog-content .form input[type="text"],
.ui-dialog-content .form textarea,
.ui-dialog-content .form select,
.ui-dialog-content .form div.row div.k-multiselect {
  width:74%!important;
}
.ui-dialog-content .form td select {
  width:100%;
}
.ui-dialog-content .form .errorMessage {
    margin-left: 25%;
}

.alert-message {
  padding:10px;
  font-weight:bold;
}
.warning {
  background-color:#fbf9ee;
  border:1px solid #fcefa1;
  color:#8a6d3b;
  padding:5px;
}
.warning a {
  color:#75350d;
}

.error {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
label.error {
  background-color:transparent;
  border: 0px solid #fff !important;
}
#login-form > div.error {
  background-color:transparent;
}
div.row div.errorMessage {
  float: left;
  line-height: 36px;
  padding-left: 5px;
}
.success {
  background-color:#dff0d8;
  border:1px solid #d6e9c6;
  color:#3c763d;
}

.full-width {
  width:100%;
}
@media screen and (-webkit-min-device-pixel-ratio:0){input[type="file"] { width: 200px;}}  /* only work for chrome */
.inspection-column {
  border:1px solid #cccccc;
  padding:2px;
}
.overflow-hidden {
  overflow:hidden;
}
.inspection-image {
  border-bottom:1px solid #cccccc;
  height:240px;
  overflow:hidden;
  text-align:center;
}
.inspection-image img {
  max-width:none;
}
.inspection-date {
  font-size:18px;
  font-weight:bold;
}
.inspection-comments {
  height:140px;
  padding:2px 5px;
}
.banner-image {
  height:550px;
  width:100%;
}

/* Accordion boxes on the left side */
.accordion a.open-refdocs-dialog {
  color:#ffffff;
  display:inline-block;
  float:right;
  width:14px;
  font-size:14px;
}

/* Popup Dialog styles */
#dialog-search-results .grid-view table.items {
  width:100%;
}
#dialog-search-results #container-document-searchbox {
  margin:0px;
  display:inline-block;
  overflow:hidden;
  vertical-align:middle;
  position:relative;
}
#dialog-search-results #container-document-searchbox input[type=text]{
  height:25px;
  width:275px;
}
#dialog-search-results #container-document-searchbox button {
  right:3px;
  height:23px;
}

/* For elevateZoom */
.zoomContainer {
  z-index:102; /* 101 being used by jQuery Dialog.*/
}

/* Photo Library */
#info-box-dialog {
  padding:7px 20px;
}

#dialog-next-prev-nav {
  position:relative;
}

#dialog-next-prev-nav .nav-next {
  float:right;
  font-size:28px;
  position:absolute;
  right:-18px;
  top:120px;
}

#dialog-next-prev-nav .nav-prev {
  float:left;
  font-size:28px;
  position:absolute;
  left:-18px;
  top:120px;
}

/* Component Detail View*/
.component-details table th, .component-details table td {
  padding:3px 0;
}

/*** Admin section styles ***/
#admin-section form .row input[type=checkbox] {
  vertical-align:bottom;
}
#admin-section form .row label input[type=checkbox] {
  vertical-align:middle;
}

.sidebar > h3 {
  font-weight:bold;
  background-color: #3c4349;
  color: #ffffff;
  font-size: 110%;
  margin: 0;
  padding: 8px 10px;
}

.sidebar > div {
  background-color: #ffffff;
  padding: 10px;
}

.form input[type="text"].input-small {
  width:65px;
}
.form table select,
.form table input[type=text],
.form table textarea,
form .matrix-column select {
  width:100%;
}
.form.one-half label, .form.one-half select {
  width:50%;
}

.export-options {
  float:right;
  position:relative;
  /*top:-5px;*/
  padding-top: 15px;
}

.export-xls{
  /*background-image:url('../../../images/icons/excel.jpg');
  background-repeat:no-repeat;
  height:21px;
  width:16px;
  display:inline-block;
  text-indent:-9999px;*/
  background: linear-gradient(to bottom, #00304c, #00304c) repeat scroll 0 0 #00304c;
  border-radius: 5px;
  border-color: #00304c;
  color: #ffffff !important;
  font-family: Arial;
  font-size: 14px;
  padding: 5px 20px;
  text-decoration: none;
  margin-top: 5px;
}

.alert-count {
  margin:0 0 0 5px;
  padding:0 5px;
  border-radius:2px;
}

.alert-count.red {
  background: #f00 none repeat scroll 0 0;
  color: #fff;
}
.form-space-left {
  padding-left:25%;
}

.form.inline {
  display:inline;
}
.form.inline label {
  font-size: 14px;
  width:auto;
  line-height:40px;
}
.form.inline input[type=text] {
  width:auto;
}

.form input[type=text].md {
  width:350px;
}
.form.inline input[type=submit] {
  padding:10px;
  vertical-align:top;
  margin:0;
}

.field-info {
  line-height: 40px;
  padding-left: 10px;
  color: #888888;
}

.btn-ref-align-fix {
  margin-top:6px;
  margin-left:2px;
}
ul.list-left-indent-fix li a {
  width:100%;
}
/* minicolors */
.minicolors-theme-clarus {
  width:100%;
}
.minicolors-theme-clarus .minicolors-swatch {
  height: 26px;
  left: 5%; /* left: 26%; */
  top: 6px;
  width: 26px;
}
.minicolors-position-left .minicolors-panel {
    left: 293px;
}
.minicolors-position-bottom .minicolors-panel {
    top: 35px;
}
.matrix-column .minicolors-swatch {
  height:14px;
  width:14px;
  top:8px;
}

/** ColorPicker **/
.colorpicker {
  z-index: 110;
}
/**/
.matrix-column {
  margin:0;
  padding:5px;
  width:100px;
}

.efu-in-header {
  float:right;
  width:350px;
  margin-left:20px;
}
.efu-in-header .qq-upload-button {
  float:left;
}
.efu-in-header .qq-upload-list {
  width:225px;
  clear:none;
}
.efu-in-header .qq-upload-list li {
  padding:9px 9px 5px;
}
.efu-in-header .qq-upload-file {
  width:200px;
}
.efu-in-header .qq-upload-size {
  display:none;
}
.efu-in-header button.qq-upload-delete {
  float:right;
  margin-right:0;
  position:relative;
  top:-24px;
}
.tab-container {
  margin-bottom: 10px;
}

sup.adhoc {
  color:red;
}

/***** admin section styles ends here *****/
.matrix-column.head {
  font-weight:bold;
}
.matrix-column span {
    display:block;
    line-height:43px;
}

.matrix-column .minicolors-position-left .minicolors-panel {
  left:2px;
}
.matrix-column .minicolors-position-left .minicolors-panel {
  top:35px;
}
.form .matrix-column input[type=text] {
  font-size: 11px;
  height: 30px;
  padding: 4px 1px 4px 20px;
  width: 100%;
}

.answer-group {
  width:100%;
  clear:both;
}

#forgotpasswordlink {
  color:red;
  font-weight:bold;
}

/*** Highcharts ***/
.highcharts-tooltip span {
  width:200px;
  white-space:normal!important;
}

.highcharts-tooltip span > div {
  max-height:200px;
  overflow-y:auto;
}

div div.child {
  margin-left:20px;
}

.filters-list select {
  max-width:180px;
}

/**** Kendo UI Widgets ****/
.k-widget {
  float: left;
  width: 70%;
}
.k-widget {
  float: left;
  width: 70%;
}
.full-width .k-widget {
  width:100%;
}
.k-grid-content td select, .k-grid-content td input[type=text] {
  box-sizing:border-box;
}
.k-grid td a, .k-grid th a {
  color:#27b5f2;
}
.k-grid td div.condformat {
  position: relative;
  margin: -.4em -.6em;
  padding: .4em .6em;
  height:100%;
}

.filters-list .k-multiselect {
  min-width:220px;
}
.k-list-container .k-item {
  cursor: pointer;
}
.k-list-container .k-item .k-icon {
  border-top: 1px solid #888;
  border-left: 1px solid #888;
  border-bottom: 1px solid #444;
  border-right: 1px solid #444;
  margin-right: 4px;
  width: 15px;
  height: 15px;
}
.k-i-blank {
  background-position: -99px -99px;
}
.k-list-container .k-state-selected .k-icon.k-i-blank {
  background-position: -32px -32px;
}
.k-tooltip {
  text-align:left;
}
.k-widget.k-multiselect {
  border-radius:5px;
  background-color:transparent;
  border-color:transparent;
  /*border:1px solid #CCCCCC;*/
}
.k-multiselect-wrap.k-floatwrap {
  border-radius:4px;
  border:1px solid #CCCCCC;
}

.chart-status-filter {
  float:right;
  position:relative;
/*  top:-50px;
  right:-5px;*/
}

.logo {
  width:835px;
}

#help-search-grid table.items {
  width:100%;
}

.pos-relative {
  position: relative;
}

.pos-absolute {
  position: absolute;
}

.top-right {
  top:10px;
  right:10px;
}

/** Fontawsome and related **/
.fa-button, #admin-section .content-box a.fa-button {
  background: #27b5f2;
  color: #FFFFFF;
  padding: 6px 12px;
  border-radius: 5px;
  display: inline-block;
}

/* Metrics page styles */
/* 6 charts */
.metrics div.column:first-child:nth-last-child(6),
.metrics div.column:first-child:nth-last-child(6) ~ div.column {
  width: 48%; /* Each column takes up almost half of the container */
}
.metrics div.column:nth-last-child(6) ~ div.column:nth-child(2n) {
  margin-right: 0;
}

/* 5 charts */
.metrics div.column:first-child:nth-last-child(5),
.metrics div.column:first-child:nth-last-child(5) ~ div.column {
  width: 48%; /* Each column takes up almost half of the container */
}
.metrics div.column:nth-last-child(5) ~ div.column:nth-child(2n) {
  margin-right: 0;
}

/* 4 charts */
.metrics div.column:first-child:nth-last-child(4),
.metrics div.column:first-child:nth-last-child(4) ~ div.column {
  width:49%;
}
.metrics div.column:nth-last-child(4) ~ div.column:nth-child(2n) {
  margin-right:0;
}

/* 3 charts */
.metrics div.column:first-child:nth-last-child(3),
/* For single chart */
.metrics div.column:first-child:nth-last-child(1) {
  width:100%;
}
.metrics div.column:first-child:nth-last-child(3) ~ div.column {
  width:49%;
}

/* 2 charts */
.metrics div.column:first-child:nth-last-child(2),
.metrics div.column:first-child:nth-last-child(2) ~ div.column {
  width:100%;
}

.pre-requisite-note {
  text-align:center;
  margin-top:90px;
  font-weight:bold;
  font-size:16px;
}

.color-red {
  color:#FF0000;
}

.sm-margin-left {
  margin-left:5px;
}

.content-box .table-caption-right, .table-caption-right {
  margin-bottom:0px;
  font-weight:bold;
}

.space-bottom {
  margin-bottom:15px;
}

.tabular-input-value {
  line-height: 30px;
  margin-left:25%;
}

.controller-document #admin-section div.row div.errorMessage {
      width: 100% !important;
      padding-left: 25% !important;
}

/** Module: Risk Assessment **/
.controller-component.action-assess .grid-view table.items td textarea {
  width:250px;
}
.controller-component.action-assess .form div.row div.k-multiselect {
  width:100%;
}
#legend-buttons .left {
  margin-right:5px;
}
#legend-buttons .left:last-child {
  margin-right:0;
}
/** END Module: Risk Assessment **/

/*
/* Pipeline ILI Screening module
/* Displaying table with border
*/
.grid-view table.borders th, .grid-view table.borders td {
  padding: 2px 5px !important;
  text-align: center;
  border: 1px solid #aaa;
}
.btnright{float: right;padding: 5px 39px !important;}

.circumferential-chart,.axial-chart{
        width:900px;
        min-width: 600px;
        height: 400px;
        margin: 10px auto;
        display: none;
    }
.inline_info li {
    margin-left: 40px;
    list-style-type: disc
}
 
.inline_infoinstructions li {
    margin-left: 40px;
    list-style-type: decimal;
}
.paddingleft{padding-left: 54px;}

.alert {
padding: 8px 35px 8px 14px;
margin-bottom: 20px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
}
.alert-danger{
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

input[type=text].error, select.error, textarea.error {
  border: 1px solid #b94a48 !important;
  margin: 1px 0px !important;
}

.anomalies_report_configuration .anomalies_report_label{width: 230px;padding: 5px 0px;}

.anomalies_report_configuration .anomaly-inline-form{width: 300px;float: left;}

.anomalies_report_configuration .anomaly-inline-form .form input[type="text"]{width: 74%}

.anomalies_report_configuration #addsection, #sortable .label{cursor: pointer;color: #27b5f2;}

.anomalies_report_configuration #structure .sortable .delete{color:#8C0000;cursor: pointer;}

.anomalies_report_configuration .img-thumbnail{width: 100%;height: auto;padding: 10px 0px;}

.anomalies_report_configuration .img-thumbnail img{ max-width: 70%; height: auto;}

.color-red {
  color:#FF0000;
}

.map-centered {
  margin: 0 auto;
  width: 849px;
}

.w50p, input[type=text].w50p, .form input[type=text].w50p {
  width:50%;
}

/** Visual Assessment **/
.fullscreen .inspection-image {
    height:auto;
}
.inspection-image img {
    width: 100%;
}