@media (min-width:768px){
	.socialmedia{
		float: right;
	}
	.modal-dialog {
	    max-width: 250px;
	    margin: 1.75rem auto;
	}
}

@media (max-width:768px){
	.wrapper{
		border-top: 10px solid #ef6505 !important;
		padding-top:25px !important;
	}
}

@media (max-width:576px)
{
	.modal-dialog 
        {
	    max-width: 80%;
	    margin: auto;
	}		
}

@media print {
   a[href]:after {
      display: none;
      visibility: hidden;
   }
}

@media print 
{
  #printPageButton {
    display: none !important;
  }
}

*{
	font-size: 12px;
	list-style: none;
        padding: .5px;
	text-decoration: none !important;
	font-family: 'Open Sans', sans-serif;
}

main .header{
	background: #fff;
	box-shadow:0 4px 24px 0 rgb(0 8 25 / 34%),
	 0 12px 64px 0 rgba(103,151,255,.1);
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}

.logo label{
	letter-spacing: .90px;
	text-transform: uppercase;
}

.socialmedia{
	display: flex;
	align-items: center;
	justify-content: center;
}

.socialmedia .icons{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-right: 10px;
}

.socialmedia .icons a{
	color: #000;
	height: 30px;
	width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background:#F6CE0D;
	border-radius: 50%;
	margin: 5px;
}	

.socialmedia .icons i{
	transition: all linear 0.4s;	
}

.socialmedia .icons a:hover{
	background: #F4580A;
}

.socialmedia .icons a:hover i{
	color: #fff;
	transform: translateY(-2px);
}

.setting i{
	font-size: 18px;
	cursor: pointer;
}

.radiobtn input[type="radio"] {
  border: 0; 
  clip: rect(0 0 0 0); 
  height: 1px; margin: -1px; 
  overflow: hidden; 
  padding: 0; 
  position: absolute; 
  width: 1px;
}

.radiobtn label{
  display: block;
  cursor: pointer;
  line-height: 2.5;
  font-size: 1.5em;
}

.radiobtn input[type="radio"] + span {
  display: block;
}

.radiobtn input[type="radio"] + span:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.25em;
  border-radius: 1em;
  border: 0.125em solid #fff;
  box-shadow: 0 0 0 0.15em #000;
  margin-right: 0.75em;
  transition: 0.5s ease all;
}

.radiobtn input[type="radio"]:checked + span:before {
  background: #ee570b;
  box-shadow: 0 0 0 2px #ee570b;
}

.radiobtn input[type="radio"]:focus + span:after {
  font-size: 1.5em;
  line-height: 1;
  vertical-align: -0.125em;
}

.wrapper{
	border-top: 35px solid #ef6505;
	border-bottom: 30px solid #ef6505;
	min-height: 75vh;
	overflow: auto;
	margin-top: 58px;
	padding-top: 60px;
}

.wrapper .note{
	height: 300px;
	width: 100%;
	background: #F8F7B6;
}

.wrapper .note_inner{
	height: 250px;
	width: 90%;
	margin: auto;
	padding: 10px;
	border: 4px solid #ef6505;
	border-radius: 10px;
}

.wrapper .note_inner p{
	text-align: justify;
}

.theme{
	display: flex;
	align-items: center;
	cursor: pointer;
	justify-content: space-around;
	width: 100%;
}

.theme label{
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 0;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
	cursor: pointer;
}

.theme  i{
	font-size: 20px;
	background: #FE5307;
	color: #fff;
	padding: 8px;
	float: right;
}

.login{
	background: #fff;
	padding: 15px;
}

.login form select,
.login form input{
	margin-bottom: 8px;
	border: 0;
	border-bottom: 1px solid #ddd;
	padding-left: 5px;
	box-shadow: none !important;
}

.login form select{
	text-transform: capitalize;
	font-size: 12px;
	font-weight: 600;
	padding-left: 0;
	color: #000!important;
}

.login form input::placeholder{
	font-size: 12px;
	font-weight: 600;
	color: #000!important
}

.printtn{
    width: 60px;
    border-radius: .25rem;
    color: white !important;    
    background:linear-gradient(to bottom, dimgray, #6c757d);
    border-color: dimgrey;    
}

.delbtn{
    width: 60px;
    height: 30px;
    border-radius: .45rem;
    color: white !important;    
    background:linear-gradient(to bottom, red, red);
    border-color: red;    
}

.excluebtn{
    width: 60px;
    height: 25px;
    border-radius: .45rem;
    color: white !important;    
    background:linear-gradient(to bottom, maroon, maroon);
    border-color: maroon;    
}

.pbtn{
    width: 60px;
    height: 30px;
    border-radius: .25rem;
    color: #fff !important;    
    background:linear-gradient(to bottom, red, #6c757d);
    border-color: #0000;    
}

.updbtn{
    width: 100px;
    border-radius: .25rem;
    color: #fff !important;    
    background:linear-gradient(to bottom, skyblue, #6c757d);
    border-color: #0000;    
}

.login .btn{
	width: 100%;
	background: #F4580A;
	color: #fff;
}

.login .forget{
	display: block;
	font-size: 90%;
	color: #6c757d;
	margin-top: 5px;
}

.wrapper .links{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 0;
	margin-top: 50px;
}

.wrapper .links li{
	background:#F4580A;
	text-align: center;
	padding: 10px;
	flex: 3;
	border-right: 2px solid #fff;
}

.wrapper .links li a{
	color: #fff;
}

.closemodal{
	position: absolute;
	top: 70px;
	right: -5px;
	cursor: pointer;
        font-size: 18px;
}

.closemodal i{
	font-size: 18px;
	color: red;
}

#themeSetting h5{
	text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}

imgshow {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  width: 150px;
}

imgshow:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

.cmdprint
{
    width:80px; 
    height:30px;  
    border-radius: 5px; 
    background-color: #0082ff; 
    border-color:  white;
    color: white;
}

.addbtn
{
    width:80px; 
    height:30px;  
    border-radius: 5px; 
    background-color: bisque; 
    border-color:  pink;
    color: black;
}

.asambly
{
    width:80px; 
    height:30px;  
    border-radius: 5px; 
    background-color: azure; 
    border-color:  white;
    color: black;
}


.cmdgo
{
    width:80px; 
    height:30px;  
    border-radius: 5px; 
    background-color: darkcyan; 
    border-color:  pink;
    color: white;
}

.cmdsave
{
    width:80px; 
    height:30px;  
    border-radius: 5px; 
    background-color: #269abc; 
    border-color:  pink;
    color: white;
}

tr.totaltr td
{
    background-color: #4d4d4d; 
    color:white; 
    font-size: 15px; 
    text-align: center;    
    height: 25px;
    border-radius:  5px;
}

.cmdraw
{
    width:80px; 
    height:30px;  
    border-radius: 5px; 
    background-color: pink; 
    border-color:  pink;
    color: black;
}