@import url('../Fonts/work_sans/stylesheet.css');

    select.filter_sel_input {
        font-size: 0.9375em;
        height: 45px;
        border-radius: 0px;
        margin: 5px 0px 25px;
        padding: 0px;
        color: #737373;
    }

select, input[type=file] {
    height: 45px;
    margin-top: 5px;
    margin-bottom: 25px;
    font-weight: normal;
    padding: 0px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
}

    select::-ms-expand, #db_panel_1 select::-ms-expand {
        display: none;
    }

    select:focus-visible {
        outline: none;
    }


*[dir="rtl"] .select, :root:lang(ar) .select, :root:lang(iw) .select {
    background-position: left .7em top 50%, 0 0;
    padding: .6em .8em .5em 1.4em;
}

textarea {
    overflow: auto;
    vertical-align: top;
    height: 110px;
    overflow: hidden !important;
}

ol, ul {
    padding: 0px;
    margin: 0px;
}

.mandatoryBorder {
    border-color: rgba(255,0,0, 0.7) !important;
}

#wrapper {
    /* 111 */
    height: 90vh;
    position: relative;
    z-index: 10000;
    background: #fefefe;
    top: 0px;
}

#header2 + .pageContent, #header3 + .pageContent, #listWrapper {
    position: relative;
    width: 100%;
    top: 0px;
    height: inherit;
    overflow: auto;
    /*padding-bottom: 10em;*/
}

.pageContent {
    background-color: #fefefe;
}

.classHide {
    display: none !important;
}

ul li {
    list-style-type: none;
}

.RT_effect_default {
    transition: all .4s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.RT_btn {
    width: 34px !important;
    height: 34px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    opacity: .7;
    margin: 0 0 0 .3rem;
    outline: none;
}

    .RT_btn:hover, .sk_btn2:hover {
        box-shadow: 0px 0px 5px 0px #ccc;
    }

.RT_accept_btn {
    background: url(Images/sk_sprite2x.png) 0 -272px no-repeat;
}

.RT_undo_btn {
    background: url(Images/sk_sprite2x.png) 0 -578px no-repeat;
}

/*-------------------------------------New Header------------------------------------------------------------- */
#header3 {
    position: relative;
    z-index: 3;
    top: 0px;
    width: 100%;
    height: auto;
    background-color: #f2f4fa;
}

.new-Rpage-header {
    background: #fff;
    display: flex;
    align-items: center;
    /* height: 50px; */
    height: 44px;
    margin: 0px 0 5px;
    padding: 8px 0px;
    box-shadow: 0 4px 6px 0 rgba(0,0,0,0.16);
    background-color: #ffffff;
    position: relative;
}

#routineListControlBtns {
    background-color: #fff;
    padding: 4px 0px;
    /* width: 100%; */
    height: auto;
    position: absolute;
    right: 10px;
}

.PM-module-action-button {
    width: 100%;
    height: 35px;
    /* box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15); */
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px, 100%;
    margin: 0px;
    border-radius: 5px;
    padding: 0px;
    box-sizing: border-box;
    cursor: pointer;
}

.btnManage {
    padding: 0px 3px;
    display: inline-block;
    margin: 0px;
    height: 35px;
}
/*-------------------------------------End-New Header------------------------------------------------------------- */

/* ---------------------------------Routine list-------------------------------------- */

.rt-displayBtnWrap {
    clear: both;
    display: none;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 2.5em;
    height: 2.5em;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 50% 50% 0px 0px;
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.17);
    z-index: 0;
}

    .rt-displayBtnWrap:before {
        content: "\25B2";
    }

    .rt-displayBtnWrap.expandBtn:before {
        content: "\25BC";
    }

/* search */
#rt-SearchWrap {
    /*width: 100%;*/
    padding: 15px;
}

    #rt-SearchWrap .rt-SearchArea {
        height: 50px;
        padding: 0px;
        width: 100%;
        z-index: 2;
        border-radius: 4px;
        box-shadow: 0 3px 12px 2px rgba(0, 0, 0, 0.12);
        background-color: #ffffff;
    }
        
        #rt-SearchWrap .rt-SearchArea .k-textbox {
            /* background-image: none; */
            border: medium none;
            box-shadow: none;
            width: 100%;
            height: 100%;
            text-align: center;
            background-color: #ffffff;
            border-radius: 4px;
            padding: 0px;
        }

            #rt-SearchWrap .rt-SearchArea .k-textbox:hover, .k-textbox:active, .k-textbox:focus {
                background-image: none;
            }

        #rt-SearchWrap .rt-SearchArea input[type="text"] {
            border: medium none !important;
            box-shadow: none;
            width: 100%;
            /* margin-bottom: 0; */
            /* text-align: center; */
            font-size: 18px;
            padding-left: 15px !important;
            border-radius: 0px;
            height: 50px;
            margin: auto;
        }
            #rt-SearchWrap .rt-SearchArea input[type="text"]:focus-visible {
                outline: none;
            }

