/*
Template Name: Phirater custom style css
Description: file created separately to keep style.css identical with the theme original css as much we can do, that will help to upgrade flatlab theme time to time
Author: Arslan Hameed
Website: https://phirater.com/
*/

.modal-wide .modal-dialog {
    width: 75%!important;
}

.modal-semi-wide .modal-dialog {
    width: 50%!important;
}

.sortable-th a {
    display: block;
    cursor: pointer
}



/* rates */
/*.id, .created-at, .updated-at {
    display: none;
}*/

/*.search-panel tr.selected, .room-desk tr.selected, .dataTables_wrapper tr.selected {
    color: #00A8B3;
    font-weight: bold;
}*/

tr.selected {
    color: #00A8B3;
    font-weight: bold;
}

.search-panel .mid-side form {
    margin-top: 32px;
}

#rate-search-form {
    margin-top: 4px;
}

.single-price-result {
    padding-top: 32px;
}

.single-price-result.form-horizontal .row span {
    text-align: right;
}

.ng-invalid.ng-dirty {
    border-color: red;
}

.ng-valid.ng-dirty {
    border-color: green;
}



/*
 * PLACEHOLDERS
 */

*::-webkit-input-placeholder { /* WebKit browsers */
    color: #c2c2c2 !important;
    font-style: italic;
}
*:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #c2c2c2 !important;
    font-style: italic;
    opacity:  1;
}
*::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #c2c2c2 !important;
    font-style: italic;
    opacity:  1;
}
*:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #c2c2c2 !important;
    font-style: italic;
}


/* PHIRATER CUSTOM CSS */

/*
 * FILES
 */

.btn-default[disabled] {
    color: #797979;
}

#batch-file-tasks .btn-default[disabled] {
    background-color: #eee;
}

.alert ul {
    padding-left: 15px;
}



[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}

/*
 * ZONES
 */

.zone-meta h3 {
    text-transform: uppercase;
}

.zone-meta span.zone-name, .zone-meta span.zone-country, .zone-meta span.zone-grouping {
    color: #c6cad6;
    font-size: 12px;
    text-transform: uppercase;
}

.zone-meta span.zone-country, .zone-meta span.zone-grouping {
    padding-left: 5px;
}

.modal-body .zone-meta h3, .modal-body .zone-meta span.grouping, .modal-body .zone-meta span.country {
    font-size: 18px;
    /*color: #c6cad6;*/
}

.modal-body .zone-meta span.grouping, .modal-body .zone-meta span.country, .modal-body .area-count {
    color: #c6cad6;
}

.modal-body .zone-meta span.area-count {
    text-transform: none;
}

#zone-body button i {
    padding-right: 10px;
}

#zone-details .table-controlls {
    display: none;
}


