@charset "utf-8";
/* CSS Document */
body{
	font-size:14px;
}
.hr-dot{
  border-top: dotted 1px;
}
.hr-dashed{
  border-top: dashed 1px;
}
.padding-top15 {
    padding-top: 15px;
}

.padding-top15scroll {
    padding-top: 15px;
    overflow: scroll;
    height: 500px;
}
.padding15scroll {
    padding: 15px;
    overflow: auto;
    height: 500px;
}
.control-sidebar {
	bottom:0 !important;
}
.brand-image {
	height:33px !important;
	width:33px !important;
}
.profile-user-img {
	height:100px !important;
	width:100px !important;
}
.btn-circle {
	text-align:center;
	width:50px;
	height:50px;
	border-radius:50%;
	box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23) !important;
}
.modal-bg {
	background-color:#FFF;
}
.modal-input {
	/*background-color:#deeefe;*/
}
.modal-input-group {
	/*background-color:#a8adb3;*/
}
.modal-label {
	/*color:#FFF;*/
}
#upgProgressing {
    background-color: rgba(255, 255, 255, 0.6);
    border: 1px solid white;
    box-shadow: 0 0 4px #000 inset;
    display: block;
    height: 100%;
    left: 0;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: fixed;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 100%;
    z-index: 9999;
}
#upgProgressing div{
    position: fixed; 
	top: calc(50% - 60px);
	left: calc(50% - 60px);
}
.mytable{
	width:100% !important;
}
.mytable th{
	/*background-color:#40D2D2;*/
	background-color:#f39c12;
	text-align:center;
	color:#ffffff;
}
.mytable2 th{
	background-color:#fec771;
	text-align:center;
	color:#ffffff;
}
.form-control-frontfeedback {

    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;

}
.has-frontfeedback{
	position: relative;
}
.has-frontfeedback .form-control {

    padding-left: 42.5px;

}
.input-transparent{
	border:0;
	background-color:transparent;
	border-bottom:1px solid;
}
.input-transparent:focus{
	border-color:#f77b3d;
}
.iframe-container {
  overflow: hidden;
  /*padding-top: calc(50% - 135px);*/
  /*height:calc(100vh - 51px);*/
  position: relative;
}

.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
.subiframe-container {
  overflow: hidden;
  /*padding-top: calc(50% - 135px);*/
  height:100vh;
  position: relative;
  width:100%;
}

.subiframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
.btn-tab-close{
	margin-left:10px;
	cursor:pointer;
	-webkit-transition: width 2s, height 2s, -webkit-transform 2s;
    transition: width 2s, height 2s, transform 2s;
	
}
.btn-tab-close:hover{
	font-size:larger;
	color:#f56954;	
}
.btn-tabcommand a:hover{
	background-color:#FFF !important;
}
.btn-tabcommand a:focus{
	background-color:#FFF !important;
}
.bg-tabcommand{
	background-color:#ffcf83  !important;
}
.bg-tabcommand .btn-tabcommand a:hover{
	background-color:#ffcf83  !important;
}
.bg-tabcommand .btn-tabcommand a:focus{
	background-color:#ffcf83  !important;
}
.skin-black-light .sidebar-menu > li:hover > a, .skin-black-light .sidebar-menu > li.active > a {
    color: #FFF;
    background: #fe0000;
}
#maintab > li {
	border-top:3px solid #ddd ;
	border-left:1px solid #ddd ;
	border-right:1px solid #ddd ;
	margin-right: 0px ;
}
#maintab > li.active {
	border-top:3px solid #00a65a ;
}
#maintab > li > a {
    padding: 5px 15px ;
}
#btntab_right > li > a {
    padding: 5px 15px;
}
#btntab_left > li > a {
    padding: 5px 15px;
}
.nav-tabs-custom{
	margin-bottom:0px;
}
.content-wrapper
{
	
}
.show{
	display:block;
}
.hide{
	display:none;
}
.has-footer{
	padding-bottom:50px !important;
}
.footerscroll{
	height:50px;
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	border-top:1px solid #d2d6de;
	padding:7px 15px;
	z-index:999;
	background-color:#fff;
}
.footerscroll-transparent{
	height:65px;
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	padding:0 15px;
	z-index:999;
}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  	flex-wrap: wrap;
}
.leftbox
{
	border-bottom:1px solid #d2d6de;
}
.leftbox-footer
{
	border-bottom:1px solid #d2d6de;
	margin-bottom:50px;
}
.rightbox-footer
{
	margin-bottom:50px;
}
.rightbox
{
}
.paginate-page{
	/*position: relative;
	float: left;*/
	padding: .4rem 12px;
	text-align: center;
	width: 50px;
	margin-left: -1px;
	border: 1px solid #ddd;
}
.paginate-pageend
{
	position: relative;
	float: left;
	padding: .4rem 12px;
	line-height: 1.42857143;
	text-decoration: none;
	background-color: #fff;
}
.canclick
{
	cursor: pointer;
}
.cardhover:hover{
	background-color: rgba(0, 0, 0, 0.2) !important;
}
.nav-tabs > .nav-item > .active
{
	font-weight: bold;
}
.nav-tabs > .nav-item > :not(.active)
{
	font-weight: normal;
}
.watermark2{
	/*background-image: url("../../index.php?r=home&a=viewwatermark");*/
}
.watermarkcancel{
	background-image: url("../../index.php?r=home&a=viewwatermarkcancel");
}
.direct-chat-messages {
  height: 500px !important;
}
@media (min-width: 768px) {
	.leftbox
	{
		border-bottom:none;
	}
	.leftbox-footer
	{
		border-bottom:none;
	}
	.rightbox-footer
	{
		border-left:1px solid #d2d6de;
		min-height:calc(100vh - 50px);
	}
	.rightbox
	{
		border-left:1px solid #d2d6de;
		min-height:100vh;
	}
}
@media all and (min-width: 992px) and (max-width: 1199px) {
    .btn-lg-block {
        width: 100% !important;
        display: block !important;
    }
}

@media all and (min-width: 768px) and (max-width: 991px) {
    .btn-md-block {
        width: 100% !important;
        display: block !important;
    }
}

@media all and (min-width: 576px) and (max-width: 767px) {
   .btn-sm-block {
        width: 100% !important;
        display: block !important;
    }
}

@media all and (max-width: 575px) {
    .btn-xs-block {
        width: 100% !important;
        display: block !important;
    }
}
.custom-fadein {
	animation-name: fadeInDown;
  	animation-duration: 1s;
}
.upgProgressing-rotating{
	animation-name: rotating;
  	animation-duration: 2s;
	animation-iteration-count:infinite;
}
@keyframes flipInY {
	0% {
	  -webkit-transform:perspective(400px) rotateY(90deg);
	  transform:perspective(400px) rotateY(90deg);
	  -webkit-animation-timing-function:ease-in;
	  animation-timing-function:ease-in;
	  opacity:0
	 }
	 40% {
	  -webkit-transform:perspective(400px) rotateY(-20deg);
	  transform:perspective(400px) rotateY(-20deg);
	  -webkit-animation-timing-function:ease;
	  animation-timing-function:ease
	 }
	 to {
	  -webkit-transform:perspective(400px);
	  transform:perspective(400px)
	 }
}
@keyframes zoomIn {
 0% {
  opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3);
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out;
 }
 80% {
  opacity:1
 }
}
@keyframes fadeInDown {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,-100%,0);
  transform:translate3d(0,-100%,0)
 }
 to {
  opacity:1;
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
}
@keyframes rotating {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
	animation-timing-function:linear;
	color:red;
  }
  25% {
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
	animation-timing-function:linear;
	color:blue;
  }
  50% {
    -ms-transform: rotate(1800deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
	animation-timing-function:linear;
	color:green;
  }
  75% {
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
	animation-timing-function:linear;
	color:yellow;
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
	animation-timing-function:linear;
	color:red;
  }
}
@keyframes rotatingY {
  0% {
    -ms-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -webkit-transform:rotateYrotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
	animation-timing-function:linear;
  }
  to {
    -ms-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
	animation-timing-function:linear;
  }
}