﻿
/*input[type='button'], span[type='button'], .btsav, .btcan, .btset, .btrmd{ background:#00adef;  cursor:pointer; color:#fff; font-weight:bold; font-size:14px; margin:0px 5px 5px 0px; padding:5px 8px; width:auto; }
input[value='Save'], .btsav, .btset{background:#00adef !important; }*/



.btn_gen { min-width:60px;
	border: none; margin:0px 10px 5px 0;
	font-family: inherit;
	font-size: 16px;
	background: none;
	cursor: pointer;
	display: inline-block;
	letter-spacing: 1px;
	font-weight: 700; padding: 12px 36px 12px 72px; 
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s; color: #fff; text-align:center;}

.btn_gen:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;}

.btn_gen:before{position: absolute; line-height:48px;	background: rgba(0,0,0,0.3);	height: 100%;	left: 0;	top: 0;	font-size: 140%; width: 48px;}

.btn_sml{ padding: 7px 6px 7px 36px !important;  font-size: 14px !important; min-width:40px !important; line-height:20px !important;}
.btn_sml:before { width: 30px !important; line-height:36px !important; height: 34px !important;}

.btn_ico{ padding: 7px !important;  font-size: 14px !important; min-width:40px !important; line-height:20px !important;}
.btn_ico:before { width: 30px !important; line-height:36px !important; height: 34px !important;}

.btn_sml0{ padding: 0px !important;  font-size: 14px !important; min-width:40px !important; line-height:32px !important;}
.btn_sml0:before { width: 30px !important; line-height:36px !important; height: 32px !important;}

