@media screen and (min-width:767px) {
	.icons {
		font-size: 20px;
		color: #fff;
		margin: 15px 0px 0px 0px;
    }

	.icon-div {
		width: 250px;
		height: 50px;
		margin-left: 0px;
	}

	.bt {
		text-decoration: none !important;
		text-align: center;
		background: rgba(255, 255, 255, .3);
		width: 150px;
		height: 70px;
		display: inline-block;
		color: #70381d;
		margin-left: -6px;
		font-family: Merriweather, 'Helvetica Neue', Arial, sans-serif;
		margin-bottom: 10px;
	}

	.btn-text {
		font-weight: normal;
		color: #fff;
		font-size: 100%;
	}

	.atttable {
		width: 100%;
	}

	.atttable>thead>tr>th,
	.atttable>tbody>tr>th,
	.atttable>tfoot>tr>th,
	.atttable>thead>tr>td,
	.atttable>tbody>tr>td,
	.atttable>tfoot>tr>td {
		padding: 2px !important;
		font-size: 13px;
	}

	.resize-links {
		padding: 3px !important;
		border: 1px solid red;
		margin-right: -1px !important;
	}

	body {
		font-family: Merriweather, 'Helvetica Neue', Arial, sans-serif;

	}

	.dropdown-submenu {
		position: relative;
	}

	.dropdown-rightsubmenu {
		position: relative;
	}

	.getStudents {
		display: none;
	}

	.open {
		display: block;
	}

	.dropdown-submenu>.dropdown-menu {
		top: 0;
		left: 100%;
		margin-top: -6px;
		margin-left: -1px;
		-webkit-border-radius: 0 6px 6px 6px;
		-moz-border-radius: 0 6px 6px;
		border-radius: 0 6px 6px 6px;
	}

	.dropdown-rightsubmenu>.dropdown-menu {
		top: 0;
		right: 100%;
		margin-top: -6px;
		margin-right: -1px;
		-webkit-border-radius: 0 6px 6px 6px;
		-moz-border-radius: 0 6px 6px;
		border-radius: 0 6px 6px 6px;
	}

	.dropdown-submenu:hover>.dropdown-menu {
		display: block;
	}

	.dropdown-rightsubmenu:hover>.dropdown-menu {
		display: block;
	}

	.dropdown-submenu>a:after {
		display: block;
		content: " ";
		float: right;
		width: 0;
		height: 0;

		border-color: transparent;
		border-style: solid;
		border-width: 5px 0 5px 5px;
		border-left-color: #ccc;
		margin-top: 5px;
		margin-right: -10px;
	}

	.dropdown-rightsubmenu>a:after {
		display: block;
		content: " ";
		float: left;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
		border-width: 5px 5px 5px 0px;
		border-right-color: #222;
		margin-top: 5px;
		margin-right: 0px;
	}

	.dropdown-submenu:hover>a:after {
		border-left-color: #fff;
	}

	.dropdown-rightsubmenu:hover>a:after {
		border-left-color: #fff;
	}

	.dropdown-submenu.pull-left {
		float: none;
	}

	.dropdown-rightsubmenu.pull-left {
		float: none;
	}

	.dropdown-submenu.pull-left>.dropdown-menu {
		left: -100%;
		margin-left: 10px;
		-webkit-border-radius: 6px 0 6px 6px;
		-moz-border-radius: 6px 0 6px 6px;
		border-radius: 6px 0 6px 6px;
	}
    .xs {
		width: 300px;
		height: 700px;
		color: white;
		left: 0;
		top: 5;
		position: fixed;

	}

	.xs li a {
		color: #fff;
	}

	.after-nav {
		margin-top: -15px;
	}

	.profile {
		color: #000;
		font-size: 16px;
	}

	.form-control.busy {
		background-position: 90% center;
		background-repeat: no-repeat;
		background-size: auto 90%;
	}

	.rdata input,
	.rdata select {
		margin-bottom: 8px;
	}

	.rdata .rdatadiv:not(:first-child):before {
		font-family: 'Glyphicons Halflings';
		content: "\e014";
		display: inline-block;
		float: left;
		width: 15px;
		height: 15px;
		margin-left: -15px;
		margin-top: 7px;
		clear: left;
		border-radius: 50%;
		font-size: 11px;
		line-height: 14px;
		padding-left: 0.15em;
		border: 1px solid #fff;
		box-shadow: 0 0 2px #555;
		color: #fff;
		font-weight: normal;

		background-color: crimson;
	}

	.userview .row {
		background: rgba(0, 0, 0, 0.4);
	}

	.panel-back {
		background: rgba(0, 0, 0, .1);
	}

	.message {
		color: #4582ec;
		margin-top: -40px;
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: 500;

	}

	.numbers {
		width: 600px;
		height: 150px;
	}

	.back-fade {
		background: rgba(255, 255, 255, .3);

		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 9999;
    }
    .back-fade img {
		width: 50%;
		height: 50%;
		margin: auto;
		margin-top: 160px;

	}
}

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

	.back-fade {
		background: rgba(255, 255, 255, .3);

		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 9999;
	}

	.dateFormat {
		border: 2px solid black;

		padding-bottom: 35px;
		font-size: 16px;
	}

	.back-fade img {
		width: 100%;
		height: 50%;
		margin: auto;
		margin-top: 120px;

	}

	body {
		font-family: Merriweather, 'Helvetica Neue', Arial, sans-serif, times new roman;
	}

	.numbers {
		width: 200px;
		height: 150px;
	}

	.student {
		white-space: normal !important;
		width: 70%;
		word-break: keep-all;
	}

	.icons {
		font-size: 28px;
		color: #fff;
		margin: 15px 0px 0px 0px;
	}

	.icon-div {
		width: 75px;
		height: 75px;
		margin-left: -5px;
	}

	.bt {
		text-decoration: none !important;
		text-align: center;
		background: rgba(255, 255, 255, .3);
		width: 80px;
		display: inline-block;
		color: #70381d;
		font-family: Merriweather, 'Helvetica Neue', Arial, sans-serif;
		margin-bottom: 10px;
	}

	.btn-text {
		font-weight: normal;
		color: #fff;
		font-size: 12px;
	}

	.message {
		color: #4582ec;
		font-weight: bold;
		background: #fff;
		padding: 5px;

	}

	.dropdown-submenu>.dropdown-menu {
		top: 0;
		left: 100%;
		margin-top: -6px;
		margin-left: -1px;
		-webkit-border-radius: 0 6px 6px 6px;
		-moz-border-radius: 0 6px 6px;
		border-radius: 0 6px 6px 6px;
	}

	.dropdown-submenu:active>.dropdown-menu {
		display: block;
	}

	.dropdown-submenu>a:after {
		display: block;
		content: " ";
		float: right;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
		border-width: 5px 0 5px 5px;
		border-left-color: #ccc;
		margin-top: 5px;
		margin-right: -10px;
	}

	.dropdown-submenu:active>a:after {
		border-left-color: #fff;
	}

	.dropdown-submenu.pull-left {
		float: none;
	}

	.dropdown-submenu.pull-left>.dropdown-menu {
		left: -100%;
		margin-left: 10px;
		-webkit-border-radius: 6px 0 6px 6px;
		-moz-border-radius: 6px 0 6px 6px;
		border-radius: 6px 0 6px 6px;
	}
}