/* @media all and (-ms-high-contrast:none){
        *::-ms-backdrop,  .form-row{
          width:75%;
        }
      }*/

@media only screen and (max-width: 1280px) {
    .modal-body{
    max-height: 510px;
    overflow-y: scroll;
  }

 _:-ms-fullscreen, :root .modal-body {    max-height: 510px; overflow-y: scroll;}  
}

@media (max-width: 1880px) {


  _:-ms-fullscreen, :root .modal-body {    max-height: 510px; overflow-y: scroll; -ms-overflow-style:scrollbar;}  



}


@media only screen and (max-width: 768px) {

/**login****/

	.cs_row{
		display:table;
		width:100%;
	}
	.cs_col_50{
		display:table-row;
		width:100%;
	}


 .cs_col_25{
    display:table-row;
    width:100%;
}

.cs_col_30{
    display:table-row;
    width:100%;
}
 

/****end login***/

body{
  font-size: 16px;
}


.cls_text_hid{
	font-size:0px;
	text-indent:-9999px;
}

.progress .bar {

    width: 25px;

}

.circle.active .title {
    color: #0c95be;
	text-indent:-9999px;
	font-size:0px;
}
.circle.donepgr .title {
    color: #0c95be;
	text-indent:-9999px;
	font-size:0px;
   margin-left: -4px;
}



.grp_buttons{

  /*position:inherit;*/


  /*position:inherit;
  float:none;
  width: 100%;
 */


  position: fixed;
  top: 0px;
  width: 100%;

}

.button_barnv2{
  height: 50px;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#34495e), to(#253544));
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #34495e;
}


.button_barnv{
  height: 50px;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4f5356), to(#343a40));
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #4f5356;
}

.sticky {
  position: fixed;
  top: 10%;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}


.tb_btn{
  display: table;
  width: 100%;
}
.tr_btn{
  /*display: table-row;*/
  display: table-cell;
}

.button{
  width: 100%;
  padding: 5px 5px;
  margin: 4px 0px;
}
.col_bar_2{
  width: 50%;
}

.rs_row{
  display: table-row;
}

.rs_pad{
  padding: 30px;
}

.container1{
  width: 96%;
}

.content{
  width:100%;
}


  .cstablecell{

    display: table-row;
    max-width: 100%;
    padding:0px;
  }



.cstablerow{
  display: table;
  padding 0px;
}


  .cstable{

  display: table;width:100%;padding:0px;
}


.small-box{
  width: 100%;
}

.small-box2{
width: 100%;

}



.csbox{
  position: relative;
  margin: auto;
   width: 95%;
   /* background-color: #f0f7fb;*/
   background-color: white; /*#b2d6eb;*/

     /*background-image: url(../Images/icons/Pencil-48.png);*/
     background-position: 9px 0px;
     background-repeat: no-repeat;
     border-left: solid 5px #3498db;
     line-height: 18px;
     overflow: hidden;
     padding: 15px 60px;
     min-height:400px;
       text-align: justify;
  text-justify: inter-word;
   font-size: 18px;

}


.items{
  padding: 0px;
}

.form_block_r{
  width: 100%; float: inherit; margin-left: 0px;
}

.form_block{
  width: 100%; float: inherit; margin-right: 0px;
}



/******general search  bar******/

      .div_table {
          display: table;
          width: 100%;
          padding: 0px;
          margin: auto;
      }


      .div_col1 {
          margin-right: 5px;
          padding: 2px;
      }


      .csl_input_bar_search{
        width: 90%;
      }
/*******************************/

   /****price table***/

.cstablecell_3 {

    display: table-row;
    flex: 0 0 50%;
    width: 95%;
    max-width: 100%;
    min-height: 1px;
    padding-right: 1.5px;
    padding-left: 1.5px;
    transition: all .2s ease-in-out;

}

.cs_table {
    display: table;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}
.cs_cell {
    display: table-row;
    vertical-align: middle;
}


.lang-div2 {
    border: none;
    position: relative;
    float: right;
    top: 0px;
    right: 0px;
    display: flex;
}

.cs_table_middle_mod {
    display: table;
    background: white;
    width: 100%;
    margin: auto;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 0px;
    padding-right: 0px;
}

/***login****/
.dv_logo_ppy_tit{
	min-height:100px;
	padding:5px;
}
.dv_banner_title {
    width: 100%;
    margin: auto;
    position: inherit;
    top: inherit;
    bottom: inherit;
    left:inherit;
    right: inherit;
    font-size: 1em;
    text-align: center;
	display:table;
	margin-top:25px;
	padding-top:25px;
}



.cs_land_pg_banner {
    display: table;
    background: url("/img/banner_landpg.png") no-repeat center;
        background-size: auto;
    min-height: 60px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    width: 100%;
}



.dv_logo_title {
    display: table-cell;
    background: url("/img/ppya_title.png") no-repeat center;
        background-size: auto;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: 200px 40px;
    width:100%;
    margin: auto;
    height: 40px;
    float: left;
    position: relative;
    top: 0;
    bottom: 0px;
    left: 0;
    right: 0;
}

.dv_logo_title{
	display:table-row;
	margin-top:5px;
}
.dv_ldp_title{
	display:table-row;

}

.login-box{

		display:table;
	width:100%;
}

.login-page{
	display:table;
	width:100%;
}


/***landing page****/

.dv_mision_box_2 {
    padding: 0px;
    display: table;
    padding: 0px;
}

.dv_ldp_title p{
	padding:10px;
}

.dv_cell_dsh_gen{
	display:table-row;
	width:90%;
	margin-top:20px;
}

.dv_info_box {
	margin:auto;
	margin-top:20px;
}


.dv_table_bottom {
    display: table;
    width: 100%;
    background: white;
    min-height: 250px;
    padding: 3px;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
	border:solid 1px white;
    width: 100%;
}


.cs_col_resp{
	width:90%;
	margin:auto;
}

.card-header{
	font-size:18px;
	text-align:center;
}

.login-title-msg{
	display:block;
	text-align:center;
	font-size:18px;
}
.login-title-msg h2{
	font-size:18px;
}

.box-page-text {
    width: 100%;
    margin: auto;
    border-left: none;
    padding-left: 0px;
}

.cs_log_links_advt{
	width:100%;
	text-align:center;
}
.cs_log_links_advt a{font-size:18px;}

.cs_ul_login ul{
	padding-left:5px;
	margin-left:5px;

	padding-right:5px;
	margin-right:5px;
}

.cs_ul_login li::before{
	font-size:small;
	margin: 0 10px 0 0;
	top:1px;
}



/****step tracker*******/
.h3, h3 {
    font-size: 1.25rem;
}

.aside_stp {
    float: top;
    height: 50px;
    margin-left: 10px;
    background-image: -webkit-linear-gradient(#dae6f3,#c2d5ed);
    background-image: -moz-linear-gradient(#dae6f3,#c2d5ed);
    background-image: -ms-linear-gradient(#dae6f3,#c2d5ed);
    background-image: -o-linear-gradient(#dae6f3,#c2d5ed);
    background-image: linear-gradient(#dae6f3,#c2d5ed);
    background-size: 38px;
    background-position: 0px 38px;
    background-repeat: no-repeat;
}

.aside_stp {
    float: top;
    height: 50px;
    margin-left: 0px;
    background-image: -webkit-linear-gradient(#dae6f3,#c2d5ed);
    background-image: -moz-linear-gradient(#dae6f3,#c2d5ed);
    background-image: -ms-linear-gradient(#dae6f3,#c2d5ed);
    background-image: -o-linear-gradient(#dae6f3,#c2d5ed);
    background-image: linear-gradient(#dae6f3,#c2d5ed);
    background-size: 0px;
    background-position: inherit;
    background-repeat: no-repeat;
    width: 100%;
    display: table;
}

.StepProgress {
    position: relative;
    padding-left: 10px;
    list-style: none;
    counter-reset: progress;
    display: inline-flex;
}



.StepProgress::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 0;
    left: 0px;
    width: 0px;
    height: 0px;
    border-left: 0px solid #ada8a8;
}


.StepProgress-item::after {
    content: '';
    display: inline-block;
    position: relative;
    left: 0px;
    width: 25px;
    height: 25px;
    border: 2px solid #ada8a8;
    border-radius: 50%;
    background-color: #ada8a8;
    content: counters(progress,".") " ";
    color: white;
    padding-top: 1px;
    width: 25px;
    height: 25px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}


.current::after {
    background: #f25022;
    border: 2px solid #f25022;
}

.cs_stp_done::after {
    background: #45464c;
    border: 2px solid #45464c;
}

#dv_step_tracker {
    height: 30px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

.StepProgress-item:not(:last-child) {
  padding-bottom: 0px;
}
.StepProgress-item {
    padding-top: 0px;
    padding-bottom: 0px;
}

.items{display:block;}
   /*******************/

.container1 .card{
	 margin-top: 120px;
}   



.card [class*="card-header-"]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
	width: 93%;
    border-color: white !important;
    border: solid 0.5px white;
    margin-bottom: 20px;
}

.navbar-toggler:not(:disabled):not(.disabled) {
	position: absolute;
    right: 0;
    top: 15px;
}

.form-row {
    display: table;
    width: 100%;
}

#crumbs ul li:last-child a {

    min-width: 190px !important;
    overflow-x: auto;
}

#settings_pop{
	transform: translate3d(-1px, 40px, 0px) !important;
}


.grp_buttons_inline {
     float: none;
}

.tc_btn {
     padding-left: 0px; 
    display: table;
    width: 100%;
}

.footer_auth {
    display: block;
    padding-top: 60px;
}


#listUser {
    width: 100% !important;
    margin: auto;
    padding: 0px !important;
    padding-top: 10px !important;
}


.container-fluid {
    width: 100% !important;
    padding-right: 0px !important; 
    padding-left: 0px !important; 
}



.cs_cell_50{
	display:block;
	width:100%;
	max-height: 300px;
    overflow-y: scroll;	
}
.cs_cell_10{
	display:table;
	width:100%;
}

/*****modal alert******/

.modal-confirm .modal-header {
    margin: 0px 0px 0; 
    padding: 0px;
}


.modal-confirm .modal-content {
    padding: 0px;
}

.modal-confirm {
    color: #434e65;
    width: 355px;
}



/*******************/







}