/*================= MEDIA QUERY START HEARE ====================*/

/* for all Mobile Device */

@media screen and ( max-width: 768px ) {
    body.login_body {
        overflow-y: auto;
        box-sizing: inherit;
    }

    .page-wrap-header {
        min-height: initial;
    }

    .mobi_login {
        width: 100%;
    }

    .page-wrap {
        width: 1024px;
    }

    .rams-logo {
        font-family: 'Source Sans Pro';
        font-size: 20px;
        line-height: 30px;
    }

    #sliderImage, #sliderImage1, #sliderImage2, #sliderImage3, #sliderImage4, #sliderImage5, #sliderImage6, #sliderImage7, #sliderImage8, #sliderImage9, #sliderImage10, #sliderImage11, #sliderImage12 {
        width: 102px;
        margin: 3px;
        padding: 0px;
        display: inline-block;
    }

    .captionbr {
        top: 49px;
    }

    .page-wrap.login-page .login_bg_img {
        height: 100% !important;
    }

    .page-wrap.login-page .page-wrap-footer {
        z-index: 99;
    }

    .modal-body, .modal-body .myCustomScrollbar {
        max-height: 100%;
    }

    .slidMainContent {
        /*position: inherit;
        left: 30px;
        top: 60px;*/
        position: relative;
        left: 6%;
        right: 0;
        top: 75px;
        margin: auto;
    }

    .thumbnail .caption, .slidecaption {
        font-size: 6px !important;
    }

    .login_box {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 75px;
        left: 0;
        right: 0;
    }

    .forgtLoginFields .clearRightPadding:nth-child(1) {
        padding: 0px;
    }

    .client-logo img {
        height: 100% !important;
        padding: 0px !important;
    }

    .main-container.leftContent {
        height: 100% !important;
    }

    #login_form .product_logo, #forgot_pwd .product_logo {
        position: relative;
        top: 50px;
        left: 0;
        right: 0;
        padding: 0;
        margin: auto;
        display: table;
    }

    .page-wrap {
        width: 1024px;
    }

    .mb_login.rams-logo {
        font-size: 14px;
        position: absolute;
        top: 3%;
        left: 0;
        width: 100%;
        right: 0;
    }

    .product_logo img {
        height: 38px;
    }



    .main_mobi_login {
        /*display: none;*/
        width: 100%;
        position: relative;
        padding: 10px;
        top: 5px;
    }

    .col-sm-4.text-start.ng-scope.ng-binding {
        float: left;
    }

    /*old code*/
    .main-left-navbar > ul > li {
        margin: 0 0 0 15px;
    }

        .main-left-navbar > ul > li > a {
            font-size: 15px;
        }


    .adminCont .adminMainCont {
        width: 75%;
    }

    .adminCont .adminLeftCont {
        width: 23.5%;
    }

    .login-page .subText, .login-page .paragraph {
        padding: 0px !important;
    }

    .login_main-body {
        min-height: 600px;
    }

    #forgot_pwd, #login_form {
        margin: 70px 0px;
        padding-bottom: 50px;
    }
    /*----Login page end ----*/

    /*----- DASH BOARD START HEAR -----*/
    .mb_dsb.rams-logo {
        font-size: 18px;
        PADDING: 0;
    }

    .mb_dsb_logo.client-logo img {
        max-height: 50px !important;
        margin-top: 5px;
    }
}

