@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: url('Source_Sans_Pro/SourceSansPro-ExtraLight.ttf');
}
.fontload{
	font:1em 'Source Sans Pro';
}
.vick-pix{
	width:70px;
	height:70px;
	overflow: hidden;
	border-radius: 50%;
}

.vick-pix img{
	float:left;
	width:100%;
	height:auto;
}

.text-light{
	color:#fff !important;
}
.c-lightgray{
	color:#ccc !important;
}

.bg-lightgray{
	background:#f9f9f9 !important;
}


.l-s-1{
	letter-spacing: 0.01em !important;
}
.l-s-2{
	letter-spacing: 0.02em !important;
}
.l-s-3{
	letter-spacing: 0.03em !important;
}
.l-s-4{
	letter-spacing: 0.04em !important;
}
.l-s-5{
	letter-spacing: 0.05em !important;
}
.l-s-6{
	letter-spacing: 0.06em !important;
}
.l-s-7{
	letter-spacing: 0.07em !important;
}
.l-s-8{
	letter-spacing: 0.08em !important;
}
.l-s-9{
	letter-spacing: 0.09em !important;
}

.l-s-10{
	letter-spacing: 1em !important;
}
.casetext{
	width:150px;
	height:150px;
	border-radius:50%;
  	background: #F44336;  	
}


.casetext h5{
	line-height: 30pt;
	width: 100%;
	float: left;
	text-align: center;
	color: #fff;
}


.times_new_yorker{
	font:2em 'times new yorker';
}
.scriptclean{
	font:2em scriptclean;
}
.f-w-100 {
  font-weight: 100 !important;
}

.f-w-200 {
  font-weight: 200 !important;
}

.f-w-300 {
  font-weight: 300 !important;
}

.f-w-400 {
  font-weight: 400 !important;
}

.f-w-500 {
  font-weight: 500 !important;
}

.f-w-700 {
  font-weight: 700 !important;
}
.f-s-8 { font-size: 8px !important; }
.f-s-9 { font-size: 9px !important; }
.f-s-10 { font-size: 10px !important; }
.f-s-11 { font-size: 11px !important; }
.f-s-12 { font-size: 12px !important; }
.f-s-13 { font-size: 13px !important; }
.f-s-14 { font-size: 14px !important; }
.f-s-15 { font-size: 15px !important; }
.f-s-16 { font-size: 16px !important; }
.f-s-17 { font-size: 17px !important; }
.f-s-18 { font-size: 18px !important; }
.f-s-19 { font-size: 19px !important; }
.f-s-20 { font-size: 20px !important; }
.f-s-30 { font-size: 30px !important; }
.f-s-40 { font-size: 40px !important; }
.f-s-50 { font-size: 50px !important; }
.f-s-60 { font-size: 60px !important; }
.f-s-70 { font-size: 70px !important; }
.f-s-80 { font-size: 80px !important; }
.f-s-90 { font-size: 90px !important; }
.f-s-100 { font-size: 100px !important; }

.t-i-0{
	text-indent:0px;
}

.l-h-10{
	line-height: 10pt !important;
}
.l-h-15{
	line-height: 15pt !important;
}
.l-h-20{
	line-height: 20pt !important;
}
.l-h-25{
	line-height: 25pt !important;
}
.l-h-30{
	line-height: 30pt !important;
}
.l-h-35{
	line-height: 35pt !important;
}
.l-h-40{
	line-height: 40pt !important;
}
.l-h-45{
	line-height: 45pt !important;
}
.l-h-50{
	line-height: 50pt !important;
}
.p-0{
	padding: 0px !important;
}
.p-2{
	padding: 2px !important;
}
.p-3{
	padding: 3px !important;
}

.p-5{
	padding: 5px !important;
}
.p-15{
	padding: 15px !important;
}
.p-20{
	padding: 20px !important;
}
.p-25{
	padding: 25px !important;
}
.p-50{
	padding: 50px !important;
}
.p-t-0{
	padding-top: 0px !important;
}
.p-t-10{
	padding-top: 10px !important;
}
.p-t-20{
	padding-top: 20px !important;
	
}

.p-t-50{
	padding-top: 50px !important;
}
.p-l-0{
	padding-left: 0px !important;
}
.p-r-0{
	padding-right: 0px !important;
}
.p-l-2{
	padding-left: 2px !important;
}

.p-l-5{
	padding-left: 5px !important;
}

.p-l-10{
	padding-left: 10px !important;
}
.p-l-20{
	padding-left: 20px !important;
}
.p-l-15{
	padding-left: 15px !important;
}
.p-b-0{
	padding-bottom: 0px !important;
}
.p-b-10{
	padding-bottom: 10px !important;
}
.p-b-20{
	padding-bottom: 20px !important;
}
.p-b-30{
	padding-bottom: 30px !important;
}
.p-b-50{
	padding-bottom: 50px !important;
}