/*
 * typehead.js-bootstrap3.less
 * @version 0.2.3
 * https://github.com/hyspace/typeahead.js-bootstrap3.less
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
.has-warning .twitter-typeahead .tt-input,
.has-warning .twitter-typeahead .tt-hint {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .twitter-typeahead .tt-input:focus,
.has-warning .twitter-typeahead .tt-hint:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-error .twitter-typeahead .tt-input,
.has-error .twitter-typeahead .tt-hint {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .twitter-typeahead .tt-input:focus,
.has-error .twitter-typeahead .tt-hint:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-success .twitter-typeahead .tt-input,
.has-success .twitter-typeahead .tt-hint {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .twitter-typeahead .tt-input:focus,
.has-success .twitter-typeahead .tt-hint:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.input-group .twitter-typeahead:first-child .tt-input,
.input-group .twitter-typeahead:first-child .tt-hint {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.input-group .twitter-typeahead:last-child .tt-input,
.input-group .twitter-typeahead:last-child .tt-hint {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.input-group.input-group-sm .twitter-typeahead .tt-input,
.input-group.input-group-sm .twitter-typeahead .tt-hint {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
select.input-group.input-group-sm .twitter-typeahead .tt-input,
select.input-group.input-group-sm .twitter-typeahead .tt-hint {
    height: 30px;
    line-height: 30px;
}
textarea.input-group.input-group-sm .twitter-typeahead .tt-input,
textarea.input-group.input-group-sm .twitter-typeahead .tt-hint,
select[multiple].input-group.input-group-sm .twitter-typeahead .tt-input,
select[multiple].input-group.input-group-sm .twitter-typeahead .tt-hint {
    height: auto;
}
.input-group.input-group-sm .twitter-typeahead:not(:first-child):not(:last-child) .tt-input,
.input-group.input-group-sm .twitter-typeahead:not(:first-child):not(:last-child) .tt-hint {
    border-radius: 0;
}
.input-group.input-group-sm .twitter-typeahead:first-child .tt-input,
.input-group.input-group-sm .twitter-typeahead:first-child .tt-hint {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.input-group.input-group-sm .twitter-typeahead:last-child .tt-input,
.input-group.input-group-sm .twitter-typeahead:last-child .tt-hint {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}
.input-group.input-group-lg .twitter-typeahead .tt-input,
.input-group.input-group-lg .twitter-typeahead .tt-hint {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}
select.input-group.input-group-lg .twitter-typeahead .tt-input,
select.input-group.input-group-lg .twitter-typeahead .tt-hint {
    height: 46px;
    line-height: 46px;
}
textarea.input-group.input-group-lg .twitter-typeahead .tt-input,
textarea.input-group.input-group-lg .twitter-typeahead .tt-hint,
select[multiple].input-group.input-group-lg .twitter-typeahead .tt-input,
select[multiple].input-group.input-group-lg .twitter-typeahead .tt-hint {
    height: auto;
}
.input-group.input-group-lg .twitter-typeahead:not(:first-child):not(:last-child) .tt-input,
.input-group.input-group-lg .twitter-typeahead:not(:first-child):not(:last-child) .tt-hint {
    border-radius: 0;
}
.input-group.input-group-lg .twitter-typeahead:first-child .tt-input,
.input-group.input-group-lg .twitter-typeahead:first-child .tt-hint {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.input-group.input-group-lg .twitter-typeahead:last-child .tt-input,
.input-group.input-group-lg .twitter-typeahead:last-child .tt-hint {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}
.twitter-typeahead {
    width: 100%;
}
.input-group .twitter-typeahead {
    display: table-cell !important;
    float: left;
}
.twitter-typeahead .tt-hint {
    color: #999999;
}
.twitter-typeahead .tt-input {
    z-index: 2;
}
.twitter-typeahead .tt-input[disabled],
.twitter-typeahead .tt-input[readonly],
fieldset[disabled] .twitter-typeahead .tt-input {
    cursor: not-allowed;
    background-color: #eeeeee !important;
}
.tt-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 160px;
    width: 100%;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}
.tt-dropdown-menu .tt-suggestion {
    display: block;
    padding: 3px 0;
    /*padding: 3px 20px;*/
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}
.tt-dropdown-menu .tt-suggestion.tt-cursor {
    text-decoration: none;
    outline: 0;
    background-color: #f5f5f5;
    color: #262626;
}
.tt-dropdown-menu .tt-suggestion.tt-cursor a {
    color: #262626;
}
.tt-dropdown-menu .tt-suggestion p {
    margin: 0;
}

.tt-input-group {
    width: 100%;
}

/*
 * EDITABLE TABLE
 */

.row-actions a {
    width: 20px;
    cursor: pointer;
    /*font-size: 18px;*/
}

.row-actions a:not(:first-of-type) {
    margin-right: 5px;
}

td.editable {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    height: 38px;
}

td.editable div {
    height: 38px;
}

td.editable div input {
    padding: 0 10px;
    height: 38px;
}

td.editable div input.form-control {
    font-size: 13px;
    border-radius: 0;
    -webkit-appearance: none;
}

td span a.disabled i {
    color: #E5E8EF;
    cursor: default;
}


/*
 * SEARCH
 */
form#searchForm .btn-group,
#mc-basic-information .btn-group,
#mc-route .btn-group {
    width: 100%;
}

form#searchForm .btn-group .btn-default,
#search-additional-selector .btn-group .btn-default,
#mc-basic-information .btn-group .btn-default,
#mc-route .btn-group .btn-default {
    background-color: #fff;
    border-color: #ccc;
    color: #777;
    text-align: left;
}

.panel-heading span.label {
    margin-right: 10px;
}

li.dropdown.active-child {
    background-color: #eee;
}

/*
 * datepicker
 */

.ui-datepicker button.btn-default {
    background-color: #fff;
    color: #797979;
}

.ui-datepicker button.btn-info.active {
    background-color: #53bee6;
    border-color: #53BEE6;
    color: #fff;
}