.rt-SerchCancelBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    position: absolute;
    top: -10px;
    right: -10px;
    /* margin-left: 45%; */
    background-color: #000000;
    border-radius: 50%;
    color: #ffffff;
    width: 1.9em;
    height: 1.9em;
    font-size: 0.8em;
    border: solid 3px #fff;
    box-sizing: content-box;
    box-shadow: 0px 0px 7px 0px rgb(34 34 34 / 35%);
}

/* routine item */
.container-fluid {
    padding: 0px;
}

.row {
    margin: 0px !important;
    padding: 0px;
    /* background-color: transparent; */
    border: none;
}
/*routine table body */
/*.RT_wono {
    float: right;
}*/

#routListListView > li:nth-child(3n+1) {
    clear: both;
}

#routListListView > li {
    font-size: 1em;
    list-style: none;
    position: relative;
    height: auto;
    margin-bottom: 20px !important;
    padding: 0px !important;
    border-radius: 5px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.17);
    background-color: #ffffff;
    overflow: hidden;
}

#routListListView {
    margin: 0 15px 0 15px;
}

.routItem-data {
    padding: 13px 10px;
    margin: 0;
    cursor:pointer;
}

html:not(.loginSpoofer) .container {
    width: 100%;
}

/*.rt-list-wrp {
    padding-left: 4px !important;
}*/

.rot-list-row-1 {
    font-size: 12px;
    color: #919191;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
}

.rot-rm-no {
    text-align: left;
    font-weight: normal;
    color: #919191;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.RT_wono > span:first-child {
    width: 1.25em;
    height: 1.25em;
    border: solid 1px #979797;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    font-size: 0.85em;
}

.rt-wo-list {
    margin-left: 5px;
}

.rot-list-row-2 {
    font-size: 12px;
    color: #919191;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    margin: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px;
    min-height: 0.875em;
}

    .rot-list-row-2 > div {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 400 !important;
    }

.pullleft, .pull-left {
    float: left;
}

.rot-list-row-3 {
    font-size: 12px;
    color: #919191;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 0.005em;
    padding: 0px;
    min-height: 0.9375em;
}

    .rot-list-row-3 > div {
        display: block;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.rot-list-row-4 {
    font-size: 12px;
    color: #919191;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    margin: 0px;
    padding: 0px;
}

    .rot-list-row-4 > * {
        /* float: right; */
        padding: 0px;
    }

.rot_prio {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.priort {
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #919191;
    margin: 0px;
    padding: 0px;
}

#LoadMoreRTWrapper {
    text-align: center;
}

.ast_linked {
    border-left: 6px solid #afafaf; /*#29DD6C !important;*/
}

.ast_unlinked {
    border-left: 6px solid #dc3a67 !important;
}

/* ---------------------------------Routine Detaila-------------------------------------- */
/*.routineDetailsPage {
    background-color: #fefefe !important;
}*/
#routDetailsOrganizer {
    padding: 0 15px;
    width: 100%;
    /*background-color: #fefefe;*/
    margin-top: 0em;
}

    #selectAllWrap {
        padding: 10px 15px;
    }

    #routDetailsOrganizer .k-header {
        border: none;
    }

#routineDetailsPanelBar {
    background-color: transparent;
    border: none;
}

ul#routineDetailsPanelBar > li {
    background-color: #ffffff;
    /* border-radius: 0px 0px 5px 5px; */
    border-radius: 4px !important;
    box-shadow: 0 9px 9px 0 rgba(0, 0, 0, 0.13);
    margin-bottom: 15px !important;
    /* padding-bottom: 10px; */
}

#routineDetailsPanelBar .pm-task-list{
    margin:0px;
    margin-bottom:10px;
}