.p-r-2{
	padding-right: 2px !important;
}
.p-r-5{
	padding-right: 5px !important;
}
.p-r-10{
	padding-right: 10px !important;
}
.p-r-15{
	padding-right: 15px !important;
}
.p-40{
	padding: 40px !important;
}
.p-10{
	padding: 10px !important;
}
.p-100{
	padding: 100px !important;
}
.m-0{
	margin: 0px !important;
}
.m-t-0{
	margin-top: 0px !important;
}
.m-t-10{
	margin-top: 10px !important;
}
.m-t-20{
	margin-top: 20px !important;
}

.m-t-25{
	margin-top: 25px !important;
}

.m-t-30{
	margin-top: 30px !important;
}

.m-t-40{
	margin-top: 40px !important;
}

.m-t-50{
	margin-top: 50px !important;
}

.m-t-100{
	margin-top: 100px !important;
}

.m-t-250{
	margin-top: 250px !important;
}
.m-b-0{
	margin-bottom: 0px !important;
}
.m-b-10{
	margin-bottom: 10px !important;
}
.m-b-50{
	margin-bottom: 50px !important;
}
.m-b-100{
	margin-bottom: 100px !important;
}
.m-l-10{
	margin-left: 10px !important;
}
.m-l-20{
	margin-left: 20px !important;
}
.m-l-50{
	margin-left: 50px !important;
}
.m-l-100{
	margin-left: 100px !important;
}


.m-l-150{
	margin-left: 150px !important;
}
.m-r-5{
	margin-right: 5px !important;
}
.m-r-10{
	margin-right: 10px !important;
}

.border_dashed{
	border: 1px dashed #aaa !important;
}
.border_all{
	border: 1px solid #eee !important;
}

.border_left{
	border-left: 1px solid #eee !important;
}

.border_right{
	border-right: 1px solid #eee !important;
}

.border_top{
	border-top: 1px solid #eee !important;
}
.border_bottom{
	border-bottom: 1px solid #eee !important;
}
.no_border{
	border-color:transparent;
}

.no_radius{
	border-radius:0px;
}

.box-shadow{
	-webkit-box-shadow: 0px 1px 1px 1px rgba(221,221,221,1);
	-moz-box-shadow: 0px 1px 1px 1px rgba(221,221,221,1);
	box-shadow: 0px 1px 1px 1px rgba(221,221,221,1);
}
.no_shadow{
	-webkit-box-shadow: 0px 1px 1px 1px rgba(221,221,221,0) !important;
	-moz-box-shadow: 0px 1px 1px 1px rgba(221,221,221,0) !important;
	box-shadow: 0px 1px 1px 1px rgba(221,221,221,0) !important;
}
.curpoint{
	cursor: pointer;
}
.scholbagbe{
	width:150px;
	height:150px;
	border-radius: 50%;
	overflow: hidden;
	background: #fff;
	border:5px solid #f9f9f9;
	overflow: hidden;
}
.scholbagbe-square{
	width:150px;
	min-height:150px;
	overflow: hidden;
	background: #fff;
	overflow: hidden;
	cursor: pointer;
}

.scholbagbe, .scholbagbe-square img{
	width:100%;
	height:auto;
}
.attenpix{
	width:100%;
	height:280px;
	background: #fff;
	overflow: hidden;
}

.attenpix img{
	width:100%;
	height:auto;
}


.cutebox{
	width:50px;
	height:50px;
	border-radius: 50%;
	overflow: hidden;
	background: #fff;
}

.cutebox_half{
	float:left;
	width:50%;
	height:60px;
	overflow: hidden;
}


.pix_uploaded{
	float:left;
	width:100%;
	min-height: 150px;
	max-height:300px;
	border-radius: 0px;
	overflow: hidden;
	cursor: pointer
}

.pix_uploaded img{
	float:left;
	width:100%;
	height: auto;
}

.prof_img{
	width: 100px;
	height: 100px;
	border-radius: 50px;
	overflow: hidden;
}
.prof_img img{
	width: 100%;
	height: auto;
}


.prof_imgsmall{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
}
.prof_imgsmall img{
	width: 100%;
	height: auto;
}

.prof_imgmedium{
	width: 70px;
	height: 70px;
	border-radius: 50%;
	overflow: hidden;
}
.prof_imgmedium img{
	width: 100%;
	height: auto;
}

.alphabet_holder{
	position:fixed;
	height: auto;
	width:40px;
	background: ;
	top:70px;
	right: 0;
	/*box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);*/	
	display:none;
}

.square100{
	width: 100px;
	height: 100px;
	border-radius: 50px;
	padding:5px;
	overflow: hidden;
}

.square100 img{
	width: 100%;
	height: auto;
}

.rect100{
	width: 100px;
	height: 60px;
	border-radius: 5px;
	padding:5px;
	overflow: hidden;
}


