.file {
    visibility: hidden;
    position: absolute;
}

.dropdown-menu {
    min-width: 114px;
}


    .dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li a:active, .dropdown-menu li.active a, .dropdown-menu li.active a:hover, .dropdown-menu .dropdown-submenu:hover > a, .nav-tabs .dropdown-menu li > a:focus {
        background: #428bca;
        color: #ffffff;
    }

button.btn.btn-primary.dropdown-toggle.ng-pristine.ng-valid.ng-binding {
    min-width: 100px;
}

/*.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    min-width: 100%;
}*/
#registration-form > form > div:nth-child(4) > div > div > div:nth-child(1) > div > div {
    height: 50px;
    overflow-y: auto;
}

#registration-form > form > div:nth-child(4) > div > div > div:nth-child(2) > div > div {
    height: 50px;
    overflow-y: auto;
}

#registration-form > form > div:nth-child(4) > div > div > div:nth-child(3) > div > div {
    height: 50px;
    overflow-y: auto;
}

#registration-form > form > div:nth-child(4) > div > div > div:nth-child(4) > div > div {
    height: 50px;
    overflow-y: auto;
}

#registration-form > form > div:nth-child(4) > div > div > div:nth-child(5) > div > div {
    height: 50px;
    overflow-y: auto;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    min-width: 253px;
}
/*.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    min-width: 20px;
}*/
.schedule-add-color {
    color: #ffffff;
}

.addButton {
    background-color: transparent;
    border: 1px solid;
    border-color: #7cd4d3;
}

.bookedShipment {
    color: #5cb85c;
}

.additionalShipment {
    color: #DC143C;
}

tr.strikeout td:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 1px solid #111;
    width: 100%;
}
/*basic settings */
a:focus {
    outline: none !important;
    outline-offset: none !important;
}

body {
    background: #f5f6f5;
    color: #333;
}
/* helper classses */
.margin-top-20 {
    margin-top: 20px;
}

.margin-bottom-20 {
    margin-top: 20px;
}

.no-margin {
    margin: 0px;
}
/* box component */
.box {
    border-color: #e6e6e6;
    background: #FFF;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    padding: 10px;
    margin-bottom: 40px;
}

.box-center {
    margin: 20px auto;
}
/* input [type = file]
----------------------------------------------- */
.file-Upload {
    display: block !important;
    right: 1px;
    top: 1px;
    height: 34px;
    opacity: 0;
    width: 100%;
    background: none;
    position: absolute;
    overflow: hidden;
    z-index: 2;
}

.control-fileupload {
    display: block;
    border: 1px solid #d6d7d6;
    background: #FFF;
    border-radius: 4px;
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding: 0px 10px 2px 10px;
    overflow: hidden;
    position: relative;
    /* File upload button */
}

    .control-fileupload:before,
    .control-fileupload input,
    .control-fileupload label {
        cursor: pointer !important;
    }

    .control-fileupload:before {
        /* inherit from boostrap btn styles */
        padding: 4px 12px;
        margin-bottom: 0;
        font-size: 14px;
        color: #333333;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
        vertical-align: middle;
        cursor: pointer;
        background-color: #f5f5f5;
        background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
        background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
        background-repeat: repeat-x;
        border: 1px solid #cccccc;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        border-bottom-color: #b3b3b3;
        border-radius: 4px;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        -webkit-transition: color 0.2s ease;
        transition: color 0.2s ease;
        /* add more custom styles*/
        content: 'Browse';
        display: block;
        position: absolute;
        z-index: 1;
        top: 2px;
        right: 2px;
        line-height: 20px;
        text-align: center;
    }

    .control-fileupload:hover:before,
    .control-fileupload:focus:before {
        background-color: #e6e6e6;
        color: #333333;
        text-decoration: none;
        background-position: 0 -15px;
        -webkit-transition: background-position 0.2s ease-out;
        transition: background-position 0.2s ease-out;
    }

    .control-fileupload label {
        line-height: 24px;
        color: #999999;
        font-size: 14px;
        font-weight: normal;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        position: relative;
        z-index: 1;
        margin-right: 90px;
        margin-bottom: 0px;
        cursor: text;
    }

#notifyBtn {
    font-family: 'Open Sans','Segoe UI';
}

.notifyBtnAnimationLess {
    font-family: 'Open Sans','Segoe UI';
}

/*SLIDE NOTIFICATION*/
/* Needed for hiding crollbars when pushing */
html {
    overflow-x: hidden;
}

.ng-pageslide {
    background: #eee;
}

body.ng-pageslide-body-open::before {
    content: '.';
    display: block;
    position: absolute;
    top: 0;
    background-color: rgb(0,0,0);
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0.5;
    transition: opacity 1s;
    opacity: 0.5;
    pointer-events: all;
}

body.ng-pageslide-body-closed::before {
    transition: opacity 1s;
    content: '.';
    display: block;
    position: absolute;
    top: 0;
    background-color: rgb(0,0,0);
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
}

