/* Responsive CSS */
body { margin:0}
#menuindex_container {background-color: #28475D; clear:both; margin-bottom:0; max-width: 100%;}
#menusindex_main { padding:0px; height:auto;}
#menusindex_main a { padding:13px; display:block; line-height:24px;}
div#menusindex_main_last { float:right; padding:0 10px 0 0; margin:0;}
div#menusindex_main_last p { padding:15px !important; margin:0 !important}
.login-form { width:230px; margin:0 auto;}
.login-form .input-field {height:30px; padding-left:10px;  font-size:15px; width:230px; margin:0 auto; }
.login-form .button { position:relative; display:block;}
.login-form .button img { position:absolute; left:10px; top:5px;}
#container { margin-top:0}



#containerAddStud { padding-bottom:15px; margin-left:auto; margin-right:auto;}
#container2, #containerEdiStud, #containerAddPPS, #containerAddStud { margin:0 auto !important; max-width: 100%;}
.admin-menu-button { display:none;}
.admin-menu-button { width:30px; height:30px; background:#fff; border-radius:5px;}
.admin-menu-button span { height:2px; width:10%; border-radius:2px; background:#000;}
#search_form input[type="text"], #search_form input[type="email"], #search_form input[type="submit"] { float:none !important; display:block; margin-top:7px !important; }
/*#search_form span { display:block; float:none !important; text-align:center; margin-top:7px !important; height:auto !important }*/
#form_block_container.edit-students-form {margin: 0 auto !important;padding: 0 !important; width:auto; max-width: 781px; float:none !important; display:block;}
 #form_block_container.edituser-form {margin: 0 auto !important;padding: 0 !important; width:auto; max-width: 860px; float:none !important; display:block;}
  
.col-sm-4 { width:33.333%; float:left; padding-left:10px; padding-right:10px; box-sizing:border-box}
#form_block_container.edit-students-form input[type="text"], #form_block_container.edit-students-form select { margin:0 0 10px 0 !important; width:100% !important}
.add-st-form { display:inline-block; width:100%;}

.user_list {
	clear: both;
	
}
.data-table-responsive { width:100%; overflow: auto; }
.show-only-mob { display:none;}
.signupbtn-row { display:block; clear:both;}
.mob-logout { display:none}
.add-admin-form { max-width:230px; margin:0 auto;}
.add-admin-form #input_submit_AddManager { margin-left:auto; margin-right:auto;}
#form_block_container.add-user-form { max-width: 860px; display:block;}
.add-st-button-edit ul { margin:0 -10px; padding:0}
.add-st-button-edit li { display:inline-block; float:left; width:33.333%; padding:10px; box-sizing:border-box;}

.add-st-button-edit #input_submit { width:100% !important; margin:0 auto !important }
.home-form-search tr td { text-align:center;}
#search_form .home-form-search  tr td   input[type="text"], #search_form .home-form-search  tr td input[type="email"], #search_form .home-form-search  tr td input[type="submit"], #search_form .home-form-search  tr td select { display:inline-block;}
div#pagination_controls a {	display: inline-block;margin-bottom: 8px;}

@media (max-width:991px) {
* {box-sizing: border-box;}
img { max-width:100%; height:auto;}
#header_index, #menuindex_container, .wraper #container, .wraper #content_block, #animation, #longBlock_Down, #content, #Footer, #Footer_index,
#containerAddStud, #menu_container, #content_block, #content_block, #container2  #content_block, #containerAddStud, #form_block_container
 { width:100%; padding-left:0px;padding-right:0px;box-sizing: border-box; height:auto; display: inline-block;}

.home-form-search  tr td { display:block; float:left; width:33.333%; text-align:center !important;}
#animation { height:auto;  background-image: url(../images/freelance6.jpg); background-size: cover;
background-position: center center;}
#content_block { /*background-image:none;*/ background-size: cover; }
.or-text { display:none !important;}
table.home-form-search  { width:100%}
.home-form-search tr td input, .home-form-search tr td select { margin:0 !important; float:none !important; width:90% !important; box-sizing:border-box; height:34px !important}
#content { display:flex; flex-wrap: wrap;}
#details_block { width:46% !important; float: left; display:inline-block;  margin:2%; height:100%; }
.details_block_left  { min-height:1px;}
#details_block_right { display:block; overflow:hidden;}
div#menusindex_main_last { width:auto; float:right; height:auto; }
div#menusindex_main_last p { margin:0 !important;}
#Footer_index p {margin-left:0px !important; font-size: 14px !important;}
#Footer_index, #Footer_index p {text-align: center !important;}
div#pagination_controls {max-width: 80%;	margin-left: auto;margin-right: auto;}

.home-banner-heading { font-size:24px !important}
.home-form-search tr td.send_button { width:100%}
.home-form-search tr td.send_button span {display: inline-block;min-width: 150px;}
#menusindex_main a { padding:13px 10px;}
#menusindex_main { margin-right:0px;}
/* login page */
.login-heading { font-size:24px !important}

.admin-menu { display:none;  position:absolute; left:0; right:0; margin-top: 10px; top: 37px;}
.admin-menu-button { display: inline-block; margin:10px 0 5px 10px}
.admin-menu-button {
	width: 35px;
	height: 30px;
	background: #fff;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center; float: left;
}
.admin-menu-button span {
	height: 3px;
	width: 70%;
	border-radius: 2px;
	background: #000;
	display: block;
	margin: 2px auto;
}

.admin-menu {}

.admin-menu #menus_main { display:block;} 
.admin-menu #menus_main {
	display: block;
	width: 100%;
	text-align: left;
	margin: 0;
	padding:10px; height: auto;
}
.admin-menu #menus_main  img { margin-left:0 !important}

.table-td-responsive td { display:block; text-align:center; width:100% !important}

.table-td-responsive input[type="text"], .table-td-responsive select { width:100%  !important; margin:0 auto 10px auto !important;}
.table-td-responsive td  input[type="submit"],  .table-td-responsive td button {margin: 0 auto !important;display: block;float: none !important;}

#form_block_container {
	margin: 0 auto !important;
	padding: 0 !important;
}
#search_form {text-align: center;}

