/*mobile responsive*/
/*Extra small devices (portrait phones, less than 576px)*/
@media (min-width: 412px) and (max-width: 575px) {
.forgot-link{
margin: 12% 0px 5% -26%;
}
.login-design{
width: 85.333333% !important;
}
.changeLoginLayoutBtn{
display: none;
}
#create-user-btn-cnt {
margin-top: 10px;
}
#add-user-tbl_length,#add-user-tbl_filter,#custom-role-list-table_length,#custom-role-list-table_filter,#permissionsAssets_length,#permissionsAssets_filter,#form-rule-list_length,#form-rule-list_filter,#secondary-with-export_length,#secondary-with-export_filter,#secondary-view-office_length,#secondary-view-office_filter{
float: left;
}
.dataTables_filter{
float: left; 
}
.pc-add-custom-role-section{
width: 41.666667%;
}
.col-3 {
width: 45.666667%;
}
.addCustomRoleBtn{
width: 246%;
}
#custom-role-list-table,#permissionsAssets,#form-rule-list,#form-list-table,#secondary-with-export,#secondary-view-office{
display: block;
width: 100% !important;
overflow-x: scroll !important;
} 
#createForm .col-4{
width: 83.333333%;
margin-bottom: 5px;
}
/*#fill-in-field-search{
width: 250%;
}*/
.col-2 {
width: 45.666667%;
} 
.col-4 {
width: 58.333333%;
}
.select2-selection--single{
width: 144%;
}
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) { 
.login-design{
width: 51.333333%;;
}
#add-user-tbl_length,#add-user-tbl_length{
float: left !important;
}
.dataTables_wrapper div.dataTables_filter {
text-align: end !important;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper {
float: left !important;
text-align: left !important ;
}
.pc-add-custom-role-section.pcAddRole{
width: 34%;
}
#add-user-tbl_length{
margin-top: 10px;
}
.col-2 {
width: 26.666667%;
}
.col-3 {
width: 30%;
}
#documentName{
width: 161%;
}
.res-isf{
margin:  0px 0px 0px 43px;
}
#form-rule-list{
display: block;
width: 100% !important;
overflow-x: scroll !important;
}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 
.login-design{
width: 85.333333% !important;
}
.pc-add-custom-role-section{
width: 19%;   
}

#form-rule-list{
display: block;
width: 100% !important;
overflow-x: scroll !important;
}
.col-2 {
    width: 23.666667%;
}

.res-iss label.form-label {
width: 156%;
}
.res-isf{
margin: 0px 0px 0px 45px;
}
}


/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
.login-design{
width: 46.333333% !important;
}
#add-user-tbl{
display: block;
width: 100% !important;
overflow-x: scroll !important;
}
.res-iss label.form-label {
width: 115%;
}
.res-isf{
margin: 0px 0px 0px 28px;
}


/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
.form-card-design{
    background-color: green;
}
.res-iss label.form-label {
width: 115%;
}
.res-isf{
margin: 0px 0px 0px 28px;
}
}