/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */



.mr-1 {        margin-right: 0.5rem !important;    }
	
.table-hover-animation thead th {	background-color:#ccf2cc;	height:50px; font-size: 11pt;}
.table > tbody > tr {	height:50px;}
.badge {font-weight:800; font-size: small;};
.box-shadow-gray {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	}
.dropify-wrapper {
  display: block;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  height: 192px;
/*  padding: 5px 10px; */
  font-size: 14px;
  line-height: 22px;
  color: #777;
  background-color: #FFF;
  background-image: none;
  text-align: center;
  border: 1px solid rgba(107,122,144,0.1);
  -webkit-transition: border-color 0.15s linear;
  transition: border-color 0.15s linear;
}
.dropify-wrapper .dropify-message {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.dropify-wrapper .dropify-clear {
  display: none;
  position: absolute;
  opacity: 0;
  z-index: 7;
  top: 10px;
  right: 10px;
  background: none;
  border: 2px solid #FFF;
  text-transform: uppercase;
  font-size: 11px;
  padding: 4px 8px;
  font-weight: bold;
  color: #FFF;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.dropify-wrapper input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 5;
}

.container-photo {
    cursor: pointer;
	position: relative;  
	text-align: center;
	color: black;    
	height: 200px;    
	width: 350px;    
	background-color: #DDF;    
}
.fileInput {
    cursor: pointer;
    height: 100%;
    position:absolute;
    top: 0;
    right: 0;
    z-index: 99;
    /*This makes the button huge. If you want a bigger button, increase the font size*/
    font-size:50px;
    /*Opacity settings for all browsers*/
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	border: 0px solid rgba(107,122,144,0.1);
	
}
.fileInputIconCentered {  position:absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%); z-index: 1; }

.icondelete {position: absolute;top:8px;left:16px;
z-index: 999;
}
label {  font-size : 1.00rem;}

.card-footer {
  background-color : unset;
  
}
/* .card-header {	border-bottom: 1px solid #DAE1E7;	padding-bottom: 10px;	} */
.card-title {color:blue;}
.form-label {
  display: block;
  margin-bottom: .375rem;
  font-weight: 300 !important;
  font-size: 15px;
}
.expanel {
  margin-bottom: 20px !important;
  background-color: #fff !important;
  border: 1px solid rgba(107,122,144,0.1) !important;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05) !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05) !important;
}
.expanel-primary {
  border: #1753fc !important;
}
.expanel-primary > .expanel-heading {
  color: #fff !important;
  background-color: #1753fc !important;
  border-color: #1753fc !important;
}
.expanel-heading {
  padding: 10px 15px !important;
  border-bottom: 1px solid rgba(107,122,144,0.1);
    border-bottom-color: rgba(107, 122, 144, 0.1);
}
.expanel-title {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-size: 16px !important;
  color: inherit !important;
}
.font-weight-bold {
  font-weight: 700 !important;
}
.form-group {
  display: block;
  margin-bottom: 1rem;
}
/* 
.btn-success {
  color: #fff;
  background-color: #00C851;
  border-color: #0ab851;
}
.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  padding: 0.375rem 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.84615385;
  box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  letter-spacing: .03em;
  font-size: 0.9125rem;
  min-width: 2.375rem;
}
*/