@charset "utf-8";
/* Merchants CSS Document */
.imgzoom {
  transition: transform .2s;
  width: 52px;
  height: 52px;
  border:1px solid black;
}

.imgzoom:hover {
  -ms-transform: scale(2.0); /* IE 9 */
  -webkit-transform: scale(2.0); /* Safari 3-8 */
  transform: scale(2.0); 
}
.radio {
	margin-left: 20px;
}
/*.off_outer {
	position: relative;
	height: 40px;
	width: 26px;
	border: 2px solid red;
	color: green;
	font-size: 10px;
	text-align: center;
	border-radius: 100px;
	animation-name: outer2;
    animation-duration: 0.5s;
}

.off_inner {
	position: relative;
	height:22px;
	width:22px;
	background:red;
	margin:0px auto;
	border-radius: 100px;
	color:white;
	line-height:21px;
	animation-name: inner2;
  	animation-duration: 0.5s;  
  	animation-fill-mode: forwards;
}
.on_outer {
	position: relative;
	height: 40px;
	width: 26px;
	border: 2px solid #0CC10C;
	color: green;
	font-size: 10px;
	text-align: center;
	border-radius: 100px;
	animation-name: outer;
    animation-duration: 0.5s;
}

.on_inner {
	position: relative;
	height: 22px;
	width: 22px;
	background-color: red;
	margin:0px auto;
	border-radius: 100px;
	color: white;
	line-height: 21px;
	animation-name: inner;
  	animation-duration: 0.5s;  
  	animation-fill-mode: forwards;
}

@keyframes inner {
  from {bottom: 2px;}
  to {bottom: -15px; background-color: #0CC10C;}
}
@keyframes outer {
  0%   {border-color: red;}
  100% {border-color: #0CC10C;}
}
@keyframes inner2 {
  from {bottom: -15px;}
  to {bottom: 0px; background-color: red;}
}
@keyframes outer2 {
  0%   {border-color: #0CC10C;}
  100% {border-color: red;}
}
*/
.off_outer {
	position: relative;
	/* height: 26px; */
	 /* width: 40px;  */
	height: 16px;
	width: 25px;
	border: 2px solid red;
	color: green;
	font-size: 10px;
	text-align: center;
	border-radius: 100px;
	animation-name: outer2;
    animation-duration: 0.5s;
	/* margin-top: 10px; */
	margin-top: 5px;
	
}

.off_inner {
	position: relative;
	/* height:22px;
	width:22px; */
	height:12px;
	width:20px;
	background:red;
	margin-top:0px;
	margin-left:-10px;
	border-radius: 100px;
	color:white;
	line-height:13px;
	animation-name: inner2;
  	animation-duration: 0.5s;  
  	animation-fill-mode: forwards;
	cursor: pointer;
}
.on_outer {
	position: relative;
	/* height: 26px;
	width: 40px; */
	height: 16px;
	width: 24px;
	border: 2px solid #0CC10C;
	color: green;
	font-size: 10px;
	text-align: center;
	border-radius: 100px;
	animation-name: outer;
    animation-duration: 0.5s;
	/* margin-top: 10px; */
	margin-top: 5px;
}

.on_inner {
	position: relative;
	/* height: 22px;
	width: 22px; */
	height:12px;
	width:12px;
	background-color: red;
	margin-top:0px;
	/* margin-left:-10px; */
	margin-left:-3px;
	border-radius: 100px;
	color: white;
	line-height: 21px;
	animation-name: inner;
  	animation-duration: 0.5s;  
  	animation-fill-mode: forwards;
	cursor: pointer;
}

@keyframes inner {
  from {left: 
  18px;}
  to {left: 0px; background-color: #0CC10C;}
}
@keyframes outer {
  0%   {border-color: red;}
  100% {border-color: #0CC10C;}
}
@keyframes inner2 {
  from {left: 0px;}
  to {left: 16px; background-color: red;}
}
@keyframes outer2 {
  0%   {border-color: #0CC10C;}
  100% {border-color: red;}
}
padl {
	padding-left: 0px !important;
}

padr {
	padding-right: 0px !important;
}

.skin-blue .sidebar-menu>li.header {
	color: #ffffff !important;
}

.graph	{
	background-color: #ffffff;
	width: 100%;
}
.content-header {
	background-color: #e6e6e6 !important;
}
.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #dadada;
}
/*.table-striped>tbody>tr:nth-of-type(odd):hover {
	background-color: #83ccef;
}*/
table {
    background-color: #999999;
}
table.table-hover tbody tr:hover {
    background-color: #83ccef; 
	cursor: pointer;
}
.btn-custom {
	background-color: #dd4b39; 
	color: #ffffff !important; 
	border: 1px solid #d73925;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding: 2px 5px !important;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{
	top:3px;
}	
.flip-animate{
-webkit-animation:flipinx 1.5s ease-in 0s 1 normal;
-moz-animation:flipinx 1.5s ease-in 0s 1 normal;
-ms-animation:flipinx 1.5s ease-in 0s 1 normal;
animation:flipinx 1.5s ease-in 0s 1 normal;
}

@-webkit-keyframes flipinx {
0%{ opacity: 0; -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(90deg); }
40%{ -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(-10deg); }
70%{ -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(10deg); }
100%{ opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); }
}

@keyframes flipinx {
0%{ opacity: 0; transform: perspective(400px) rotateX(90deg); }
40%{ transform: perspective(400px) rotateX(-10deg); }
70%{ transform: perspective(400px) rotateX(10deg); }
100%{ opacity: 1; transform: perspective(400px) rotateX(0deg); }
}
.flex-container{
	display: flex;
	flex-direction: row;
    align-items:flex-end;	
}	
.flex-container .flex-col {
	width:22%;
	margin:10px;
}
.flex-container .flex-col-btn{
	width:4%;
	margin:10px;
	/* margin-left:30px; */
}
.allocate-person { 
  background: #ffffffd9;
  
  border-bottom: 1px solid #fff;
  margin-left:0px;
  margin-right:0px;
}
.allocate-person:nth-child(2n) {
  background:  #fff;
 
  border-bottom: 1px solid #fff;
  margin-left:0px;
  margin-right:0px;
}
.input-sm {
	height:24px !important;
	padding: 2px 10px !important;
}
.selectmc>select {
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	text-transform: none;
	margin: 0;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	display: block;
	width: 100%;
	font-size: 12px;
	border-radius: 0;
	box-shadow: none;
	border-color: #676767;
	height: 34px !important;
	padding: 2px 10px !important;
	line-height: 30px;
}

.box-body2>.title	{
	background-color: #3c8dbc;
	padding: 5px;
	color: #fff;
	/* margin-bottom: 20px; */
	font-size:22px;
	font-family: 'Source Sans Pro', sans-serif;
}
.box-body2 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  /* padding-bottom: 20px; */
  margin: 0px;
  background-color: #c4c4c4;
}