@media screen and (max-width:370px) {
    #div-2{
        padding-right: 0px !important;
    }
    .LowerDiv{
        padding-left: 16px !important;
    }
}
@media screen and (max-width:420px) {
    .divstyle{
         padding-top: 60px !important;
    }
    .modaldiv{
        top: 17px !important;
    }
    .maindivheader{
        top: 12px !important;
        padding-right: 0px !important;
    }
    
    .selectpicker  {
            width: 182px !important;
    }
    .bootstrap-select.form-control:not([class*=col-]){
        width: 182px !important;
    }
    .table.dataTable thead .sorting:after{
	    display:none !important;
	}
	table.dataTable thead .sorting_asc:after{
	    display:none !important;
	}
	table.dataTable thead .sorting_desc:after{
    display:none;
    }
}
@media only screen and (min-width : 768px) and (max-width : 1030px) {
   
    .selectpicker  {
            width: 182px !important;
    }
    .bootstrap-select.form-control:not([class*=col-]){
        width: 182px !important;
    }
    .table.dataTable thead .sorting:after{
	    display:none !important;
	}
	table.dataTable thead .sorting_asc:after{
	    display:none !important;
	}
	table.dataTable thead .sorting_desc:after{
    display:none;
    }
}

.bootstrap-select.form-control:not([class*=col-])
{
     width: 66%;
}


			.innerStyle{
					position: relative !important;
					min-height: 1px !important;
					
					padding-right: 15px !important;
					padding-left: 10px !important;
					background: #fff !important;
					border: 0px solid #e4e4e4 !important;
				}
				.highlight{background-color:#66a3ff!important;}

				.changeColor > tbody > tr:hover > td
				{background-color:#66a3ff!important;}
				
				


.selectpicker{
    color: #333 !important;
    background-color: transparent !important;
}


.contentdivstyle{
    margin-left: 0px !important;
}

.boxstyle{
    margin-top: 9px !important;
    align-content: center !important;
    width: 100% !important;
}
.div2style{
    padding-top: 10px !important;
}
#buttonedModal,#ForDelete,#ForModify{
     position: center !important;;
}
.modaldialogstyle{
    margin-top: 218px !important;
}
.modelcontentstyle{
    text-align: center !important;
    width: 351.6px !important;
    position: fixed !important;
    margin-left: 20%  !important;
}
.textalign{
    text-align: center !important;
}
.upperdivstyle{
    width: 100% !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
}
.selectstyle{
    font-family: 'Calibri' !important;
    font-size:16px !important;
    color:black !important;
    overflow:unset; 
    width:-webkit-fill-available !important;
    
}
.vnamestyle{
    width:182px !important;
    padding-left: 10px !important;
    text-transform:uppercase !important;
}

.textboxwidth{
    width:182px !important;
}
.lowerdivstyle{
    text-align: center !important; 
    width: 100% !important;
}
.displaynone{
    display:none;
}
.cursorpointer{
    cursor: pointer !important;
}
.rowupperdivstyle{
    align-content: center !important;
}
.alertify, .ajs-dialog,.alertify-logs {
    top: 37% !important;
    transform: translateY(-50%) !important;
    margin: auto !important;
}