.tabRTexpandButton {
    /*width: 100% !important;
    height: 50px;*/
    margin: 0px 0px 20px 0px !important;
    padding: 18px 23px 15px 12px !important;
    border-radius: 5px !important;
    box-shadow: 0 2px 10px 0 rgba(17, 18, 20, 0.14) !important;
    border: none !important;
    border-left: 8px solid #39b797 !important;
    background-color: #ffffff00 !important;
    font-size: 1em !important;
    font-weight: 500 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 16px !important;
    letter-spacing: 0.5px !important;
    color: #282b3a !important;
}

ul.k-panelbar .k-link.k-state-default + .routDetailsInfo {
    display: none;
}

ul.k-panelbar .k-link.k-state-selected + .routDetailsInfo {
    display: block;
}

.routDetailsInfo.k-content {
    padding: 0px 10px !important;
    padding-bottom: 18px !important;
}

.rout-dtl-row {
    display: flex;
    align-items: inherit;
    border-radius: 4px;
    box-shadow: 0 1px 10px -4px rgb(0 0 0 / 36%);
    background-color: #ffffff;
    margin: 0px 0px 15px 0px !important;
    padding: 12px;
}

.rout-col-1 {
    padding: 2px;
    background-color: #fff;
    border-radius: 4px 0px 0px 4px;
    width: 248px;
    margin-right: 10px;
    display: flex;
}

    .rout-col-1 > label, .defc-col-1 > label {
        color: #2b46a7;
        font-size: 0.875em;
        font-weight: 500;
        margin-bottom: 0px;
        line-height: 1em !important;
        align-self: center;
        border-right: solid 2px #c5c5c5;
        width: 100%;
    }

.rout-col-2 {
    padding: 2px;
    background-color: #ffffff;
    border-radius: 0px 4px 4px 0px;
    margin-left: 0px;
    display: flex;
}

    .rout-col-2 > label {
        color: #000000;
        font-size: 0.875em;
        font-weight: 500;
        line-height: 1em;
        margin-bottom: 0px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

@media(min-width: 992px){
    ul#routineDetailsPanelBar > li {
        width: 24%;
        margin-right: 1%;
        background-color: transparent;
        margin-bottom: 10px !important;
    }

    #routineDetailsPanelBar > li > .tabexpandButton {
        width: 100% !important;
        margin-bottom: 0px !important;
        border-radius: 3.5px !important;
        border-left-width: 7.5px !important;
        /*zoom:0.75;*/
        height: 35.5px;
        font-size: 0.8em !important;
        padding: 10px !important;
    }

   /* ul.k-panelbar > li:not(.defect-content) > span:before {
        transform: scale(0.75);
    }

    ul.k-panelbar:not(.k-cust-panelbar) > li.k-state-active > span:before {
        content: "";
        display: inline-block;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #fff;
        position: absolute;
        right: 2%;
        top: 30%;
    }*/

    #routineDetailsPanelBar > li > .k-content {
        width: 75%;
        position: absolute;
        right: 0px;
        top: 0px;
        border: solid 1px #ddd;
        border-radius: 5px !important;
        padding-top: 18px !important;
        /*margin-bottom: 1%;*/
        /*margin-right: 1%;*/
        box-shadow: 0 2px 10px 0 rgba(17, 18, 20, 0.14);
        /*min-height:62vh;*/
    }

    #routineDetailsPanelBar > li .rout-dtl-row {
        width: 99%;
        margin-right: 1% !important;
        float: left;
    }


}
/* ---------------------------------Asset list-------------------------------------- */
.routineDeteilsPane {
    padding: 18px !important;
    /*background-color: #fefefe;*/
}

#btnRoutineAreaDetail {
    width: auto;
    height: auto;
    margin: 0px;
    padding: 15px;
    border-radius: 4px;
    border: solid 3px #c1c0ff;
    background-color: #ffffff;
    box-shadow: 0 3px 12px 2px rgba(0, 0, 0, 0.12);
    /* background-image: linear-gradient(to right, #2b46a7 -3%, #2b46a7 44%, #6a7dc1 125%); */
}

.insideRoutDetailsBreadcrumb {
    width: auto;
    height: auto;
    margin: 0 0 5px 0;
    font-size: 0.9375em;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2b46a7;
    overflow: hidden;
}

