﻿/*#region converting inputs to uppercase*/
.Uppercase {
    text-transform: uppercase;
}
/*#endregion converting inputs to uppercase*/

/*#region Show mandatory symbol for lables and information text*/
.col-sm-2.required .control-label:after, th.required .control-label:after, a.required::after {
    content: "*";
    color: red;
}
.mandatory-text {
    width:100%;
    text-align:right;
}
.mandatory-text:before {
    content: "*";
    color: red;
}
.mandatory-text.wizard{
    margin-top: -2.4em;
    width: auto;
}
.info-text:before {
  content:"*";
  color:green;
}
/*#endregion Show mandatory symbol for lables and information text*/

/*#region form wizard styles*/
.wizard > .content > .body
{
    width: 100%!important;
}
/*#endregion form wizard styles*/

/*#region Budget image coropper styles*/
.image-crop{
    max-height: 328px;
}
/*#endregion Budget image coropper styles*/

/*#region to avoid jquery.steps overriding the jqgrid pager styles*/
.ui-jqgrid-pager input {
    display: inline-block!important;
}
/*#endregion to avoid jquery.steps overriding the jqgrid pager styles*/

/*#region Adrbook, Round cropper  styles*/
.adrbook .cropper-view-box,
.adrbook .cropper-face {
    border-radius: 50%;
}
.adrbook .img-preview img { border-radius: 50%;}
/*#endregion Adrbook, Round cropper  styles*/

/*#region Select2 styles*/
.bigdropdd{ width:100%}

.locked-tag .select2-selection__choice__remove {
    display: none !important;
}
.select2-dropdown{
    z-index:2051!important;
}
.select2-results__option.select2-results__message {
    color:red;
}
/*#endregion Select2 styles*/

/*#region JqGrid filter Select2 styles*/
.searchFilter td {
    padding-right: 20px;
}

.searchFilter th span{
    padding-left:20px;
}
.searchFilter .select2.select2-container{
    min-width:200px;
}
/*#endregion JqGrid filter Select2 styles*/

/*#region JqGrid Cellwrap styles*/
.ui-jqgrid tr.jqgrow td {
    word-wrap: break-word; /* IE 5.5+ and CSS3 */
    white-space: pre-wrap !important; /* CSS3 */
    overflow: hidden;
    height: auto;
    vertical-align: middle;
    padding-top: 3px;
    padding-bottom: 3px;
}
/*.ui-jqgrid tr.jqgrow td { white-space: normal !important; height: auto; vertical-align: text-top; padding-top: 2px; }*/
th.ui-th-column div {
    word-wrap: break-word; /* IE 5.5+ and CSS3 */
    white-space: pre-wrap !important; /* CSS3 */
    overflow: hidden;
    height: auto;
    vertical-align: middle;
    padding-top: 3px;
    padding-bottom: 3px;
}
/*#endregion JqGrid Cellwrap styles*/

/*#region JqGrid remove scroll bars*/
.ui-jqgrid .ui-jqgrid-bdiv {
    overflow: visible !important;
}
/*#endregion JqGrid remove scroll bars*/

/*#region add scroll bars from BudgetImportGrid & BudgetExportGrid*/
.BudgetImportGrid .ui-jqgrid .ui-jqgrid-bdiv, .BudgetExportGrid .ui-jqgrid .ui-jqgrid-bdiv {
    overflow: auto !important;
}

.BudgetImportGrid .ui-jqgrid .frozen-bdiv, .BudgetExportGrid .ui-jqgrid .frozen-bdiv {
    overflow: hidden !important;
}
/*#endregion add scroll bars from BudgetImportGrid*/

/*#region JqGrid action buttons*/
.btn.btn-white.btn-bitbucket {
    margin: -2px;
    width: 36px;
}
/*#endregion JqGrid action buttons*/

/*#region Project Select2 styles*/
.navbar-form-custom .form-group{
    margin-top: 16px;
}

.project-select2-result{ font-weight:400; font-size:11px;}

#select2-project-select-container {
    font-size:11px;
}

#select2-project-select-container{
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight:bold;
    color:#676a6c;
}

/*#endregion Project Select2 styles*/

/*#region round cropped image adrbook styles*/
.img-circle{
    width:48px;
    height:48px;
}
/*#endregion round cropped image adrbook styles*/

/*#region font-family for applicaiton*/
body, .ui-widget {
  font-family: "Verdana", "Arial", "open sans", "Helvetica Neue", Helvetica, sans-serif!important;
}

/*#endregion font-family for applicaiton*/

