.mylogin{

	background: white;
}
.popular{
	padding: 10px;
	border-radius: 10px;
}
.popular img{
	width: 100px;
	height: 130px;
	}
.mytext{
padding: 10px;
background: white;
text-align: center;
border-radius: 7px;
color: #24A7CF;
}

.my_boder{
	border-style: solid;
  border-width: 5px;
  border-color: red;
}

.details{
font-size: 14px;
padding-left: 20px;
}
.mycolor{
	color: #24A7CF;
}

.profile_photo{
height: 100px;
width: 100px;
}


.office_title{
	float: left;
	text-align: center;
	 width: 75%;
	}

	.office_name{
		font-size: 26px;
		 font-weight: bold;
	}

	.my_line_height{
		line-height: 24px;
	}
.main_div{
font-size: 14px;
}
 .backlfont{
 	font-size: 20px;
 }

.set_div{
 text-align:center;
 background:#f6f6f6; 
 padding:20px; 
 width:25%; 
 float:left;
 margin-bottom:1px;
 border:1px solid #FFFFFF;
}
.set_div:hover{ 
background:#f2f2f2;
}

.dashboardcontent{
 background:#FFFFFF; 
 overflow:hidden; 
 padding:.1em;
}
.set_div h4{ 
font-size: 17px;

font-family:verdana;
}
.myf16{
font-size: 16px;
}

.myf15{
font-size: 15px;
}

.myf18{
font-size: 18px;
}
.myf13{
font-size: 13px;
}
.myf12{
font-size: 12px;
}
.myf11{
font-size: 11px;
}
.myf14{
font-size: 14px;
}
.myw100{
width: 100%;
}
.myf20{
font-size: 22px;
}
.myf22{
font-size: 25px;
}
.myf30{
font-size: 30px;
}
.myf35{
font-size: 35px;
}
.myfc{
color: #353F3E;
}
    
input[data-readonly] {
  pointer-events: none;
}

.my_right{float: right; display: inline-block; white-space: nowrap;}


.myinput {
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
 }

.myinput_rakam {
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
  background-color: #AFEEEE;
 }
.biil_rasid{
width: 25px; 
height: 15px;
}

.mynumber{
	width: 60px; 
}

/*  css for small device */

@media(max-width: 786px){

.mylink{
    font-size: 13px;
	}