/* for all tab device IPAD  inch screens */
@media (min-width: 625px) and (max-width: 769px) {
    .mobi_login {
        width: 70%;
    }

    .slidMainContent {
        left: 35%;
        top: 50px;
    }
}
/* for all tab device 10,11,12 inch screens */
/*@media (max-width: 767px) and (max-width: 979px) {*/
@media (min-width: 768px) and (max-width: 1024px) {
    .colsm3 {
        width: 23% !important;
    }

    .main-container.leftContent {
        height: auto;
    }

    .mobi_login {
        width: 100%;
    }

    .login_box {
        position: inherit !important;
        margin: auto !important;
        display: table;
        top: 70px !important;
        left: 0 !important;
        right: 0 !important;
    }

    #forgot_pwd .login_box {
        position: relative !important;
    }

    .emptyDivLogin {
        display: none;
    }

    #login_form .product_logo, #forgot_pwd .product_logo {
        position: relative;
        top: 50px;
        left: 0;
        right: 0;
        padding: 0;
        margin: auto;
        display: table;
    }
    /*----Login page end ----*/

    /*----- DASH BOARD START HEAR -----*/
    .mb_dsb.rams-logo {
        font-size: 18px;
        PADDING: 0;
    }

    .client-logo img {
        height: 50px !important;
        margin-top: 5px;
    }

    .main-left-navbar > ul > li > a {
        font-size: 11px;
    }

    .main-left-navbar > ul > li {
        margin: 0 0 0 10px;
    }

    .main-left-navbar > ul {
        float: left;
        padding-left: 15px;
    }

    .mb_dsb_menu {
        position: absolute;
        right: 0;
        width: 42%;
    }

        .mb_dsb_menu .main-right-navbar .navbar-search {
            padding: 2px 0px 2px 0px;
        }

    .navbar-search #drpLangtype {
        width: 100px;
    }

    #forgot_pwd, #login_form {
        margin-bottom: 70px;
        /*margin: 70px 0px;*/
        padding-bottom: 50px;
    }

    /*----- kpi ---*/
    #divMain .kpi_main {
        max-height: 100%;
    }

    .single_card.col-md-3 {
        padding: 8px 5px;
        height: 70px;
        width: 19%;
        display: inline-block;
    }

    .kpi_main .col-md-8 {
        position: absolute;
        top: 12px;
        left: 31%;
    }

    .col-md-4.kpi_img {
        width: auto;
    }

        .col-md-4.kpi_img img {
            height: 35px;
            width: 35px;
            margin-top: 8px;
        }

    .kpi_main .title {
        font-size: 15px;
    }

    .col-md-8 .text, .col-md-8 .title {
        line-height: 25px;
    }

    .kpi_main .text {
        font-size: 13px;
    }
    /*------*/


    /*--- charts in home dasboard ---*/
    .dashboard-chart-set, .Dasbordmaindiv > div {
        width: 99% !important;
        margin-top: 10px;
    }

    .row.btnrightpdng .col-sm-9 {
        padding: 0px;
    }

    .leftmenu_box_content li span {
        text-indent: 7px;
        width: 81px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /*views > charts*/
    .divMain.leftClose.rightClose {
        width: 98.9%;
    }

    .leftmenu_box_content li {
        width: 100% !important;
    }

    .divLeft {
        float: left;
    }

    #ChartDivision .col-md-3.chartdropdownaxis {
        width: 33.33333333% !important;
    }

    .divRight.divRightOpen .hideApplyBtn {
        position: relative;
        width: 48% !important;
        height: 25px;
        float: none !important;
        float: inherit !important;
        font-size: 12px;
    }

        .divRight.divRightOpen .hideApplyBtn.sav_btn {
            float: right !important;
        }

        .divRight.divRightOpen .hideApplyBtn :nth-child(2) {
            margin-bottom: 10px;
        }

        .divRight.divRightOpen .hideApplyBtn :nth-child(3) {
            margin-left: 0px !important;
        }
    /*admin dashboad start hear*/
    .float_l {
        width: 80%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /*dashboard KPI's*/
    #dbPosUl_Kpi div a {
        margin-left: 10px;
        float: left;
        margin-bottom: 5px;
    }

    .kpisBG_main {
        height: 150px;
    }

    .kpisBG_inner {
        height: 120px;
    }

    .form-group.searchByStyle > span {
        display: block;
        line-height: 10px;
        margin-top: 5px;
    }

    .searchByStyle label.ng-binding {
        margin-right: 5px;
    }

    .exprot_main_bg .leftSidebar .dropDownList {
        padding: 0 5px;
    }

    .mb_padding {
        padding: 5px 0px 5px 0px;
    }

    .mb_padding2 {
        padding: 5px;
    }

    .logSminput .col-sm-3 {
        padding-right: 0px;
    }


    /* -------- Import styles --------*/
    .fileNameWidth {
        width: 30%;
    }

    .sheetNameWidth {
        width: 11%;
    }

    .groupCaptionWidth {
        width: 20%;
    }

    .statusWidth, .errCountWidth, .warnCountWidth {
        width: 11%;
    }

    .DownLoadLogFile {
        width: 4%;
    }

    /* StripMap Start */
    .customTabs div {
        padding: 4px 10px;
    }
    .paddingCls {
    padding: 0 1px 0 0 !important;
    }
     .paddingCls .btn-default{
             font-size: 12px !important;
    }

     .modal-header.GalleryHeader button {
    font-size: 20px;
}
       .divRight.divRightOpen .hideApplyBtn {
        width: 38% !important;
        margin-left: 4%;
        float:left !Important;
    }

    /*LRMS FOOTER BUTTONS WIDTH*/
    .split_merge_margin .col-sm-10 {
        width: 78%;
    }

    .split_merge_margin .col-sm-1.clearPadding {
        width: 11%;
    }
    /*.split_merge_margin > .col-sm-1 {
        width:10%;
    }*/
    /*new batch process*/
    .bpCtrls .bpCtrl.bpFCtrl {
        width: 108px;
    }

    .bpCtrls .bpCtrl.bpSCtrl, .bpCtrls .bpCtrl.bpACtrl {
        width: 20px;
    }

    .bpListTreeBody .bpCtrlsWrapSet .bpCtrls .bpCtrl.bpSCtrl.bpSCtrlFiles:before {
        right: -45px;
    }
}

