/**
*
* -----------------------------------------------------------------------------
*
* Author : Computerkavi
* Author URI : https://www.computerkavi.com/
*
* -----------------------------------------------------------------------------
*
**/
/***********************Gallery hover effect Computerkavi.com*******************/
.gl_hover_box .title{ width: 85%; color:#3d0957; font-size: 14px!important; border: 2px solid #d2e600;}
.gl_hover_box,.gl_hover_box .icon li a{text-align:center}
.gl_hover_box .icon li,.gl_hover_box .title{display:inline-block}
.gl_hover_box{overflow:hidden}
.gl_hover_box .icon,.gl_hover_box .title{margin:0;position:absolute}
.gl_hover_box {box-shadow:0 0 3px rgba(0,0,0,.3);position:relative; border-radius: 20px; border: 2px groove gold;}
.gl_hover_box img{width:100%;height:auto}
.gl_hover_box .box-content{width:100%;height:100%;background:rgba(0,0,0,.6);opacity:0;position:absolute;top:0;left:0;transform:perspective(400px) rotateX(-90deg);transform-origin:center top 0;transition:all .5s ease 0s}
.gl_hover_box .icon li a,.gl_hover_box .title{background:#3d0957;font-size:20px;color:#fff}
.gl_hover_box:hover .box-content{opacity:1;transform:perspective(400px) rotateX(0)}
.gl_hover_box .title{padding:5px 7px;border-radius:5px;font-weight:600;bottom:20px;left:20px;transition:all .9s ease 0s}
.gl_hover_box .icon li a,.box9 .box-content,.box9 .icon li,.box9 img{transition:all .35s ease 0s}
.gl_hover_box:hover .title{bottom:-40px}
.gl_hover_box .icon{list-style:none;padding:0;top:42%;left:0;right:0}
.gl_hover_box .icon li a{display:block;width:50px;height:50px;line-height:42px;border-radius:50%;margin-right:7px; border: 2px solid #d2e600;}
.gl_hover_box .icon li a:hover{background:#fff;color:#000;}
@media only screen and (max-width:990px){.gl_hover_box{margin-bottom:20px}
}
/***********************Gallery hover effect Computerkavi.com*******************/	
 #upload_image {
  display:none;
  width: 0;
  height: 0;
  overflow: hidden;
}

#uploaded_image{
  width:300px; height:320px;
  background-color: #f1f1f1;
  margin-bottom: 5px;
  margin-right: 5px;
  background-image: url('../images/crop/camlite.png');
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  border:2px solid red;
}

#uploaded_image:hover{
  background-image: url('../images/crop/camdark.png');
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: red;
    border-radius: .25rem;
	border: 1px solid black;
}
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #000;
}
/***********************For Admin B4.1*******************/
.card { position: relative; overflow: hidden; display: block; border-radius: 0 !important;  padding: inherit;}
.card-default { border-color: #ebedef !important; }
.card .card-body { position: relative; padding: 0 !important; overflow: hidden; height: auto; }
.card .card-body a { overflow: hidden; }
.card .card-body a img { display: block; margin: 0; width: 100%; height: 100%; 
    transition: all 0.5s; 
    -moz-transition: all 0.5s; 
    -webkit-transition: all 0.5s; 
    -o-transition: all 0.5s; 
}
.card .card-body a.zoom:hover img { transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3); }


.card .card-body a.zoom span.overlay { position: absolute; top: 0; left: 0; visibility: hidden; height: 100%; width: 100%; background-color: #000; opacity: 0; 
    transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
}     

.card .card-body a.zoom:hover span.overlay div.btnarea {
    opacity: 1 !important;
}
.card .card-body a.zoom:hover span.overlay { display: block; visibility: visible; opacity: 0.85; -moz-opacity: 0.85; -webkit-opacity: 0.85; filter: alpha(opacity=85); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; }  
.card .card-body a.zoom:hover span.overlay span.fa-picture-o { position: absolute; top: 45%; left: 0%; width: 100%; font-size: 2.25em; color: #fff !important; text-align: center;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1);    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}
.card .card-footer { background-color: #196a73 !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; border-top-color: white; }	
.card .card-footer span { display: inline; font-size: 1.125em; cursor: pointer; }
.card .card-footer div { display: inline; font: 400 normal 1em "Roboto",Arial,Verdana,sans-serif; color: #34495e; text-align: center; background-color: transparent !important; border: none !important; }