.ui-datepicker button.btn-info.active .text-info {
    color: #fff;
}

#options-datepicker tbody > tr > td, #options-datepicker tbody > tr > th,
#options-datepicker thead > tr > th {
    padding: 0;
}

form#searchForm .ui-datepicker span.btn-group {
    width: inherit;
}

/*
 * LANDING
 */

li.todo, li.broken,
li.todo a, li.broken a {
    color: #ff6c60;
}

li.ignore, li.partial,
li.ignore a, li.partial a {
    color: #f8d347;
}

.selectable tbody tr {
    cursor: pointer;
}

#panel-controls {
    padding-right: 0;
}

#panel-controls .btn {
    margin-left: 5px;
}

#panel-controls .btn:first-of-type {
    margin-left: 5px;
}

#panel-controls .btn-group .btn {
    margin-left: 0px;
}

.search-container input {
    height: 40px;
}

/*
 * FILE PROCESSING
 */


tr.warning {
    color: #d3d3d3;
}

td.fix-buttons button {
    width: 25px;
}

.btn.processing {
    padding-top: 0;
    height: 22px;
    background-image: url('/img/loader18.gif');
    background-repeat: no-repeat;
    background-position: center ,center;
}

.btn.processing img {
    position:relative;
    left:-3px;
}

table.matrix {
    text-align: right;
}

table.matrix th {
    text-align: right;
}

table.matrix td {
    min-width: 42px;
}

table.matrix th.column-description {
    min-width: 68px;
}

table.matrix th.column-description.extra {
    min-width: 94px;
}

table.matrix th.legend-border, table.matrix td.gutter {
    border-right: 3px solid #ddd;
}

table.matrix thead tr.no-bottom-border, table.matrix thead tr.no-bottom-border th {
    border-bottom: none;
}

table.matrix thead tr.no-top-border, table.matrix thead tr.no-top-border th {
    border-top: none;
}

ul.version {
    margin-left: 15px;
}

ul.version li {
    list-style: disc;
    margin-left: 15px
}

ul.version ul li {
    list-style: circle;
}

.input-group span.input-group-btn i {
    min-width: 14px;
}

table.additionals tfoot td {
    font-weight: bold;
}

#info header.panel-heading {
  cursor: pointer;
}

.orders-error-export {
    margin-right: 0;
    margin-left: 0;
}

#mode-selector {
    margin-top: 3px;
}

span[disabled]#transport_mode, span[disabled]#inbound, #mode-selector button {
    background: #00A8B3;
    border-color: #00A8B3;
}

th.border-right, td.border-right {
    border-right: 2px solid #ddd;
}

div.address-box {
    height: inherit;
}

#files-table .btn[disabled] {
    background-color: #fff;
    color: #797979;
}

tr.config-head {
    color: #667fa0;
}

td.config-section {
    font-weight: bold;
}

/* configuration / taxonomies */
[data-drag-enabled="false"], [data-drag-enabled="false"] ol, [data-drag-enabled="false"] ol li div {
    cursor: no-drop;
}

/* currency-conversions - date-picker fix */
body.root-config-currencyConversions-detail .daterangepicker {
    min-width: 616px;
}

/* Price Result Modal */
.original-base-price {
    font-style: italic;
    margin-right: 15px;
    color: #bbb;
}
.inline-accordion-head, .inline-accordion-head:hover {
    background: #eee none repeat scroll 0 0;
    margin-left: -15px;
    padding: 11px 15px;
}

.inline-accordion-body {
    background: none #eee;
    border-top: 0px solid;
}

.priceTabHeads, .priceHeads {
    background: none transparent;
    overflow: hidden;
}

.tabHead, .priceHead, .tabHeadNoHover, .priceHeadNoHover {
    background: #fff none repeat scroll 0 0;
    display: inline;
    float: right;
    margin: 0 5px;
    padding: 5px 0 2px;
    text-align: center;
    width: 100px;
}

