/* 
    Created on : Nov 28, 2018, 9:09:20 PM
    Author     : neham
*/
@use 'variables' as *;

.mp-pagination {
    text-align: center;
    .pagination>.active>a, 
    .pagination>.active>a:focus, 
        .pagination>.active>a:hover, 
        .pagination>.active>span, 
        .pagination>.active>span:focus, 
        .pagination>.active>span:hover {
        z-index: 3;
        color: $purewhite;
        cursor: pointer;
        background-color: $primeRxOrange;
        border-color: $primeRxOrange;
    }

    .pagination>li>a, .pagination>li>span {
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: $black;
        text-decoration: none;
        background-color: $purewhite;
        border: 1px solid $lightgrey4;
        cursor: pointer;
    }
}
.mp-tabs {
    margin-top: 2%;
    .nav-tabs{
        border-bottom: none;
        display: inline-flex;
    }
    .nav-tabs>li>a {
        color: $black;
    }
    .nav-tabs>li.active>a, 
    .nav-tabs>li.active>a:focus, 
        .nav-tabs>li.active>a:hover{
        color: $primeRxOrange;
        cursor: pointer;
        border-top: 3px solid $primeRxOrange;
    }
}
.glyphicon-style {
    padding-right: 3px;
}
.calendar-icon {
    margin: -5px;
    color: $grey;
}
.order-search{
    border: 1px solid $lightgrey !important;
    background-color: $lightgrey3;
    padding-top: 1%;
}

.order-search .form-control.error-message-border {
    border-color: #dca7a7 !important;
}
.order-search .form-control {
    border-color: $lightgrey !important;
    height: auto;
}
.order-search .datePickerClass .dropdown-menu {
    background-color: $white !important;
}
.order-search .datePickerClass .pull-right {
        height: 30px !important;
    }
.dateRange {
    border-right: 1px solid $lightgrey4;
}
.searchOrderBtn {
    text-align: center;
    padding-bottom: 15px;
    margin-top: -15px;
}
.search-btn {
    padding-top: 32px;
    padding-left: 20%;
}
.dropdown-box {
    margin-left: 4px;
}
.dateRangeLbl {
    font-size: 18px;
    font-weight: 500;
}
.collapse-search {
    margin-bottom: 20px;
}
.orderSearchLbl {
    font-weight: 600;
    padding-left: 2%;
    margin-top: 3%;
}
.dateRangeDiv {
    text-align: center;
}
.orderHelpLbl {
    color: $darkgrey3;
}
.calenderSearchLbl {
    font-weight: 600;
    padding-left: 2%;
}
.trxade-message {
    font-size: 11px;
    margin-left: 0.75rem;
    padding: 9px 13px;
}
.col-md-6{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.nav-tabs>li>a {
    margin-right: 1px;
    line-height: 1.428571;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: $purewhite;
    border: 1px solid $lightgrey4;
    border-bottom-color: transparent;
}
input[type="date"]::-webkit-datetime-edit-day-field { 
    text-transform: uppercase;
}

 input[type="date"]::-webkit-datetime-edit-month-field { 
    text-transform: uppercase;
}

 input[type="date"]::-webkit-datetime-edit-year-field { 
    text-transform: uppercase;
}

.result-set-alert {
    float: left;
    width: 194px;
    left: 20%;
    text-align: center;
    font-weight: 600;
    color: #333;
    padding: 15px;
    border-radius: 0;
    border: 1px solid #f5e79e!important;
    background-image: linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$purewhitecf8e3",endColorstr="$purewhite8efc0",GradientType=0);
    background-repeat: repeat-x;
    background-color: #fcf8e3!important;
}
.container{
    margin-bottom: 100px;
}
.pagination {
    display: inline-flex;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.disabled a:hover{
    color: $defaultblack !important;
    cursor: not-allowed !important;
    background-color: $purewhite !important;
    border-color: $lightgrey4 !important;
}
.deactive a:hover{
    border: 1px solid $lightgrey !important;
}
.search-form{
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 7px;
}
.hdd2 hr {
    opacity: 1 !important;
}
.container {
    .btn-sm {
        background-color: $primeRxOrange;
    }
}

.af-alert-tip {
    float: right;
    display: inline-block;
    padding: 6px;
    height: 31px;
    text-shadow: 0 1px 0 rgba(255,255,255,.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);
    background-image: linear-gradient(to bottom,$searchResNotifyBackground 0,$searchResNotifyBackground 100%);
    border-color: $searchResNotifyBackground;
    border-radius: 0;
    margin-right: 10px;
}
::ng-deep .status-msg-cross-right {
    margin-top: -10px;
    margin-right: -14px;
}
@media (max-width: 1366px) {
    .container {
        margin-bottom: 180px;
    }
}
@media (min-width: 1024px) and (max-width: 1920px) {
    .result-set-alert {
        margin-left: 42%;
        margin-top: 0%;
        position: relative;
        left: 0!important;
    } 
}
@media (min-width:1200px) and (max-width: 1365px) {
    ::ng-deep .export-msg .status-msg-cross-right {
        margin-top: -18px;
    }
}
@media (min-width: 1024px) and (max-width: 1200px) {
    ::ng-deep .status-msg-cross-right {
        margin-top: -18px;
    }
    ::ng-deep .success-msg .status-msg-cross-right{
        margin-top: -10px;
    }
}
@media (max-width:1023px) {
    .result-set-alert {
        margin-left: 42%;
        margin-top: 0%;
        left: 0 !important;
    }
}
@media (max-width:991px) {
    .container {
        max-width: 100% !important;
    }
    .dateRange , .search-form {
       width: 100%;
    }
    .col-md-6.form-group {
        width: 100%;
    }
}