/* Desktops and laptops ----------- */
@media only screen and (max-width : 1224px) {
    .mobi_login {
        width: 83%;
    }

    .float_l {
        width: 80%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /*views > charts*/
    .divMain.leftClose.rightClose {
        width: 98.9%;
    }

    .leftmenu_box_content li {
        width: 100% !important;
    }

    .divLeft {
        float: left;
    }

    #ChartDivision .col-md-3.chartdropdownaxis {
        width: 33.33333333% !important;
    }

    .divRight.divRightOpen .hideApplyBtn {
        position: relative;
        width:42% !important;
        height: 25px;
        /*float: none !important;
        float: inherit !important;*/
        font-size: 12px;
    }

        .divRight.divRightOpen .hideApplyBtn.sav_btn {
            float: right !important;
        }

        .divRight.divRightOpen .hideApplyBtn :nth-child(2) {
            margin-bottom: 10px;
        }

        .divRight.divRightOpen .hideApplyBtn :nth-child(3) {
            margin-left: 0px !important;
        }

    .colsm3 {
        width: 25% !important;
    }
    /*search icon and radio buttons*/
    .form-group.searchByStyle > span {
        display: block;
        line-height: 10px;
        margin-top: 5px;
    }

    .searchByStyle label.ng-binding {
        margin-right: 5px;
    }

    .logSminput .col-sm-3 {
        padding-right: 0px;
    }

    .GPSMasterFileUploadInAdmin div div.col-md-1 {
        padding-left: 0px;
        padding-right: 0px;
    }

    /*batch process inputs*/

    .listTreeView li.hasSubLevel > ul > li.hasSubLevel > div {
        margin-left: 29px;
        margin-top: 1px;
    }

        .listTreeView li.hasSubLevel > ul > li.hasSubLevel > div > .toggleLinkBtn {
            left: 43px;
        }

    .listTreeView li.hasSubLevel > ul > li.hasSubLevel > ul {
        margin: -1px 0 -1px 0;
        padding: 2px 0 0 60px;
    }

        .listTreeView li.hasSubLevel > ul > li.hasSubLevel > ul:before {
            left: 77px;
        }

        .listTreeView li.hasSubLevel > ul > li.hasSubLevel > ul > li.hasSubLevel {
            margin-left: -39px;
        }

            .listTreeView li.hasSubLevel > ul > li.hasSubLevel > ul > li.hasSubLevel > div {
                padding-left: 97px;
            }

                .listTreeView li.hasSubLevel > ul > li.hasSubLevel > ul > li.hasSubLevel > div > .toggleLinkBtn {
                    left: 57px;
                }

    .listTreeViewHeader > span:nth-child(1) {
        left: 10%;
    }

    .listTreeViewHeader > span:nth-child(2) {
        left: 24%; /*26%;*/
    }

    .listTreeViewHeader > span:nth-child(3) {
        left: 38%; /*26%;*/
    }



    .selectOpType, .listTreeViewHeader > span:nth-child(4) {
        left: 48%; /*38%;*/
        width: 100px;
    }

    .selectObjTypeRun, .selectObjTypeDelete, .listTreeViewHeader > span:nth-child(5) {
        left: 62%; /*49%;*/
        width: 100px;
    }

    .selectObjName, .listTreeViewHeader > span:nth-child(6) {
        width: 92px;
        left: 76%; /*65%;*/
    }

    .listTreeView li > ul > li .selectOpType {
        left: 55%; /*38%;*/
    }

    .listTreeView li > ul > li .selectObjTypeRun, .listTreeView li > ul > li .selectObjTypeDelete {
        left: 68%; /*49%;*/
    }

    .listTreeView li > ul > li .selectObjName {
        left: 60%;
    }

    .listTreeView li > ul > li > ul > li .selectOpType {
        left: 54.3%; /*34.3%;*/
    }

    .listTreeView li > ul > li > ul > li .selectObjTypeRun, .listTreeView li > ul > li > ul > li .selectObjTypeDelete {
        left: 69%; /*46%;*/
    }

    .listTreeView li > ul > li > ul > li .selectObjName {
        left: 57%;
    }

    .listTreeView > li.hasSubLevel > ul > li.noSubLevel > div > .selectOpType {
        left: 52.9%; /*36.4%;*/
    }

    .listTreeView > li.hasSubLevel > ul > li.noSubLevel > div > .selectObjTypeRun {
        left: 67%; /*48%;*/
        width: 120px;
    }

    .listTreeView .deleteLevels0 {
        right: 26px;
    }

    .listTreeView .addSibling0 {
        right: 53px;
    }

    .listTreeView .addChild0 {
        right: 80px;
    }

    .listTreeView li div label span, .listTreeView li div label input, .listTreeView li div label select {
        margin-right: 5px;
        width: 98px;
    }

    /* -------- Import styles --------*/
    .fileNameWidth {
        width: 30%;
    }

    .sheetNameWidth {
        width: 11%;
    }

    .groupCaptionWidth {
        width: 20%;
    }

    .statusWidth, .errCountWidth, .warnCountWidth {
        width: 11%;
    }

    .DownLoadLogFile {
        width: 4%;
    }

    .col-md-4.margintop2.sysBTN {
        width: 29.333%;
        margin-right: 5px;
        padding: 0px 0px 0px 0px !important;
    }
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
}