.belowTitleInfoh4 {
    padding: 0 !important;
    margin: 5px 0 0 !important;
}
/* Check box */
#selectAllAsset, #selectAsset {
    width: 20px;
}
    #selectAllAsset > .ssetSelect + label.selAssetAll, #selectAsset .assetSelect + label.selAsset {
        background-color: transparent;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cmVjdCBpZD0iMHNsMDZ2MnJyYSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB4PSIwIiB5PSIwIiByeD0iMTIiLz4KICAgICAgICA8bWFzayBpZD0idWwyaGRzY2x5YiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB4PSIwIiB5PSIwIiBmaWxsPSIjZmZmIiBtYXNrQ29udGVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+CiAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iIzBzbDA2djJycmEiLz4KICAgICAgICA8L21hc2s+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1kYXNoYXJyYXk9IjIiPgogICAgICAgIDxnIHN0cm9rZT0iIzJCNDZBNyIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM1OSAtNjE0KSB0cmFuc2xhdGUoMzU5IDYxNCkiPgogICAgICAgICAgICAgICAgPHVzZSBtYXNrPSJ1cmwoI3VsMmhkc2NseWIpIiB4bGluazpocmVmPSIjMHNsMDZ2MnJyYSIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 1.5em;
        height: 2em;
        width: 2em;
        margin-bottom: 0px;
    }
    #selectAllAsset > input:checked + label.selAssetAll, #selectAsset assetSelect:checked + label.selAsset {
        background-color: transparent;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMTkgLTYxNCkgdHJhbnNsYXRlKDMxOSA2MTQpIj4KICAgICAgICAgICAgICAgIDxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iIzM5Qjc5NyIgcng9IjEyIi8+CiAgICAgICAgICAgICAgICA8ZyBzdHJva2U9IiNGRkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAgMEwzLjEyNSA3IDAgMy44MTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcgOSkiLz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 1.5em;
        height: 2em;
        width: 2em;
        margin-bottom: 0px;
    }

.selAssetAll {
    cursor: pointer !important;
}
.countItem{
    padding:0;
}
.countItem span{
    font-size:0.875rem;
}

.RT_main {
    position: relative;
    width: 100%;
    top: 0px;
    overflow-y: auto;
    padding: 0px;
}

.RT_card {
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-radius: 2px;
    padding: 0rem;
    margin: 0px;
}

#RoutFilterWrapper.RT_card {
    background: #fff;
    margin: 15px;
    background: #fff;
    width: auto;
    border-radius: 5px;
    box-shadow: 0 1px 4px 1px rgba(0,0,0,0.34);
}

.filter_div.RTFiter_wrapper {
    padding: 20px 15px;
}

    .filter_div.RTFiter_wrapper * {
        padding: 0px;
    }

    .filter_div.RTFiter_wrapper > * {
        padding: 0px 5px;
    }

.Rtable-responsive {
    border: none;
}


.table > .thead > .row {
    width: auto;
    border-bottom: none;
    margin: 13px !important;
    margin-top: 0px !important;
    padding: 13px 10px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.34);
    background-color: #647585;
}

#RoutListTable.table > .thead > .row, #AssetListTable.table > .thead > .row {
    margin-right: 20px !important;
}

#AssetListTable.table > .thead > .row span, #MngAssetTable.table > .thead > .row span {
    display: block;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.thead.fixed {
    position: fixed;
    width: calc(100% - 7px);
    z-index: 1;
    background: #f2f4fa;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 17%);
    /*border-bottom: solid 1px #cbd2d9;*/
}

#wrapper.w75 .thead.fixed {
    width: calc(75% - 7px) !important;
}

.table > .tbody > .row {
    width: auto;
    border-bottom: none;
    margin: 13px !important;
    margin-top: 0px !important;
    padding: 13px 10px;
    border-radius: 2px;
    box-shadow: 0 1px 4px 1px rgb(0 0 0 / 17%);
    background-color: #ffffff;
}

    .table > .tbody > .row > .RTgridcell, .table > .thead > .row > .RTgridcell, .table > .tfoot > .row > .RTgridcell {
        float: left;
        font-weight: normal;
        vertical-align: middle;
        box-sizing: border-box;
        word-break: break-word;
        overflow: hidden;
        padding: 0px;
        margin: auto;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .table > .tbody > .row *, .table > .thead > .row *, .table > .tfoot > .row * {
        padding: 0px;
        /*font-size: 12px;*/
    }

.asset-mobile-lables {
    display: none;
    font-weight: normal;
    font-size: 11px;
    color: #000;
}

.table > .thead > .row .RTgridcell span {
    color: #fff;
    font-size: 11px;
    font-weight: 500;
}

.table > .tbody > .row .RTgridcell span.routine-value {
    font-size: 12px;
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* padding-right: 5px; */
}

.table .row *.pad-md-15 {
    padding: 0px 15px;
}

.table > .tfoot > .row .RTgridcell span.txt-white {
    color: #fff;
    font-size: 12px;
}

#RoutListTable.table .row, #AssetListTable.table .row {
    overflow: hidden;
}