.btn_grn, .btn_gen[att='1']{	background: #74b749;}
.btn_grn:hover, .btn_gen[att='1']:hover {	background: #4c9d2f;}
.btn_grn:active, .btn_gen[att='1']:active {	background: #90c971; top: 2px;}

.btn_blu, .btn_gen[att='2'] {	background: #0f95fa;}
.btn_blu:hover, .btn_gen[att='2']:hover {	background: #007edd;}
.btn_blu:active, .btn_gen[att='2']:active {	background: #4a91da; top: 2px;}

.btn_org, .btn_gen[att='3'] {	background: #ffa200;}
.btn_org:hover, .btn_gen[att='3']:hover {	background: #f4a100;}
.btn_org:active, .btn_foc button:focus, .btn_gen[att='3']:active {	background: #ffc767; top: 2px;}

.btn_gry, .btn_gen[att='4'] {	background: #999;}
.btn_gry:hover, .btn_gen[att='4']:hover {	background: #888;}
.btn_gry:active, .btn_gen[att='4']:active {	background: #ccc; top: 2px;}

.btn_red{	background: #f15151;}
.btn_red:hover{	background: #c73f3f;}
.btn_red:active{	background: #f47070;	top: 2px;}
.btn_gen[att='17']{background: #68adf5 !important;}

.btn_red{	background: #f15151;}
.btn_red:hover{	background: #c73f3f;}
.btn_red:active{	background: #f47070;	top: 2px;}
.btn_gen[att='21']{background: #da4336 !important;}

.btn_grn, .btn_gen[att='1']{	background: #74b749;}
.btn_grn:hover, .btn_gen[att='22']:hover {	background: #4c9d2f;}
.btn_grn:active, .btn_gen[att='22']:active {	background: #90c971; top: 2px;}
/*btn re open*/
 
  .btn_gen[att='23']:hover {	background: #f4a100;}
  .btn_gen[att='23']:active {	background: #ffc767; top: 2px;}

 /*btn disabled*/
 .btn_dis { cursor:not-allowed;}
 .btn_dis:after{background: #000;    width: 100%;    height: 100%;    opacity: 0.5;    top: 0px;    left: 0px;z-index:1;}

.btn_gen[att='1']:before, .btn_gen[att='31']:before{ content:"\f046"; }/*Submit or check*/
.btn_gen[att='2']:before {	 content:"\f0c7"; }/*Save*/
.btn_gen[att='3']:before{	 content:"\f129"; font-family: "foundation-icons";}/*Edit*/
.btn_gen[att='4']:before, .btn_gen[att='04']:before{	 content:"\f05e";}/*Cancel*/
.btn_gen[att='5']:before{	 content:"\f0b0";}/*Filter*/
.btn_gen[att='6']:before{	 content:"\f053";}/*Back*/
.btn_gen[att='7']:before{	 content:"\f054";}/*Next*/
.btn_gen[att='8']:before{	 content:"\f00d";}/*close*/
.btn_gen[att='9']:before{	 content:"\f007";}/*user*/
.btn_gen[att='10']:before{	 content:"\f002";}/*search*/
.btn_gen[att='11']:before{	 content:"\f003";}/*mail*/
.btn_gen[att='12']:before{	 content:"\f18d"; font-family: "foundation-icons";}/*view*/
.btn_gen[att='13']:before{	 content:"\f108"; font-family: "foundation-icons";}/*Draft*/
.btn_gen[att='14']:before{	 content:"\f182"; font-family: "foundation-icons";}/*delete document*/
.btn_gen[att='15']:before{	 content:"\f093";}/*upload*/
.btn_gen[att='16']:before{	 content:"\f090";}/*Sign in*/
.btn_gen[att='17']:before{	 content:"\f0c4";}/*crop*/
.btn_gen[att='18']:before{	 content:"\f067";}/*save and add*/
.btn_gen[att='19']:before{	 content: "\f188"; font-family: "foundation-icons";}/*move next*/
.btn_gen[att='20']:before{	 content:"\f0c0";}/*users*/
.btn_gen[att='21']:before{	    content: "\f011";}/*Shutdown*/
.btn_gen[att='22']:before{	    content: "\f234";}/*user add*/
.btn_gen[att='23']:before{    content: "\f115";}/*reopen*/
.btn_gen[att='24']:before{    content: "\f021";}/*refresh*/
.btn_gen[att='25']:before{	 content: "\f067";}/*add*/
.btn_gen[att='26']:before{	 content: "\f005";}/*star*/
.btn_gen[att='27']:before{ content: "\f087";}/*thumb up*/
.btn_gen[att='28']:before{ content: "\f088";}/*thumb down*/
.btn_gen[att='29']:before{	  content: "\f1e1";}/*share*/
.btn_gen[att='30']:before{	  content: "\f234";}/*Useradd*/
.btn_gen[att='31']:before{	  content: "\f0a2";}/*Notification bell*/
.btn_gen[att='32']:before{	  content: "\f00c";}/*check*/
.btn_gen[att='39']:before{	  content: "\f023";}/*lock*/
.btn_gen[att='40']:before{	  content: "\f13e";}/*unlock*/
.btn_grn, .btn_gen[att='32']{	background: #74b749;}
.btn_grn:hover, .btn_gen[att='32']:hover {	background: #4c9d2f;}
.btn_grn:active, .btn_gen[att='32']:active {	background: #90c971; top: 2px;}
.btn_gen[att='33']:before{	  content: "\f0ea";}/*copclipboard*/
.btn_gen[att='35']:before{	  content: "\f019";}/*download*/
.btn_gen[att='36']:before{	  content: "\f274";}/*calender_scheduled*/
.btn_gen[att='41']:before{	  content: "\f040";}/*Pencil*/
.btn_gen[att='42']:before{	  content: "\f0ce";}/*table*/
.btn_gen[att='43']:before{	  content: "\f1c3";}/*Excel*/
.btn_gen[att='44']:before{	  content: "\f1c1";}/*PDF*/
.btn_gen[att='48']:before{	  content: "\f03e";}/*image*/
.btn_gen[att='49']:before{	  content: "\f085";}/*image*/
.btn_gen[att='50']:before{	  content: "\f02f";}/*Print*/
.btn_gen[att='51']:before{	  content: "\f017";}/*Clock*/
.btn_gen[att='52']:before{	  content: "\f0b2";}/*Preview*/
.btn_gen[att='53']:before{	  content: "\f050";}/*Skip*/
.btn_gen[att='54']:before{	  content: "\f1ec";}/*Calculator*/
.btn_gen[att='55']:before{	  content: "\f110";}/*Loading*/
.btn_gen[att='56']:before{	  content:"";}/*Loading*/
.btn_gen[att='56']:after {	  content: "\f110"; -webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite;  position: absolute;    left: 0px;    z-index: 1;    width: 30px;    text-align: center;    line-height: 36px;    top: 0px;    font-size: 140%;}/*Loading Rotate*/

.btn_grd{background: #0f95fa; color:#fff; font-size:14px; padding:5px; font-weight:bold; position:relative; display:inline-block;}
.btn_grd_up:before{position:absolute; content:"\f0d8"; top:-12px; color:#0f95fa; left:0px; text-align:center; width:100%; font-size:18px;}
.btn_grd_down:before{position:absolute; content:"\f0d7"; bottom:-12px; color:#0f95fa; left:0px; text-align:center; width:100%; font-size:18px;}
.btn_grn, .btn_gen[att='33']{	background: #74b749;}
.btn_grn:hover, .btn_gen[att='33']:hover {	background: #4c9d2f;}
.btn_grn:active, .btn_gen[att='33']:active {	background: #90c971; top: 2px;}

.btn_0{width:100% !important; margin:0px !important; padding:6px 4% !important;}
.btn_0.btn_sml:before{height:32px !important;}
.dsbut > .btn_gen{ min-width:inherit  !important; width:34px; font-size: 20px !important; height:34px; letter-spacing: 0px !important; line-height:34px; margin:4px 0px 0px 5px !important; padding:0px !important; text-align:center; border-radius:50%; }
.dsbut > .btn_gen:before{background-color:transparent !important; line-height:34px !important; width: 34px !important; height:34px !important; font-size: 20px !important;}
.dsbut > .btn_gen > b{display:none;}
.tsk_lodimg img{margin:0 5px 5px 0;}
.group_trk_main p, .group_trk_main h5{white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.dropicoz{    margin: 50px 0 0;font-size: 20px;color: #00c55c;cursor:pointer;}