.tabHead, .tabHeadNoHover {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.tabHead, .priceHead {
    cursor: pointer;
}

.tabHead:hover, .tabHeadActive {
    background: #eee none repeat scroll 0 0;
}

.priceHead {
    background: none Transparent;
    border: 0px solid Transparent;
}

.priceHead:hover, .priceHeadActive {
    background: #eee none repeat scroll 0 0;
}

.priceHead:first-child {
    margin: 0px 0px 0px 5px;
}

.priceHeads {
    background: none transparent;
    padding: 0px;
}

.priceBlock {
    background: none transparent;
}

.priceRow {
    background: none transparent;
    clear: both;
}

.priceBlock {
    background: none #eee;
    overflow: hidden;
}

li.no-padding {
    padding: 0;
}

.list-padding {
    padding: 11px 15px;
}

/**
 * multishipment MODULE
 */

.ph-panel section header.no-padding {
    border-top-left-radius: 0px;
    margin-left: -15px;
    margin-right:-15px;
}

.multishipment-container {
    padding-right: 5px;
    padding-left: 5px;
}

.multishipment-container .relation-sub-item {
    position: relative;
}

.multishipment-container .icon-marker {
    position: absolute;
    top: 10px;
    right: 10px;
}

#mc-basic-information {
    background: #fff;
    border-radius: 4px;
    padding: 15px;
}

.mc-pane {
    padding-bottom: 15px;
}

.multishipment-container .contact-item {
    min-width: 230px;
    max-width: 230px;
    min-height: 150px;
}

.top-buffer {
    margin-top:10px;
}

.div-border {
    border: solid 1px #000;

}

.request-summary {
    background: #fff;
    border-radius: 4px;
    padding: 15px;
}

#request-summary {
    background: #e5e8ef;
    border-radius: 4px;
    padding: 15px;
}

.panel-body section i {
    float: left;
    font-size: 18px;
    margin-right: 0px;
}
.panel-body section i.glyphicon-calendar {
    font-size: 14px;
    padding: 3px 0px;
}

.request-summary-hr {
    background-color: #CCCCCC;
    height: 1px;
}

.ms-action {
    width: 40px;
}


/**
 * SCREEN OPTIONS
 */
#master-data-attribute-pane .input-group-addon {
    background-color: #bec3c7;
    color: #fff;
    border-color: #bec3c7;
}

.dropdown .caret {
    position: absolute;
    right: 15px;
    top: 15px;
}

#gravatar-caret {
    position: static;
}

.open > .dropdown-menu {
    width: 100%;
}
.rateName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 0;
    padding-right: 0;
}
.rateHeader {
    overflow: hidden;
}

/* small fix to horizontally centralise the tag in price results */
.panel-heading span.label {
    padding-right: 0;
    padding-left: 0;
}

tags-input .tags {
    overflow: hidden;
}
tags-input .tags .tag-item {
    float: left;
    margin: 2px;
    padding: 4px;
}
.tags .tag-list {
    display: inline;
}
.tags .remove-button {
    background: #054070 none repeat scroll 0 0;
    border-radius: 4px;
    margin-left: 4px;
    padding: 0 5px;
    opacity: 0.7;
    cursor: pointer;
    color: #fff;
}
.tags .remove-button:hover {
    opacity: 1;
}
.tags input[type=text] {
    background: Transparent none repeat scroll 0 0;
    border: 0 none;
    height: 33px;
    margin: 0 0 0 10px;
    padding: 0;
    float: left;
}

.suggestion-list {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    background-clip: padding-box;
    background-color: #fff;
    list-style: outside none none;
}
.suggestion-list li {
    line-height: 30px;
    padding: 0px 0px 0px 10px;
}

span.bump {
    margin-left: 10px;
}

body.root-crm-relations span.label {
    font-size: 70%;
}

/* CSS HACK for Eco and Rating Icons For Price Search (not disturb main theme css)*/

.iconic-input-for-search {
    position: relative;
}

.iconic-input-for-search > i {
    color: #CCCCCC;
    display: block;
    font-size: 16px;
    height: 16px;
    margin: 8px 5px 8px 10px;
    position: absolute;
    text-align: center;
    width: 16px;
}

.iconic-input-for-search input {
    padding-left: 30px !important;
}

.iconic-input-for-search.right input {
    padding-left: 10px !important;
    padding-right: 30px !important;
}

.iconic-input-for-search.right > i {
    float: right;
    right: 5px;
}

/* flip primary and info around (as was before) */

.label-primary {
    background-color: #8175c7;
}

.label-info {
    background-color: #59ace2;
}

/* make price badges with bg-default stand out ..less */
span.badge.bg-default {
    background-color: #bec3c7;
    font-style: italic;
}