ul.pagination-sm li span, ul.pagination-sm li a { height:auto; width:auto;}
.hidemob { display:none}
.show-only-mob { display:block; float:right;}
.mob-logout { float:right; display: inline-block; margin-right:10px;}
#menu_container {
	position: relative; width: 100% !important;
}
.edituse-form .form-field { }
 #form_block_container.edituser-form .form-field { width:33%; margin:0; padding:0 10px !important; box-sizing:border-box; float:left;}
 .signupbtn-row  { margin-bottom:20px;}
.update_designations { width:150px !important; margin:0 auto !important; padding: 0 !important;}
#form_block_container.add-user-form { max-width: 90%;}
#form_block_container.add-user-form  .form-field { margin:0 !important; padding:0 10px; width:33.33%; float:left;}
.add-user-form-button button,  .add-user-form-button input[type="submit"]{ width:40%}
.add-st-button-edit ul { margin-left:0; margin-right:0;}

}

@media (max-width:767px) {
.home-form-search  tr td { display:block; float:left; width:100%; text-align:center !important;}
#details_block { width:100%;}
#ShortBlock_Down { width:100% !important; box-sizing: border-box;}
#form_block_container.edit-students-form .col-sm-4 { width:100%}
#form_block_container.edit-students-form  #form_passport_block { width:100%}
#form_block_container.add-user-form  .form-field { margin:0 !important; padding:0 10px; width:100%; float:left;}
.add-document .form-field { width:100% !important; margin-left:0 !important; margin-right:0 !important; padding:0 !important}

#content.custom-login-form {
	max-width: 100%;
	float: none !important;
	padding: 15px !important;
	clear: both;
}
#details_block { width:100% !important;  display:inline-block;  margin:0 0 10px 0; height:100%; float:none;}
}


@media (max-width:567px) {
#menusindex_main a {padding: 13px 8px;}
#menusindex_main { margin-right:5px;}
div#menusindex_main_last { width:100%; background-color: #28475D; border-top: 1px solid #48677D; }
div#menusindex_main_last p {text-align:center !important;}
.add-st-form .add-st-button #input_submit {width: 43% !important;margin: 0 10px !important;}
#form_block_container.edituser-form .form-field  { width:100%}
.add-st-button-edit li { display:block; width:100%;}
.custom-login-form .form-field {
	padding: 0;
}
}