.Rtable-responsive > .table > .tbody .qty-head {
    display: none;
}

.spanHeadTextMob {
    display: none;
}

.spanHeadTextDesk {
    display: inline-block;
    float: right;
}


.btnNstng {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyI+PGRlZnM+PGltYWdlICB3aWR0aD0iOTYiIGhlaWdodD0iOTYiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBR0FBQUFCZ0NBWUFBQURpbUhjNEFBQUFCbUpMUjBRQS93RC9BUCtndmFlVEFBQUNOa2xFUVZSNG5PM2F2WW9UVVJqRzhXY3k0SlF5dFhjZ0N5NXU0ZDdBWW1NZHdXMmpRNXBjZ3ZYV2FjSmtXbGNodFdJaFhzQTJFbEM4QTF2RGxobklPVFlKaURpWk0xK2VkZWIvSzhQTG5PRjlrc2xtZVNRQUFBQUFBQUFNUmRERlJiTXNPelBHWElWaCtId3ltZnpzNG95K2FEMkEvZkkvU1lvbGZRbkQ4SUlRaXJVYXdCL0xQeUNFSTFvTG9HRDVCNFJRb0pVQVNwWi9RQWgvTVdwNmdUUk5ueGhqUHV2NDhpWHA4VzYzZTlmMHZMNXBGRUNXWldlU1BrcTY3ekIrSytsMWsvUDZxUFlqeVBHeGMzQXI2V21TSkRkMXordXIwZ0RTTkxVTno2aTAvQmJPdTFPU0pEbTY0OGJmQVNWNDU1Zm9NZ0NXNzZDckFGaStveTRDWVBrVnRCMEF5NitvelFCWWZnMXRCY0R5QVFBQUFNQVJ2U0RQNkFWNVJpL0lNM3BCbnRFTDhveGVrR2YwZ2p5akYrUVp2YUNPMFF1NjQrZ0ZlVVl2eURONlFaN1JDL0tNWHBCbjlJSUFBQUFBQUFBQUFQOUE1VnJLZkQ2UG9paEtKTDJRZExKLytadTE5anJQOCtWc050dTJlb2M5VnltQXhXTHhZRFFhZlpEMHFHQmtiWXg1TnAxT2Z6Uy90V0Z3RG1EL3pyOVI4ZklQMXR2dDlyenVKNEZlVUlIOVk2ZHMrWkowR2tYUlM5ZnJEcDF6QUVFUVhMck9XbXVkWjRmT09RQnI3VVBYMlNBSVRzcW5JSFZYekRJZFhiZDNxanlDdnJ2T1dtdWRaNGZPT1FCanpCdlgyU0FJcnV2ZHp2QTRCNURuK1ZMUzJtRjBIY2Z4c3Y0dERVdWRIMkx2SlowV2pQQkRyS0xLLzRwWXJWYjNOcHZOSzJ2dDVXOS83WHlWOURhTzQrVjRQTTdidlVVQUFBQUFBQUFBQUFBQS82OWYyZzRZTmFvZCtHa0FBQUFBU1VWT1JLNUNZSUk9Ii8+PC9kZWZzPjxnIGZpbGw9IiM5OTkiPjxwYXRoIGQ9Ik04LjMwMiA0LjU2NmgxMS44M3YxLjc4NUg4LjMwMnptLjAyMSA1LjU0MmgxMS44M3YxLjc4NUg4LjMyM3ptMCA1LjUyaDExLjgzdjEuNzg1SDguMzIzeiIgcGFpbnQtb3JkZXI9InN0cm9rZSBmaWxsIG1hcmtlcnMiLz48Y2lyY2xlIGN4PSIzLjYzMiIgY3k9IjE2LjUiIHI9IjEuMzA4IiBwYWludC1vcmRlcj0ic3Ryb2tlIGZpbGwgbWFya2VycyIvPjxwYXRoIGQ9Ik01LjE4MSA4LjMwN0wzLjQyIDEwLjE1NkgxLjg2NHYxLjcxN2gyLjE3Mkw2LjM0IDkuNTF6bS0uMDM0LTUuNDgzbC0xLjc2MiAxLjg1SDEuODN2MS43MTdoMi4xNzJsMi4zMDQtMi4zNjN6Ii8+PC9nPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 19px;
    width: 25px !important;
    height: 25px;
    filter: brightness(0.2);
}

    .btnNstng.introjs-relativePosition{
        right:17px
    }

    .spanHeadCheck {
    }