/*#region tooltip styles for disabled buttons*/
.tooltip-wrapper {
  display: inline-block; /* display: block works as well */
}

    .tooltip-wrapper .btn[disabled] {
        /* don't let button block mouse events from reaching wrapper */
        pointer-events: none;
    }

    .tooltip-wrapper.disabled {
        /* OPTIONAL pointer-events setting above blocks cursor setting, so set it here */
        cursor: not-allowed;
    }
/*#endregion tooltip styles for disabled buttons*/

/*#region project menu*/
.dd-nodrag {
  display: block;
  margin: 5px 0;
  padding: 5px 10px;
  color: #333;
  text-decoration: none;
  border: 1px solid #e7eaec;
  background: #f5f5f5;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.dd-nodrag span {
  font-weight: bold;
}
    .dd-nodrag:hover {
        background: #44402d;
        cursor: pointer;
        color: #fff;
    }
.dd-list button:focus {
    outline: 1px solid #f8ac59 !important;
}
/*#endregion project menu*/
/*#region info buttons index pages*/
.btn-circle.po-shipped {
    margin-top: 15px;
}
/*#endregion info buttons index pages*/

/*#region project settings*/
.table-hover, .table-hover label{
    font-weight:400;
    font-size:12px;
}
.table-hover .checkbox-inline{
    padding-top:0px;
    padding-left:0px;
}
.switch{
    padding-top:6px;
}
.float-e-margins .bootstrap-touchspin .btn {
    margin-bottom: 0;
}
/*#endregion project settings*/

/*#region selectable hover table*/
.header-colored th {
    background-color: rgb(245, 245, 246); 
}
.hovertable-option.disabled {
    /*pointer-events: none;*/
    cursor: not-allowed;
    background-color: #fff5bd;
}
.hovertable-option.disabled:hover {
    /*pointer-events: none;*/
    cursor: not-allowed;
    background-color: #fff5bd;
}
.hovertable-option .inactive { visibility: hidden; }
.hovertable-option.active td {
    background-color: #ffd100 !important;
    color: #222121;
}
.disabled-textbox {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: not-allowed;
}
.hovertable-option-hidden{
    display:none!important;
}
/*#endregion selectable hover table*/

/*#region when window resize*/
.select2-container {
    width: 100% !important;
}
/*#endregion when window resize*/

/*#region show tooltips inline*/
.tooltip-inner {
    white-space: nowrap;
    max-width: none;
}
/*#endregion how tooltips inline*/

/*#region right Side bar user menu*/
.profile-element .dropdown-toggle{
    padding:0px;
}
#div-ride-side-bar-close {
    margin-top: -7px;
}
li.project-menu, li.mail-notificaiton {
    vertical-align: text-bottom !important;
}
/*#endregion right Side bar user menu*/

/*#region for the report viewer*/
iframe {
    border: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}
.ToolBarButtonsCell {
    text-align:center;
}
/*#endregion for the report viewer*/
/*#region display border when validation errors*/
.input-validation-error {
    border: 1px dotted #cc5965 !important;
}
.field-validation-valid {
    display: none;
}
/*#endregion display border when validation errors*/
/*#region loading overlay*/
body.sk-loading > .sk-spinner {
    display: block;
    position: fixed;
    top: 40%;
    left: 0;
    right: 0;
    z-index: 2080 !important;
    /*overflow-x: hidden;
    overflow-y: auto;*/
}

body > .sk-spinner {
    display: none;
}

body.sk-loading:after {
    content: '';
    background-color: rgba(29,22,18, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2079 !important;
}

/*#endregion loading overlay*/

/*#region Tender ViewBudgetForBiding*/
.control-label-pull-left {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: left;
}
/*#endregion Tender ViewBudgetForBiding*/

/*#region form-control overridden styles*/
.form-control:focus, .select2-container *:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #ffd100 !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #ffd100 !important;
}
.form-control {
    border-radius: 4px!important;
}
.jqGrid_wrapper .form-control {
    height: auto !important;
}
/*#endregion form-control overridden styles*/
/*#region Mail Module styles*/
#inboxGrid tr.ui-row-ltr td, #inboxGrid .ui-jqgrid-bdiv tr.ui-row-ltr > td {
    /*border-width: 0px;*/
    border-right-width: 0px;
    padding: 12px;
}
#inboxGrid .jqgfirstrow, #inboxGrid .jqgfirstrow >td {
    padding: 0px;
}
.inbox .ui-widget.ui-widget-content {
    border: none;
}
#inboxGrid td a{
    font-weight: 600;
    color: #676a6c;
}
#sentGrid tr.ui-row-ltr td, #sentGrid .ui-jqgrid-bdiv tr.ui-row-ltr > td {
    /*border-width: 0px;*/
    border-right-width: 0px;
    padding: 12px;
}

#sentGrid .jqgfirstrow, #sentGrid .jqgfirstrow > td {
    padding: 0px;
}

.sent .ui-widget.ui-widget-content {
    border: none;
}

