@media (min-width: 1100px) {
	.short {
        width: 400px !important;
        padding: 15px !important;
        margin: 10px auto;
        border: 1px solid #ddd;
            background: #66759f;
    }

	.mo{
		display: none !important;
	}
	.ran{
		border-left: 5px solid #195878 !important;
		transition: 0.5s;

	}
	.container{
			width: 1100px;
			margin: 0px auto;
			border-radius: 4px;
			padding: 0;
			box-shadow: none;
			display: block;
	}
.cal_head{
	padding: 8px;
    margin: 0 !important;
}
.cal_head > a {
	margin: -5px -4px -5px auto;
    padding: 5px 10px 3px 10px;



}
	.login-form{
	    width: 350px;
    margin: 90px auto;
    text-align: center;
    background-color: #333a4d;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;


	}
	.login-form > div:first-child{

		margin: 20px auto;
    text-align: center;
    font-family: 'Lobster', cursive;
    font-size: 33px;

	}

.headerb{
	border-top: 6px solid #64739c !important;
	margin: -8px auto;
	padding: 0 1em 0 1em;
	border: 1px solid #ddd;
	max-width: 1150px;
	background: #64739c;
}
.subheader{
	display: flex;
}
.subheader > div {
	margin-right:5px !important;
	margin-left:auto ;
	margin-top: auto;
	margin-bottom: auto;
}
.subheader > div:first-child{
	font-family: 'Lobster', cursive;
    font-size: 22px;
    margin-left: 0;
    margin-right: auto;
}
.subheader > div:first-child > img{
	width: 94%;
}

.menu{
	display: flex;
margin-top:4px;
}
.menu > div {
	margin: auto 0;
	margin-bottom: -1px;
	padding: 5px 14px;
	font-weight: bold;

}
.menu > div > a {
	color: white;

}
.elist{
	display: block !important;

    height: calc( 100vh - 262px);
    overflow: auto;
    margin-top: 10px;
}
.ba{
	background-color: #d6d8da !important;
}
#up{
	height: 327px;
    overflow: auto;
}
.minicard {
    width: 10%;
    text-align: center;
    background: #ffffffc4;
    float: left;
    padding: 10px;
    margin: 6px 3px;
    border-radius: 5px;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 4px -2px #00000066;
}
.minicard > div{

	padding: 5px 0;
    white-space: nowrap;
}
.minicard > div:first-child{

    margin: auto;
    text-align: center;
    font-size: 40px;
}
.minicard > div:last-child{

}

.minicard_two {
    background: #ffffffc4;
    padding: 10px;
    margin: 12px;
    display: flex;
    border-radius: 5px;
    border: 1px solid #eee;
    box-shadow: 2px 2px 6px -2px #00000066;
}
.minicard_two > div{
	padding:5px;
}
.minicard_two > div:first-child{
	width: 23%;
    margin: auto;
    text-align: center;
    font-size: 40px;
}
.minicard_two > div:last-child{
	width: 70%;
}
.clearfix{
	overflow: auto;
}
.e {
    background: white;
    margin-bottom: 10px !important;
		margin-left:auto !important ;
    border: 1px solid #DDD;
    border-radius: 5px;
    padding: 10px !important;
    cursor: auto !important;
		width: auto !important;
		box-shadow: 0px 4px 3px -4px #0505058f;
}
.e > div:first-child{

    display: flex;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;

}
.e > div:first-child > div{

	padding: 5px;

}
.e > div:first-child > div:last-child{
	margin: 0 -4px 0 auto;
}
.e > div:first-child > div:last-child > a{
	padding: 3px 8px;
}
.menu > div > a {
	text-decoration: none;

	transition: 0.5s;
}
.menu > div > a:hover{
	text-decoration: none;
	color: #273749;
	transition: 0.5s;
}

.selected{
	background: white;
	border: 1px solid #ddd;
	border-bottom: 0;
	border-radius: 5px 5px 0 0;
	color: #4c83c3;
}
.selected > a{
	color: #273749 !important;
}
.bodyme{
	display: flex;
	    margin: 8px auto 0  auto;
	    background: white;
	    padding: 0 16px;
	    max-width: 1150px;
	    border: 1px solid #ddd;
	    border-top: 0;

}
.bodyme > div{

	    padding: 12px;
	    margin: 0px;

}
.blist{
display: flex;

}

.blist > div:first-child{
	width: 30%;
}
.blist > div:last-child{
	width: 70%;
	padding: 0 0 0 10px;
}
.list{
	border-bottom: 1px solid #ddd;
    cursor: pointer;
    display: flex;
    transition: 0.5s;
}
.list:hover{

	transition: 0.1s;
    background-color: #e9edf5;
    box-shadow: 3px 3px 8px -4px #c1c1c1;
}
.list > div{
	margin: auto 0;
	    padding: 10px;


}
.list > div:last-child{
	margin: auto 5px 0 auto;
    padding: 10px 0;
    text-align: center;
    width: 32px;
    font-size: 13px;
}
.list > div:first-child{
    margin: auto 0 0 10px;
    padding: 10px 0;
}
.container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin: 10px 0 !important;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	box-shadow: none !important;
  }

.list > div > div > span{

	    width: 25px;
	    float: left;
	    text-align: center;
	    margin-right: 5px;

}
.calendarcontainer{
	display: flex;
}
.calendarcontainer > div:first-child {
	width: 40%;
}
.calendarcontainer > div:last-child {
	width: 60% !important;
	margin-left: 10px !important;
}
.body{
	border: 1px solid #ddd;
padding: 5px;
border-radius: 0 5px 5px 5px;
background-color: white;
height: calc( 100vh - 320px);
overflow-y: auto;
}
.bodymen{

	    margin: 0 auto;
	    background: white;
	    padding: 9px 16px;
	    max-width: 1150px;
	    border: 1px solid #ddd;
	    border-top: 0;
		height: calc(100vh - 188px );

}


.bodymen > div:first-child > form > button[type=button]{
padding: 15px;
}


.backdrop > form{

background: white;

margin:25px auto;
border-radius: 5px;
}

.backdrop > form > div{
    box-sizing: border-box;

}
.backdrop > form > div > div{

    box-sizing: border-box;
    padding: 5px;
}








}