#container1, #container2 {
    width: 100%;
    height: 20rem;
    border: 1px solid lightGrey;
    p

{
    font-size: 0.5rem !important;
}

}

#forward-rate-tbl tr td div {
    margin-bottom: 2px
}

#forward-rate-tbl th {
    color: white;
}

#forward-rate-tbl td {
    padding: 2px;
}

#reverse-rate-tbl tr td div {
    margin-bottom: 2px
}

#reverse-rate-tbl th {
    color: white;
}

#reverse-rate-tbl td {
    padding: 2px;
}

#rto-rate-tbl tr td div {
    margin-bottom: 2px;
}

#rto-rate-tbl th {
    color: white;
}

#rto-rate-tbl td {
    padding: 2px;
}

#fuel-rate-tbl tr td div {
    margin-bottom: 2px;
}

#fuel-rate-tbl th {
    color: white;
}

#fuel-rate-tbl td {
    padding: 2px;
}

#cod-rate-tbl tr td div {
    margin-bottom: 2px;
}

#cod-rate-tbl th {
    color: white;
}

#cod-rate-tbl td {
    padding: 2px;
}




/*UI-GRID HEADER CELL CLASS MODIFIRD---- APPENDED A PROPERTY*/
.ui-grid-header-cell-label {
    text-transform: uppercase;
}

#PHONE_NUMBER::-webkit-inner-spin-button,
#PHONE_NUMBER::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#Mobile::-webkit-inner-spin-button,
#Mobile::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#METER_READING::-webkit-inner-spin-button,
#METER_READING::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/*#CreatePrsBtn {
    -webkit-transition: all linear 0.5s;
    transition: all linear 0.5s;
}
#CreatePrsBtn.ng-hide {
    opacity: 0;
    /* transform: scale(0.8); */
/*}*/
/*#GenerateLoader {
    -webkit-transition: all linear 0.5s;
    transition: all linear 0.5s;
}

#GenerateLoader.ng-hide {
    opacity: 100;
}*/

/*Angular table row add animation by Anup*/
.animate-repeat {
    line-height: 30px;
    list-style: none;
    box-sizing: border-box;
}

    .animate-repeat.ng-move,
    .animate-repeat.ng-enter {
        transition: all linear 0.5s;
    }

    .animate-repeat.ng-leave.ng-leave-active,
    .animate-repeat.ng-move,
    .animate-repeat.ng-enter {
        opacity: 0;
        max-height: 0;
    }

        .animate-repeat.ng-leave,
        .animate-repeat.ng-move.ng-move-active,
        .animate-repeat.ng-enter.ng-enter-active {
            opacity: 1;
            max-height: 30px;
        }



/*
   This is the background of our overlay. We need it to be
   absolutely positioned within the grid, and fill from
   top to bottom, and the full width. It will also have
   a black background with 40% opacity.
*/
.grid-msg-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
}

    /*
  This guy will contain our message. We want it centered
  so it's positioned absolutely with percentage-based
  offsets and dimensions. It also has some basic border
  stuff and most important is using "display: table" so
  we can vertically center its contents.
*/
    .grid-msg-overlay .msg {
        opacity: 1;
        position: absolute;
        top: 20%;
        left: 20%;
        width: 60%;
        height: 50%;
        background-color: #eee;
        border-radius: 4px;
        border: 1px solid #555;
        text-align: center;
        font-size: 24px;
        display: table;
    }

        /*
  Lastly this is the actual message text. It uses
  display: table-cell so the vertical alignment
  works properly.
*/
        .grid-msg-overlay .msg span {
            display: table-cell;
            vertical-align: middle;
        }

.card-round-buttons {
    float: right;
    padding-left: 10px;
    /*padding-top:5px;*/
    font-size: 14px;
    font-weight: 700;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    transition: font-size ease 0.2s;
}

    .card-round-buttons:hover {
        color: #45b553;
        font-size: 16px;
        cursor: pointer;
        opacity: .5;
    }

.dashboard-card-height-full {
    min-height: 250px;
}
.dashboardClient-card-height-full {
    min-height: 500px;
}
.dashboard-card-height-half {
    min-height: 125px;
}

    .dashboard-card-height-half .panel-body .progress {
        margin-top: 15px;
    }

.dashboard-card-inactive {
    background-color: #f5f5f5;
}

svg > g > g:last-child {
    pointer-events: none
}

.modalWindowCustom {
    border-radius:20px;
}

#cropModleHeader .close{
    opacity:1;
}

#awb_number_prs:focus {
    border-color: #014b7b;
    -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
    -moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
    box-shadow: 0 0 5px rgba(109,207,246,.5);
}

#search-inscanned:focus {
    border-color: #014b7b;
    -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
    -moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
    box-shadow: 0 0 5px rgba(109,207,246,.5);
}


.table-row-outline-select {
    background-color: #f5f5f5;
}
.table-row-outline-deselect {
    background-color: #ffffff;
}
.ui-grid-viewport {
    overflow-anchor: none;
}