/* ---------------------------------Media Query-------------------------------------- */
@media(min-width:1024px) {
    .md-txt-right {
        text-align: right;
    }

    #rt-SearchWrap {
        height: 100%;
        position: relative;
        float:right;
        /*left:80%;*/
        /* margin-left: 73%; */
        padding: 15px;
    }

        #rt-SearchWrap > .rt-SearchArea {
            height: auto !important;
            width:100%;
            /*border-radius: 0px;
            box-shadow: none;
            border-left: solid 1px #c7c7c7;*/
            /* border-right: solid 2px #a8a7de; */
        }

        #rt-SearchWrap .rt-SearchArea input[type="text"] {
            height: 44px !important;
            font-size: 1em !important;
            padding: 0px 20px !important;
            border-radius: 4px !important;
            margin-bottom: 0px !important;
        }

    #selectAllWrap{
        float:left;
        padding:15px;
        padding-bottom:0px;
    }

    .routDetailright{
        left:15px;
        width:45%
    }
    .pop{
        float:right;
    }
    .colW100{
        width:100%
    }
    .colW5{
        width:5%;
    }
    #routListListView > li {
        margin-bottom: 10px !important;
    }

    #AssetListTable.table .tbody .row{
        display:flex;
        align-items:center;
        justify-content:flex-start;
    }

    .assetBulkSelectSwitch{
        position:absolute;
        top:-12px;
    }

    .RTSelBtn{
        position:absolute;
        top: 0px;
        left: 50px;
    }

    .rot-rm-no, .Rtable-responsive .tbody {
        color: #282b3a !important;
    }
    .rot-list-row-1, .rot-list-row-2, .rot-list-row-3, .rot-list-row-4 {
        font-size: 0.8em;
        color: #282b3a;
    }
}

@media(max-width: 991px) {
    .rt-displayBtnWrap {
        display: flex;
    }

    .rt-primaryBtnWrap.expandBtnPanel,
    .rt-seconderyBtnWrap.expandBtnPanel {
        height: 0px !important;
        padding: 0px !important;
        overflow: hidden;
        opacity: 0;
        animation: AnimateExpand 2s ease-in-out;
        -webkit-animation: AnimateExpand 2s ease-in-out;
    }
    .RT_wono {
        float: unset;
    }
    .btnNstng.introjs-relativePosition {
        right: 10px
    }
}