/*custom screen resolutions with different screens sizes*/

@media (min-width: 768px) and (max-width: 1024px) {
    /*views > charts*/
    .leftmenu_box_content li {
        width: 100% !important;
    }

    .divMain.leftClose.rightClose {
        width: 98.9%;
    }
}

/* for all tab device 13 inch screens */



/* for all tab device 15 inch screens */
@media (max-width: 1366px) {
}

/* for all tab device 23,24 inch screens */
@media (min-width: 1200px) and (max-width: 1920px) {
}

/* for all tab device  */
@media (min-width: 689px) and (max-width: 990px) {

    .main-container.leftContent {
        height: auto;
    }

    #login_form .product_logo, #forgot_pwd .product_logo {
        position: relative;
        top: 50px;
        left: 0;
        right: 0;
        padding: 0;
        margin: auto;
        display: table;
    }

    .login_box {
        position: relative !important;
        margin: auto !important;
        display: table;
        top: 65px !important;
        left: 0 !important;
        right: 0 !important;
    }

    .main_mobi_login {
        padding: 0px !important;
    }

    .emptyDivLogin {
        display: none;
    }

    #forgot_pwd, #login_form {
        margin: 0px 0px 70px 0px;
        padding-bottom: 50px;
    }

    #sliderImage, #sliderImage1, #sliderImage2, #sliderImage3, #sliderImage4, #sliderImage5, #sliderImage6, #sliderImage7, #sliderImage8, #sliderImage9, #sliderImage10, #sliderImage11, #sliderImage12 {
        width: 95px;
    }

    .form-group.searchByStyle > span {
        display: block;
        line-height: 10px;
        margin-top: 5px;
    }

    .searchByStyle label.ng-binding {
        margin-right: 5px;
    }

    .logSminput .col-sm-3 {
        padding-right: 0px;
    }
    /*----Login page end ----*/
    /*admin dashboad start hear*/

}

