.multi-line-tag-input {
    height: 100px;
}

.small-button {
    padding: 5px 10px;
    margin: 10px 0px 10px 10px;
}

.md-dialog-container {
    z-index: 9998;
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container {
    z-index: 99999 !important;
    min-height: 200px;
}

.popover {
    max-width: 500px;
}

.nav .popover {
    max-width: 625px;
}

md-autocomplete md-autocomplete-wrap {
    height: 30px;
}

.navbar-static-top md-autocomplete md-autocomplete-wrap {
    height: 70px !important;
}

md-backdrop._md-dialog-backdrop {
    z-index: 9990;
}

.md-datepicker-calendar-pane {
    z-index: 9999;
}

._md-select-menu-container {
    z-index: 9999;
}

.dropzone {
    background: none;
    border: dashed 2px #7b8a97;
}

.border-none {
    border: none !important;
}

.table > tbody > tr > td tr td {
    min-width: 10px !important;
}

.tooltip.tooltip-pink .tooltip-inner {
    background-color: #FF0000 !important;
}

.tooltip.tooltip-pink .tooltip-arrow {
    border-top-color: #FF0000 !important;
}

.elevation-passphrase {
    text-transform: none;
}

.dialog-header-error {
    background-color: #d2322d;
}

.warning-icon {
    color: #d2322d;
    font-size: 50px;
}

.warning-msg-heading {
    color: #d2322d;
    font-size: 20px;
    font-weight: 600;
}

.label-red {
    background-color: #e6614f !important;
}

    .label-red:hover, .label-red:focus {
        background-color: #ac2521 !important;
    }

.autocomplete-button {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    background-color: none !important;
    position: relative;
    float: left;
    border-radius: 0px;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    border: 0px;
    border-bottom: none;
    font-weight: 500;
    white-space: nowrap;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
}

.suggestion-item button:hover {
    background-color: none !important;
    border: 0px !important;
    background: none;
    border-bottom: none !important;
}

a[disabled] {
    pointer-events: none;
    cursor: default;
}

.margin-top-15 {
    margin-top: 15px;
}

.note-detail {
    text-transform: uppercase;
}

.fa-comments {
    font-size: 18px !important;
    cursor: pointer;
}

.relative-position {
    position: relative !important;
}

.loader-new {
    position: absolute;
    top: 47%;
    left: 49%;
    z-index: 999;
    height: 30px;
    width: 30px;
    border: 3px solid #dbdbdb;
    border-right-color: #58A2EC;
    border-top-color: #58A2EC;
    border-radius: 100%;
    -webkit-animation: spin 1500ms infinite linear;
    animation: spin 1500ms infinite linear;
}

    .loader-new.ng-hide {
        opacity: 0;
    }

    .loader-new.ng-hide-remove,
    .loader-new.ng-hide-add {
        display: block !important; /* or inline-block, as appropriate */
    }

    .loader-new.ng-hide-remove {
        transition: all linear 1000ms;
    }

    .loader-new.ng-hide-add {
        transition: all linear 500ms;
    }

.l-h-w {
    height: 70px;
    width: 70px;
    top: 45%;
    left: 47.5%;
}

.normal-transform {
    text-transform: none !important;
}

.margin-bottom-0 {
    margin-bottom: 0px !important;
}
.white{
    color:white;
}
nav#main-nav ul li.active {
     float: left !important; 
}
.sidebar-menu .treeview-menu > li {
    width: 100%;
    float: left;
    margin: 0;
    border-bottom: 1px solid #294259;
}
.margin-top-3 {
    margin-top: 3px !important;
}
.bold
{
    font-weight:bold;
}
.add-svccode
{
    height:300px;
}
.fade-continuation.ng-hide {
    opacity: 0;
}

.fade-continuation.ng-hide-remove,
.fade-continuation.ng-hide-add {
    display: block !important; /* or inline-block, as appropriate */
}

.fade-continuation.ng-hide-remove {
    transition: all linear 1000ms;
}

.fade-continuation.ng-hide-add {
    transition: all linear 500ms;
}
.continuation-recipient
{
    width:500px;
}
.continuation-order-id {
    width: 100px;
}
.continuation-entry-date {
    width: 160px;
}
.continuation-service-code {
    width: 100px;
}
.no-padding-left {
    padding-left: 0px !important;
}
.download-scroll{max-height:400px;overflow-y:scroll;width:520px;}
    .download-scroll input[type=checkbox], .download-scroll .checkbox-inline input[type=checkbox], .download-scroll .radio input[type=radio], .download-scroll .radio-inline input[type=radio] {
        position: inherit;
        margin-top: 4px \9;
        margin-left: -20px;
    }


.success1 {
    background: #E6F0D9 !important;
    border-color: #B2D189 !important;
    color: #666666 !important;
    border-radius:5px;
}
    .success1 a {
        color: #42A5F5;
        text-decoration:none;
    }

.sendbtn {
    background: #fff;
    color: #3D4D5E;
    font-weight: 700;
    font-size: 14px;
    padding: 8px 15px;
    border: 1px solid #c5c4c4;
}
.sendbtn:hover {
    background: #fff;
    color: #3D4D5E;
    font-weight: 700;
    font-size: 14px;
    padding: 8px 15px;
    border: 1px solid #c5c4c4;
}
    .sendbtn:focus {
        background: #fff;
        color: #3D4D5E;
        font-weight: 700;
        font-size: 14px;
        padding: 8px 15px;
        border: 1px solid #c5c4c4;
    }
    .sendbtn:active {
        background: #fff;
        color: #3D4D5E;
        font-weight: 700;
        font-size: 14px;
        padding: 8px 15px;
        border: 1px solid #c5c4c4;
    }
.sendbtn i{line-height:0;}
.pause {
    position: absolute;
    margin-left: -10px;
    font-size: 14px!important;
    margin-top: -4px;
    color: #ff7044;
}

.pause1 {
    position: absolute;
    margin-left: -17px;
    font-size: 14px !important;
    margin-top: -4px;
    color: #ff7044;
}


/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 500px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
}

/*Left*/
.modal.left.fade .modal-dialog {
    left: -500px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog {
    left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -500px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
    border-radius: 0;
    border: none;
}

.modal-header.rightp {
    
}

/* ----- v CAN BE DELETED v ----- */

.demo {
    padding-top: 60px;
    padding-bottom: 110px;
}

.btn-demo {
    border-radius: 0;
 
}

    .btn-demo:focus {
        outline: 0;
    }
.disabled {
    background-color: #ddd !important;
}