.rect50{
	width: 60px;
	height: 40px;
	border-radius: 5px;
	padding:5px;
	overflow: hidden;
}
.rect50 img{
	width: 100%;
	height: auto;
}
.rect100 img{
	width: 100%;
	height: auto;
}
.leters{
	font-weight:100;
	float: left;
	width: 40px;
	height:30px;
	border-bottom: 0px solid #03A9F4;
	text-align: center;
	line-height: 20pt;
	cursor: pointer;
	color:#999;
	font-size:20px;
	 transition:         0.15s ease-in;
	 -o-transition:      0.15s ease-in;
	 -ms-transition:     0.15s ease-in;
	 -moz-transition:    0.15s ease-in;
	 -webkit-transition: 0.15s ease-in;
	
}

.leters:hover{
	color: #333;
}


/*dashboard starts*/
.logo_tab{
	float:left;
	width:50px;
	height:50px;
	border-radius:50%;
	overflow: hidden;
	padding:0px !important;
	/*background: rgba(255,255,255,0.9);*/
	margin-top: -5px
}
.logo_tab img{
	float:left;
	width:100%;
	height:auto;
	margin: 0 !important;
}
.ease{
	 transition:         0.30s ease-in;
	 -o-transition:      0.30s ease-in;
	 -ms-transition:     0.30s ease-in;
	 -moz-transition:    0.30s ease-in;
	 -webkit-transition: 0.30s ease-in;
}
.easefast{
	 transition:         0.15s ease-in;
	 -o-transition:      0.15s ease-in;
	 -ms-transition:     0.15s ease-in;
	 -moz-transition:    0.15s ease-in;
	 -webkit-transition: 0.15s ease-in;
}

.exportbtns:hover{
	opacity:0.7;
}
.exportbtns-red{
	background: #F44336 !important;
	border: 0px solid #fff !important;
}

.exportbtns-green{
	background: #4CAF50 !important;
	border: 0px solid #fff !important;
}


.exportbtns-pink{
	background: #E91E63 !important;
	border: 0px solid #fff !important;
}

.exportbtns-blue{
	background: #03A9F4 !important;
	border: 0px solid #fff !important;
}

.exportbtns-cyan{
	background: #00BCD4 !important;
	border: 0px solid #fff !important;
}

.exportbtns-gray{
	background: #9E9E9E !important;
	border: 0px solid #fff !important;
}

.circle_img{
	float:left;
	width:65px;
	height:65px;
	overflow: hidden;
	border-radius: 50%;
	background:#F0F0F0;
}

.circle_img img{
	float: left;
	width: 100%;
	height:auto;
}

.singleupload{
	height: 150px;
	background: #f9f9f9;
	border-radius: 5px;
	padding:5px;
	cursor: pointer;
	overflow:hidden;
}
.singleupload img{
	width: 100%;
	height: auto;
}
.singleupload > i{
	float:left;
	width:100%;
	text-align:center;
	font-size:3em;
	color:#333;
	padding:0px;
	margin-bottom:0px;
	margin-top:20px
	
}
.singleupload > h4{
	float:left;
	width:100%;
	text-align:center;
	font-size:1em;
	color:#333;
	padding:0px;
	font-weight: 100;
	margin:0px;
}
.formborder{
	margin-bottom: 20px;
	border-bottom: 1px dotted #eee;
}
.singleupload-min{
	min-height: 200px;
}
/*dashboard ends*/	
	
	
/* mobile */
@media (max-width: 767px) {
  body{
  	background: #fff;
  }
  
  .box-shadow{
  	-webkit-box-shadow: 0px 1px 1px 1px rgba(221,221,221,0) !important;
	-moz-box-shadow: 0px 1px 1px 1px rgba(221,221,221,0) !important;
	box-shadow: 0px 1px 1px 1px rgba(221,221,221,0) !important;
  }
  .nobox-shadow{
  	-webkit-box-shadow: 0px 1px 1px 1px rgba(221,221,221,0) !important;
	-moz-box-shadow: 0px 1px 1px 1px rgba(221,221,221,0) !important;
	box-shadow: 0px 1px 1px 1px rgba(221,221,221,0) !important;
  }
  .card{
  	-webkit-box-shadow: 0px 1px 1px 1px rgba(221,221,221,0) !important;
	-moz-box-shadow: 0px 1px 1px 1px rgba(221,221,221,0) !important;
	box-shadow: 0px 1px 1px 1px rgba(221,221,221,0) !important;
  }
  .mobile-left{
  	padding-left: 0px !important;
  } 
  .mobile-right{
  	padding-right: 0px !important;
  }
  .mobile-align-left{
  	text-align: left !important;
  }
  .mobile-align-right{
  	text-align: right !important;
  }
  .mobile-align-center{
  	text-align: center !important;
  }
  .mob-10{
  	padding-left:20px !important;
  	padding-right:20px !important;
  }
  
  .mborder_top{
	border-top: 1px solid #eee !important;
  }
  .mborder_bottom{
	border-bottom: 1px solid #eee !important;
  }
  .mno_border{
	border-color:transparent !important;
  }
  .mborder{
	border: 1px solid #eee !important;
  }
  .nomborder{
	border: 0px solid #eee !important;
  }
  .mtop{
	margin-top:20px !important;
  }
}