/* ====================================  old media querys copyed from main styles on 06-11-2018 Desktops Styles */
@media (min-width: 992px) and (max-width: 1199px) {
    .mb_login.rams-logo {
        font-family: 'Source Sans Pro';
        font-size: 20px;
        line-height: 60px;
    }

    .main-left-navbar > ul > li {
        margin: 0 0 0 15px;
    }

        .main-left-navbar > ul > li > a {
            font-size: 15px;
        }

    .adminCont .adminMainCont {
        width: 75%;
    }

    .adminCont .adminLeftCont {
        width: 23.5%;
    }
}

/* Tablets Styles */
@media (min-width: 768px) and (max-width: 991px) {
    .page-wrap {
        width: 1024px;
    }

    .mb_login.rams-logo {
        font-family: 'Source Sans Pro';
        font-size: 20px;
        line-height: 60px;
    }

    .adminCont .adminMainCont {
        width: 75%;
    }

    .adminCont .adminLeftCont {
        width: 23.5%;
    }

    #forgot_pwd .login_box {
        position: relative !important;
    }

    /*--------*/

    /*----- kpi ---*/
    #divMain .kpi_main {
        max-height: 100%;
    }

    .single_card.col-md-3 {
        padding: 8px 5px;
        height: 70px;
        width: 19%;
        display: inline-block;
    }

    .kpi_main .col-md-8 {
        position: absolute;
        top: 12px;
        left: 31%;
    }

    .col-md-4.kpi_img {
        width: auto;
    }

        .col-md-4.kpi_img img {
            height: 35px;
            width: 35px;
            margin-top: 8px;
        }

    .kpi_main .title {
        font-size: 15px;
    }

    .col-md-8 .text, .col-md-8 .title {
        line-height: 25px;
    }

    .kpi_main .text {
        font-size: 13px;
    }
    /*--- charts in home dasboard ---*/
    .dashboard-chart-set, .Dasbordmaindiv > div {
        width: 99% !important;
        margin-top: 10px;
    }

    .form-group.searchByStyle > span {
        display: block;
        line-height: 10px;
        margin-top: 5px;
    }

    .searchByStyle label.ng-binding {
        margin-right: 5px;
    }

    .exprot_main_bg .leftSidebar .dropDownList {
        padding: 0 5px;
    }

    .mb_padding {
        padding: 5px 0px 5px 0px;
    }

    .mb_padding2 {
        padding: 5px;
    }

    .logSminput .col-sm-3 {
        padding-right: 0px;
    }
    /*admin dashboad start hear*/
    .float_l {
        width: 80%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (min-width: 769px) and (max-width: 1200px ) {

    #sliderImage, #sliderImage1, #sliderImage2, #sliderImage3, #sliderImage4, #sliderImage5, #sliderImage6, #sliderImage7, #sliderImage8, #sliderImage9, #sliderImage10, #sliderImage11, #sliderImage12 {
        width: 110px;
        margin: 3px;
        padding: 0px;
        display: inline-block;
    }


    .slidMainContent {
        left: 10%;
        top: 100px;
    }

    .thumbnail .caption, .slidecaption {
        font-size: 6px !important;
        bottom: 0px;
        width: 100%;
    }

    .captionbr {
        position: absolute;
        top: 52px;
        height: 15px;
    }
}

