.mywithr{width:100%;}
.csutselectexist {width: 97% !important;}
.mytextareactive{width: 205px;}
.myuserselect{width:90px;padding:0px;}
.mypaddingleft{padding-left:3%;}
.mypaddingleft1{padding-left:2%;}
.mypaddingleft2{padding-left:8%;}
.alltable{width:100%;}
.myinputtext {overflow: hidden;margin-bottom: 2%;margin-right: 3%;}
/*#entry-grid{width:2000px !important}
.dataTables_scrollBody{width:2000px !important}
.dataTables_scrollHeadInner{width:2000px !important}
.dataTables_scrollHead{width:2000px !important}*/
 .dataTables_scroll {width: 100%;} 
div#entry-grid_wrapper {width: 100%;}
.mywidthtop {width: 100%;}
.scroll_cust{width: 100%;overflow-x: scroll;}
.cont {
    position: relative;
    height: 100vh;
    background-image: url(/images/crm-login1.jpg);
    background-size: cover;
    background-position: center center;
    overflow: auto;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    background-repeat: no-repeat;}

.mylogoimage{width: 65%;margin: 39px 71px;}


@media(max-width:1200px) {
        .csuname12 {width: 49%; }
        .cstlabel123 {width: 37%;}
        .csut_labeansw {width: 63%;}
        .csutselectexist {width: 81% !important;}
        .mytextareactive{width: 170px;}
        .demo {left: 71%;width: 37%;}
    }
 @media(max-width:1150px) {
        .retailcustomer .regenerateRM .ng-scope {
            overflow-x: scroll;
            overflow-y: hidden;
        }
        .demo {left: 7%;width: 37%;}
    }

    @media (max-width: 1030px) and (max-width:1024px) {
        .select2-container .action-select {
            width: 200px !important;
        }
        /*.select2-container--default .select2-selection--single .select2-selection__arrow b {left: -17%; margin-left:90px; top: 60%;}*/
        .myselectto {
            max-width: 199px;
        }
        .demo {left: 5%;width: 50%;}
    }
        @media(max-width:1000px)
        {
            .csuname {margin-left: 0px;}
            .csuname12 {width: 100%;}
            .csut_labeleads1 {padding: 0px;}
            input, select, textarea { max-width: 100%;}
            .form-inline .form-control {width: 100% !important;}
            .select2-container--default .select2-selection--single {width: 100%!important;}
            .select2-container, .action-select {width: 100% !important;padding: 0px 10px;}
            .myuserselect{width:50%;padding:0px;}
            .myuserselect14{margin-bottom:1%;}
            .mythird-row{margin-top: 15px!important;}
            .mythrid1 {padding: 0px 21px;}
            .mytop{padding-left:0px;}
            .mytasktype{width:100%;}
            .mypaddingleft{padding-left:0px;}
            .mypaddingleft1{padding-left:0px;}
            .mypaddingleft2{padding-left:0px;}
            #myDatepicker5{width:100% !important;}
            .mymarginleftright{margin-left:0px;margin-right:0px;}
            .margi-5{margin-left:0px;}
            .demo {left: 50%;width: 50%;}
         }
        @media(max-width:950px)
        {
            table#RMl {width: 1114px !important;}
            .collapse.in{width:100%;overflow-x: scroll;}
        }
         @media(max-width:850px)
          {
        .mytablewidth{width:100%;overflow: scroll;}
        .alltable{width:1020px;}

         }

       @media(max-width:786px){
    /*.select2-container--default .select2-selection--single .select2-selection__arrow b {left: -17%; margin-left:40px; top: 68%;}*/
}
    @media(max-width:700px) 
    {
        .cstlabel {display: block;width: 100%;font-size: 16px;}
        .csut_labeansw {display: block;width: 100%;font-size: 16px;}
        .csuname {margin-bottom: 5%;}
        .csuname1{margin-bottom: 5%;}
        input, select, textarea {max-width: 100%;}
        .select2-container, .action-select {width: 100% !important;}
        .csiuycolor {width: 11%;}
        .cstlabel123 {width: 100%;}
        .mywithr{width:100%;}
        .cstlabel123 {padding: 0;}
        .csuname12 {margin-bottom: 5%;}
        input#SetReminder {width: 15%;}
        .input-group {width: 37% !important;}
        /*.select2-container--default .select2-selection--single .select2-selection__arrow b {left: -17%; margin-left:-15px; top: 68%;}*/
        .input-group {width: 100% !important;}
        .demo {left: 40%;width: 60%;height: 65rem;}
        .login__input {width: 22rem;}
        .csutmarginlef {margin-left: 2%;}
        .demo {left: 40%;width:62%;}
        .mylogoimage{width: 100%;margin: 39px 0px;}
        .overflow_width{width: 100% !important; overflow-x:scroll;}
        .overflow_width1{width: 1000px !important;}
        .widthpx{width:600px;}
        
    }

@media(max-width:560px) {
    .demo {left: 40%;width:72%;}
    .form-group .btn {
    margin-bottom: 10px;
}
}
    @media(max-width:480px)
    {
        .csutsut {width: 65%;}
        .csiuycolor {width: 16%;}
        .demo {left: 40%;width:84%;}
    }
@media(max-width:420px) {
    .demo {left: 43%;width:90%;}
    .login__input {width: 20rem;}
    .paging_full_numbers {
    width: 330px;
  }
    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
  
    font-size: 10px;
}
}
@media(max-width:360px)
{
    .demo {left: 49%;width:90%;}
    /*.select2-container--default .select2-selection--single .select2-selection__arrow b {left: -17%; margin-left:-15px; top: 68%;}*/
    .login__input {width: 15rem;}
}