/*
	Theme Name: Portfolio
	Author: golfuupy
	Author URI: Portfolio.com
	Description: Portfolio
	Version: 1.0
*/

@charset "utf-8";

@font-face { font-family:font; src:url(assets/fonts/Quark-Light.otf) }

a 		{ color:#000 }
a:hover { color:#000 }

.header_button{
	height:auto;
	width:200px;
	font-family:font;
	font-size:20px;
	background-color:#428bca !important;
	color:#fff;
	margin-bottom:10px;
}

.display{
	font-weight:normal !important;
	font-family:font;  
	color:#333; 
}
                    
.dataTables_filter{	font-family:font }
.dataTables_filter label input[type="search" i]{
	border:1px solid #CCC;
	font-family:font;
	font-weight:normal;
	font-size:18px;
	border-radius:1px;
	height:40px
}

.dataTables_length{ font-family:font }
.dataTables_length label select{
	border:1px solid #CCC;
	font-family:font;
	font-weight:normal;
	font-size:18px;
	border-radius:1px;
	height:40px !important;
	width:100px !important;
	margin-left:0px !important
}

.dataTables_info  { font-family:font }
.paginate_button  {	font-family:font }
.pagination > .active > a{
	height:auto
}
                    
tfoot input{
	width: 100%;
	border:1px solid #CCC;
	font-family:font;
	font-weight:normal;
	font-size:18px;
	border-radius:1px;
}

#example{
	font-size:18px !important
}

.select_update{
	height:50px; 
	font-family:font; 
	font-size:20px; 
	border-radius:3px; 
	padding-left:20px; 
	padding-right:20px;
	border:1px #fed136 solid
}

.page-title{
	font-family:font; 
	font-size:30px;	
}

.formButton{
	font-size:18px;
	color:#fff;
	height:40px;
	width:100px;
	border-radius:5px;
	cursor:pointer
}

.btn-bs-file{
    position:relative;
}

.btn-bs-file input[type="file"]{
    position: absolute;
    top: -9999999;
    filter: alpha(opacity=0);
    opacity: 0;
    width:0;
    height:0;
    outline: none;
}

.button_upload{
	cursor:pointer !important; 
	font-size:13px; 
	margin-top:10px; 
	background-color:#96C;
	border:0px;
	border-radius:2px;
	font-weight:normal
}

.title_lable{
	text-align:right; 
	padding-right:5px; 
	font-weight:bold;
	font-family:font;
	font-size:18px
}

.title_text{
	font-size:20px
}

.inputBox{
	border:1px #CCC solid;
	font-size:18px;
	font-family:font;
	height:40px;
	border:1px solid #FC0;
	border-radius:3px
}

.margin_head{
	margin-top:-30px !important
}

.newButton{
	height:40px;
	font-size:16px;
	border:0px;
	border-radius:2px;
	font-family:font;
}

.button_skill{
	height:60px; 
	cursor:pointer; 
	font-size:17px; 
    border:0px;
	width:19%;
	margin-right:1%;
	float:left !important;
	margin-top:40px;
}

.clear_button{

}

.margin_header_p{ margin-top:-50px}

@media screen and (max-width: 767px) {
	.title_lable{
		text-align:left;
	}
}

@media screen and (max-width: 995px) {
	.clear_button{
		clear:both
	}
	
	.button_skill{
		width:100% !important;
		margin-bottom:10px;
		margin-top:0px;
	}
	
	.margin_header_p{ margin-top:-20px}
}

@media screen and (max-width: 780px) {
	.margin_head{
		margin-top:-50px !important
	}
}