@media screen and ( min-width: 1600px ) {
    .slidMainContent {
        top: 80px;
        left: 10%;
    }

    .mobi_login {
        width: 68%;
    }

    .listTreeView li div label span, .listTreeView li div label input, .listTreeView li div label select {
        width: 170px;
    }


    .listTreeViewHeader > span:nth-child(1) {
        left: 7%;
    }

    .listTreeViewHeader > span.BPTreeViewName {
        width: 128px;
    }

    .listTreeView li div label span, .listTreeView li div label input, .listTreeView li div label select {
        margin-right: 5px;
    }

    .selectOpType, .listTreeViewHeader > span:nth-child(4) {
    left: 47%; /*38%;*/
   }

 .listTreeView > li.hasSubLevel > ul > li.noSubLevel > div > .selectOpType {
    left: 44.9%; /*36.4%;*/
}
  .selectObjTypeRun, .selectObjTypeDelete, .listTreeViewHeader > span:nth-child(5) {
        left: 57%; /*49%;*/

    }
  .listTreeView li > ul > li .selectObjTypeRun, .listTreeView li > ul > li .selectObjTypeDelete {
    left: 59%;
}
  .listTreeView li > ul > li .selectOpType {
    left: 49% !important;
}
  .listTreeView li > ul > li > ul > li .selectObjTypeRun, .listTreeView li > ul > li > ul > li .selectObjTypeDelete {
    left: 60%;
}
  .listTreeView > li.hasSubLevel > ul > li.noSubLevel > div > .selectObjTypeRun {
    left: 58%;
}
    .login_box {
        top: 32%;
    }

    .product_logo {
        padding: 0px;
        position: relative;
        top: 20%;
        left: 22%;
        right: 0;
    }

    #sliderImage, #sliderImage1, #sliderImage2, #sliderImage3, #sliderImage4, #sliderImage5, #sliderImage6, #sliderImage7, #sliderImage8, #sliderImage9, #sliderImage10, #sliderImage11, #sliderImage12 {
        width: 200px;
    }



    .captionbr {
        top: 100px;
    }

    .main-container.leftContent {
        top: 13%;
    }


    .sysBTN {
        width: 18.333% !important;
    }

    .twoscreenchart {
      height: 650px !important;
    }

        .twoscreenchart .dashboard-chart-area {
            height: 100%;
        }
        .fullscreenchart {
     height: 650px !important;
}
}

@media (min-width: 1601px) and (max-width: 1680px) {
    .twoscreenchart {
          height: 650px !important;
    }

        .twoscreenchart .dashboard-chart-area {
            height: 100%;
        }
        .fullscreenchart {
     height: 680px !important;
}
}

@media (min-width: 1680px) and (max-width: 1750px) {
    .twoscreenchart {
        height: 690px !important;
    }

        .twoscreenchart .dashboard-chart-area {
            height: 100%;
        }
        .fullscreenchart {
     height: 700px !important;
}
}

/*min from 14inch abow*/
@media (min-width: 1920px) {
    .col-md-4.margintop2.sysBTN {
        width: 25.333333%;
    }

    .col-sm-4.paddingtop20.sysBTN {
        width: 22%;
    }

    .twoscreenchart {
         height: 740px !important;
    }

        .twoscreenchart .dashboard-chart-area {
            height: 100%;
        }
        .fullscreenchart {
     height: 740px !important;
}
}

@media (min-width: 1024px) {

    .searchByStyle {
        padding: 0 8px;
        line-height: 25px;
    }
}


/*--new css 07/17/2018 --*/
.clearPaddingChn.stBTN2 {
    width: 12%;
}

.col-sm-7.stBTN7 {
    width: 62%;
}