#sentGrid td a {
    font-weight: 600;
    color: #676a6c;
}

#trashGrid tr.ui-row-ltr td, #sentGrid .ui-jqgrid-bdiv tr.ui-row-ltr > td {
    /*border-width: 0px;*/
    border-right-width: 0px;
    padding: 12px;
}

#trashGrid .jqgfirstrow, #sentGrid .jqgfirstrow > td {
    padding: 0px;
}

.trash .ui-widget.ui-widget-content {
    border: none;
}

#trashGrid td a {
    font-weight: normal;
    color: #676a6c;
}

.attachment {
    display: inline-block;
}
.file-name {
    word-wrap: break-word;
}
.dropdown-messages-box a {
    width: 110px;
    padding-left: 0px !important;
}

.mail-box-header.composemail h5 {
    display: inline-block;
    font-size: 14px;
    margin: -10px 0 0 0;
    padding: 0;
    text-overflow: ellipsis;
    float: left;
}
.note-editing-area {
    min-height: 200px;
    border: solid 1px #e7eaec;
}
.corner {
    right: 0.1em!important;
    bottom: 0.2em!important;
    
}
    .corner .fa-times {
        color: red !important;
    }
    /*#endregion Mail Module styles*/

/*#region disable items styles*/
a.disabled, a.btn.disabled, input[read-only] {
    cursor: not-allowed !important;
    box-shadow: none !important;
    border-color: none !important;
    pointer-events: inherit;
}
    a.disabled, a.btn.disabled, input[read-only]:focus, .form-control[read-only]:focus {
        cursor: not-allowed !important;
        box-shadow: none !important;
        border-color: none !important;
        pointer-events: inherit;
    }
/*#endregion disable items styles*/

/*#region RFI styles*/
.fa-minus-circle{
    color:red;
}
/*#endregion RFI styles*/

/*#region disable datepicker*/
.input-group-addon.disabled i, .input-group.date .disabled {
    cursor: not-allowed !important;
}
.datepicker td.active.active {
    color: #232222 !important;
    background-color: #f4d102 !important;
    border-color: #cca608 !important;
}
/*#endregion disable datepicker*/

/*#region Acknowledge/Enter bids styles*/
.editable-column {
    background-color: #edfbed !important;
}
.footrow [aria-describedby='ViewBudgetsForBiddingGrid_BudgetTotal'] {
    background-color: #ffd100;
}
.text-green {
    color: #97d497;
    font-weight: 600;
}
.sweet-alert.custom {
    display: block !important;
    position: inherit;
    left: 0%;
    top: 0%;
    margin:auto;
}
/*#endregion Acknowledge/Enter bids styles*/

/*#region Dashboard v2 styles*/
.dashboard-links{
    text-decoration:underline;
}
/*#endregion Dashboard v2 styles*/

/*#region User Guide styles*/
.pdf-toolbar{
    max-width:630px!important;
}
/*#endregion User Guide styles*/

/*#region Tour styles when resume button is visible*/
.btn-group [data-role='pause-resume'] {
    padding-right: 8.5px;
}
/*#endregion Tour styles when resume button is visible*/

/*#region sweet alert icon styles*/

.swttable-align-middle {
    display: table;
    vertical-align: middle;
}

.swtcell-align-middle {
    display: table-cell;
    vertical-align: middle;
    padding-left:10px;
}
.sweet-alert.small {
    width: 50px;
    padding: 0px;
}

.sweet-alert.custom.small .sa-icon {
    width: 40px;
    height: 40px;
    margin: 0px;
}

    .sweet-alert.custom.small .sa-icon .sa-body.pulsewarningins {
        width: 5px;
        height: 23.5px;
        top: 5px;
    }

    .sweet-alert.custom.small .sa-icon .sa-dot.pulsewarningins {
        height: 3.5px;
        bottom: 5px;
    }

/*#endregion sweet alert icon styles*/

/*#region Wizards */

.wizard .steps li.current a {
    background: #f4d101;
    color: #1b1710;
}

.wizard .steps li.done a {
    background: #f7dc3cd4;
    color: #1b1710;
}

.wizard .steps li a:hover {
    background: #f4d101!important;
}

.wizard .actions li a {
    background: #f7dc3cd4;
    color: #1b1710;
}

    .wizard .actions li a:hover {
        background: #f4d101;
    }

/*#endregion Wizards */

/*Select2 ReadOnly Start*/
select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

    select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
        background: #eee;
        box-shadow: none;
    }

    select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
        display: none;
    }

/*Select2 ReadOnly End*/

/*Tender Clarification Summary Start*/
#accordion .panel-title a:hover {
    color: #ffd100;
    /*background:;*/
}
/*Tender Clarification Summary End*/