@media(max-width: 768px) {
    #routineListControlBtns {
        padding: 10px 8px;
        border-top: solid 1px #f2f2f2;
        box-shadow: 0 8px 8px 0 rgb(0 0 0 / 9%);
        border-radius: 0px 0px 5px 5px;
        position: relative;
        right: 0px;
    }

    
    .PM-module-action-button {
        height: 45px;
        border: none;
        background-size: 20px, 100%;
        border-radius: 4px;
    }

    .Rtable-responsive > .table > .thead > .row:not(#selectAllDiv) {
        display: none !important;
    }

    .thead:has(#selectAllDiv), .thead:has(#selectAllWrap){
        padding: 15px 0px;
    }

    .tblsubHeader {
        padding: 15px 0px;
    }

    .thead .tblsubHeader{
        padding: 0px;
    }

    #selectAllDiv, #selectAllWrap{
        padding: 0px 15px;
        margin: 0px !important;
    }

    .Rtable-responsive > .table > .tbody {
        position: relative !important;
        /*height: auto !important;*/
    }

    .RT_btn {
        margin: 0px;
    }

    .actMob {
        display: none;
    }

    .skillMob {
        float: right;
        text-align:right;
    }

    /*.status_active {
        border-left: 6px solid #29DD6C !important;
    }*/

    .asset-mobile-lables {
        display: inline-block;
        float: left;
        width: auto;
        text-align: left;
        margin: 3px 0px;
    }

        .asset-mobile-lables.lbl-main {
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #000000;
        }

    .routine-value, .Meter-value {
        display: inline-block;
        float: left;
        width: 100%;
        font-size: 11px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #919191;
        margin-bottom: 3px;
        text-align: left;
    }

        .routine-value.val-main, .Meter-value.val-main {
            font-size: 10px !important;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #787878;
            white-space: inherit;
        }

    .table > .tbody > .row > .RTgridcell.main-cell {
        /*margin: -15px -15px 0px;
        padding: 15px;
        padding-bottom: 15px !important;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
        width: 110%;
        margin-bottom: 10px;*/
        margin: -15px -2.5% 0px -2.5%;
        padding: 15px 7.5px;
        padding-bottom: 15px !important;
        width: 105%;
        margin-bottom: 10px;
        border-bottom: solid 1px #ddd;
    }

    .Rtable-responsive > .table > .tbody .qty-head, .assetHeadTitle {
        display: none;
        margin: 7.5px 0px;
    }

    #assetHead, #assetHead > .row {
        display: block;
        background-color: #fff;
    }

    .tbody .qty-head > .asset-mobile-lables {
        font-size: 13px;
        font-weight: 500;
    }

    .RT_wono {
        float: unset;
    }

    .rot-list-row-1 {
        font-size: 13px;
        color: #000;
    }

    #selectAsset {
        float: right;
        height: 130px;
        width: 63px !important;
        top: 11px;
        right: -5px;
    }

    #selAll {
        float: right;
    }

    .spanHeadTextDesk {
        display: none;
    }

    .spanHeadTextMob {
        display: inline-block;
        color: #24272b !important;
        opacity: 0.8;
        float: left;
        padding-left: 20px !important;
    }

    .spanHeadCheck {
        float: right;
    }

    .rot-rm-no {
        color: #000000;
    }

    .rot-list-row-2 {
        font-size: 14px;
        margin-top: 11px;
    }

    .rot-list-row-3 {
        font-size: 15px;
        font-weight: bold;
        color: #282b3a;
        margin: 5px 0px 0px 0px;
    }

    .rot-list-row-4 {
        font-size: 13px;
        color: #3d404d;
        margin-top: 12px;
    }

    .priort {
        font-size: 13px;
        font-weight: 500;
        color: #2b46a7;
    }

    .assetBulkSelectSwitch {
        width: 20%;
        padding: 0px;
        margin: -10px -10px -10px 0px;
        text-align: center;
        zoom: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 96px 0px 0px 96px;
        background-color: rgba(197,196,196,0.21);
    }
    .rout-col-1{
        width:150px;
    }
}

@media(max-width: 500px) {
    .btnFilter, .btnRefresh, .btnAdd, .btnManage {
        padding: 0px 3px;
        height: 45px;
    }
    .assetBulkSelectSwitch {
        width: 20%;
        padding: 0px;
        margin: -10px -10px -10px 0px;
        text-align: center;
        zoom: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 96px 0px 0px 96px;
        background-color: rgba(197,196,196,0.21);
    }
}
/*****----------------------------------------- Start Message Box -----------------------------------------------------***********/
.pm_msg_box_wrapper {
    position: fixed;
    top: 0px;
    z-index: 1000005;
    width: 100%;
}

.pm_msg_box {
    width: 335px;
    text-align: center;
    background-color: #ffffff;
    margin: 15px auto;
    box-shadow: 0 3px 12px 2px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 1px 2px 0px #999999;
    -webkit-box-shadow: 0px 1px 2px 0px #999999;
    border-radius: 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    z-index: 1000006;
}

.pm_errorMsgStyle {
    color: red;
    border: 1px solid red;
}

.pm_normalMsgStyle {
    color: #4cbea1;
    border: 1px solid #4cbea1;
}

.pm_warMsgStyle {
    color: #e8ae00;
    border: 1px solid #e8ae00;
}

.pm_succMsgStyle {
    color: #008502;
    border: 1px solid #008502;
}

.pm_msgTitle {
    padding: 15px;
    padding-bottom: 13px;
    border-radius: 0px 0px 0px 0px;
    margin: 0px;
    font-weight: 600;
}

