a:link {
	font-size: 14px;
}

.mybtn {
	width: 100%;
	padding-top: 8px;
	font-size: 16px;
}

.my-content {
	margin: 0px 15px;
}

.my-row {
	margin-top: 15px;
}

.my-row1{
	margin-top: 6px;
}
/*margin*/
.my-mtop-5{
	
	margin-top: 5px;
}
.my-mtop-7{
	
	margin-top: 7px;
}
.my-mtop-10{
	
	margin-top: 10px;
}
.my-mtop-15{
	
	margin-top: 15px;
}
.my-mtop-20{
	
	margin-top: 20px;
}
.my-mtop-25{
	
	margin-top: 25px;
}
.my-mbottom-5{
	margin-bottom: 5px;
}
.my-mbottom-10{
	margin-bottom: 10px;
}
.my-mbottom-15{
	margin-bottom: 15px;
}
.my-mbottom-20{
	margin-bottom: 20px;
}

.my-mleft-5{
	margin-left: 5px;
}
.my-mleft-10{
	margin-left: 10px;
}
.my-mleft-15{
	margin-left: 15px;
}
.my-mleft-20{
	margin-left: 20px;
}
/*padding*/
.my-ptop-15 {
    padding-top:15px;
}


.my-pleft-15{
	padding-left: 15px;
}
.my-pleft-20{
    padding-left: 20px;
}
.my-pleft-25{
    padding-left: 25px;
}


.my-row-lr {
	margin-left: 15px;
	margin-right: 15px;
}

.my-icon-red {
	color: red;
}

.my-icon-blue {
	color: blue;
}

.my-icon-size-14 {
	font-size: 14px !important;
}

.my-icon-size-24 {
	font-size: 24px;
}

.my-span {
	font-size: 14px;
}

.my-span-bold{font-weight: bold;}
.my-span-12  {
	font-size: 12px !important;
}
.my-span-14 {
	font-size: 14px !important;
}
.my-span-16 {
	font-size: 16px !important;
}

.my-span-18 {
	font-size: 18px !important;
}

.my-span-20 {
	font-size: 20px !important;
}
.my-span-30 {
	font-size: 30px !important;
}
.my-span-left {
	margin-left: 16px;
}

.my-span-gray {
	color: #888888;
}

.my-span-red {
	font-size: 12px;
	color: red;
}
.my-span-blue{
	font-size: 12px;
	color: blue;
}
.my-span-blue1{	
	color: #41aaf2;
}
.my-p {
	font-size: 12px;
	text-indent: 2em;
}
.my-checkbox:before
{
	font-size: 26px !important;
	top:0px !important;
	right: 0px !important;
	margin-top: 20px !important;
}
.my-checkBox label{
	padding: 11px 23px !important;
}

.my-input{ width:30px !important; padding: 2px !important;}
.myinput { 
	height: 38px !important;
	font-size: 13px;
}
.my-switch{
	height: 20px;
	width: 55px;
}
	
.my-switch:before
{
   
    top: 0px !important; 
    right: 5px;
    

    color: #999;
}	
	.my-switch.mui-active:before
{
    right: auto;
    left: 5px;

}
	
	
	
	
.my-switch-handle{height: 18px !important;width: 18px !important; }
.myradio label {
	font-size: 12px;
}

.change .mui-radio input[type='radio']:checked:before {
	content: '\e442';
	color: red;
}
.my-select{width: 100% !important;  z-index: 999; height: 20px !important;}
.mui-btn-blue{background: #41aaf2 !important; border: 0px;}
.my-background{ background: #FFFFFF;}