.pm_msg_content {
    color: #7e8192;
    font-size: 13px;
    padding: 0px 7.5px;
    margin: 0px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.pm_btn_group {
    padding: 8px 8px 15px 0;
}

/*.msg-btn {
    display: inline-block;
    padding: 3px 0px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #ffffff;
    border-radius: 5px;
    margin-left: 2px;
    margin-right: 2px;
    width: 150PX !important;
}*/
.pm_msg_box .btn {
    display: inline-block;
    *
    display: inline;
    padding: 3px 0px;
    margin: 0px 1%;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #ffffff;
    text-shadow: 1px;
    border-radius: 5px;
    /* margin-left: 10px; */
    width: 48% !important;
    width: 48% !important;
    max-width: 142px;
}

    .pm_msg_box.btn.active.focus, .pm_msg_box.btn.active:focus, .pm_msg_box.btn.focus, .pm_msg_box.btn:active.focus, .pm_msg_box.btn:active:focus, .pm_msg_box .btn:focus {
        outline: thin dotted;
        /*outline:5px auto -webkit-focus-ring-color;*/
        outline-offset: -2px;
    }

    .pm_msg_box .btn:hover {
        background: #eaeaea !important;
    }

/* btn for error */
.pm_msg_box.pm_errorMsgStyle .btn {
    color: #ff0000;
    box-shadow: 0 1px 1px #ff0000;
    border: 1px solid #ff0000;
}
/* btn for info */
.pm_msg_box.pm_normalMsgStyle .btn {
    color: #2196f3;
    border: 1px solid #2196f3;
}
/* btn for warning */
.pm_msg_box.pm_warMsgStyle .btn {
    color: #e8ae00;
    box-shadow: 0 1px 1px #e8ae00;
    border: 1px solid #e8ae00;
}
/* btn for succ */

.pm_msg_box.pm_succMsgStyle .btn {
    color: #008502;
    box-shadow: 0 1px 1px #008502;
    border: 1px solid #008502;
}




.pm_msg_box.err {
    margin: 0px 0px;
    box-shadow: 0px 1px 2px 0px #999999;
    -moz-box-shadow: 0px 1px 2px 0px #999999;
    -webkit-box-shadow: 0px 1px 2px 0px #999999;
    border-radius: 0px;
    top: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    position: fixed;
    display: block;
    z-index: 100003;
    display: none;
}


    .pm_msg_box.err .head {
        text-align: center !important;
        height: 35px;
        background-color: #2196F3;
        padding: 10px 10px 10px 10px;
        border-radius: 0px 0px 0px 0px;
        margin: 0px;
        /*font-weight: bold;*/
        border-bottom: 1px #fff solid;
        color: #fff;
        font-size: 14px;
    }


.pm_msg_box .head {
    text-align: center !important;
    height: 35px;
    background-color: #2196F3;
    padding: 10px 10px 10px 10px;
    border-radius: 0px 0px 0px 0px;
    margin: 0px;
    /*font-weight: bold;*/
    color: #fff;
    font-size: 14px;
}

    .pm_msg_box .head a.close_btn {
        font-size: 16px;
        font-weight: bold;
    }

    .pm_msg_box .head a.close_btn {
        color: #333333;
    }




/*.pm_msg_box .btn_group {
        color: #323232;
        background-color: #fff;
        text-align: center;
        margin-top: 0px;
        padding: 10px 0;
    }

    .pm_msg_box.err .btn_group {
        color: #323232;
        background-color: #fff;
        text-align: center;
        margin-top: 0px;
        padding: 10px 10px 10px 10px;
    }*/

/*.pm_msg_box .btn {
        display: inline-block;
        *display: inline;
        padding: 3px 0px;
        margin-bottom: 0;
        *margin-left: .3em;
        font-size: 16px;
        line-height: 25px;
        *line-height: 25px;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        background-color: #2196F3;
        color: white;
        text-shadow: 1px;
        background-repeat: repeat-x;
        border-top: none;
        border-bottom: none;
        *border: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        *zoom: 1;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        margin-left: 1px;
        margin-right: 1px;
        width: 150PX !important;
    }*/

.pm_msg_box.err .btn {
    display: inline-block;
    *display: inline;
    padding: 3px 0px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 16px;
    line-height: 25px;
    *line-height: 25px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #2196F3;
    background-repeat: repeat-x;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: none;
    border-bottom: none;
    *border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    margin-left: 1px;
    margin-right: 1px;
    width: 150PX !important;
}

.pm_msg_box.err .btn:hover {
   color: #fff;
}


.pm_msg_box .bottom {
    background-color: #fff;
    /*height: 5px;*/
    border-radius: 0px 0px 0px 0px;
    margin: 0px;
    border: none;
}

.pm_msg_box.err .bottom {
    background-color: #fff;
    height: 5px;
    border-radius: 0px 0px 0px 0px;
    margin: 0px;
}

.Rtable-responsive .table .thead.fixed {
    position: fixed;
    width: calc(100% - 7px);
    z-index: 1;
    background: #f2f4fa;
}
/***** End A ***********/