/* ACTION BUTTON */
.icon-act, .icon-still, .icon-still-ck{
	cursor: pointer;
    line-height: 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    overflow: hidden;
}
.icon-still{
	width: 13px;
}
#icon-act-hover:hover, .icon-active{
	position: relative;
    left: -37px;
}
.icon-act-still{
	position: relative;
    left: -13px;
}
.icon-act-still-ck{
	position: relative;
    left: -16px;
}
#icon-act-hover, #icon-still{
	width: 200%;
}
.subnavbar .container > ul > li > a:hover #icon-act-hover{
	position: relative;
    left: -37px;
}

/*Edited - Jorelle - 11-20-19*/

/*NEW ICONS CLASS*/
.icon-toggle{
	font-size: 20px;
    color: #96c947;
}

.icon-small, .icon-small-cb, .icon-small-rb, .icon-medium {
	height: 25px;
    width: 25px;
    color: #96c947;
    font-size: 16px;
    border: 1px solid #96c947;
    border-radius: 5px;
    background-color: #fff;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}
.icon-small-cb{
	height: 20px;
    width: 20px;
    font-size: 13px;
}
.icon-small-rb{
	height: 20px;
    width: 20px;
    border-radius: 50%;
    font-size: 9px;
}
.icon-small:hover{
	 color: #fff;
	 background-color: #96c947;
}
.calendar-icon-small{
	position: absolute;
    top: 30px;
    right: 15px;
    color: #96c947;
    pointer-events: none;
}
.calendar-icon-small.dashboard{
	top: 38px;
    right: 23px;
}
.calendar-icon-small.filters{
	top: 21px;
}

.icon-medium {
	width: auto;
	height: auto;
    font-size: 12px;
    padding: 3px;
    border-radius: 3px;
    font-weight: bold;
}

.icon-medium:hover {
	color: #fff;
	background-color: #96c947;
}

.filter-calendar-icon-small{
	position: absolute;
    top: 20px;
    right: 15px;
    color: #96c947;
}

/*END*/
.btn-rep{
	cursor: pointer;
    line-height: 0;
    display: inline-block;
    /*width: 70px;*/
    overflow: hidden;
}
#btn-rep-hover:hover{
	position: relative;
    left: -70px;
}
#btn-rep-hover{
	width: 200%;
}

.btn-act, .btn-still, .btn-still-ck{
	cursor: pointer;
    line-height: 0;
    display: inline-block;
    width: 25px;
/*    height: 20px;*/
    overflow: hidden;
    border-collapse: separate;
}
.btn-still{
	width: 13px;
}
#btn-act-hover:hover{
	position: relative;
    left: -25px;
}
.btn-act-still{
	position: relative;
    left: -13px;
}
.btn-act-still-ck{
	position: relative;
    left: -16px;
}
#btn-act-hover{
	width: 200%;
}

.cr-icon, .cr-still, .cr-still-ck{
	cursor: pointer;
    line-height: 0;
    display: inline-block;
    width: 23px;
    height: 25px;
    overflow: hidden;
}
.cr-still{
	width: 13px;
}
.cr-icon-active{
	position: relative;
    left: -23px;
}
.cr-icon-still{
	position: relative;
    left: -13px;
}
.cr-icon-still-ck{
	position: relative;
    left: -16px;
}
#cr-icon-hover, #de-icon-hover{
	width: 200%;
}
.de-icon-active{
	position: relative;
    left: -40px;
}
.de-icon{
	cursor: pointer;
    line-height: 0;
    display: inline-block;
    width: 40px;
    height: 19px;
    overflow: hidden;
}
.border-gray {
    border-radius: unset;
    box-shadow: none;
	border: 1px solid #cccccc;
	border-radius: 3px;
}

.border-bottom-gray {
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: unset;
    box-shadow: none;
	border-bottom: 2px solid #b4b4b4;
	background: transparent;
	/* width: unset; */
}
.border-bottom-white {
    
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: unset;
    box-shadow: none;
	border-bottom: 2px solid white;
}
.border-bottom-blue {
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: unset;
    box-shadow: none;
	border-bottom: 2px solid #96C947; /*green*/
	background: transparent;
	/* width: unset; */
}
.border-bottom-red {
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: unset;
    box-shadow: none;
	border-bottom: 2px solid #ff6d6d;
	background: transparent;
	/* width: unset; */
}
.custom-textarea{
	height: 31px;
    min-height: 31px !important;
	overflow:hidden;
	}

.table-fixed-col table {
	border-collapse:separate; 
	width:100%;
	}
.table-fixed-col td {
	margin:0;
	border-top-width:0px; 
	white-space:nowrap;
	padding: 10px 10px;
	}
/*
table tr td:nth-child(4){
	width:200px;
	}
*/
.temp{
	width:200px;  
	}
.temp2{
	width:45px;  
	}
.temp3{
	width:135px;  
	}
.table-fixed-col { 
	width: 100%; 
	overflow-x:scroll;  
	margin-right:5em; 
	overflow-y:visible;
	padding-bottom:8px; 
	}
.headcol {
	position:absolute; 
	width:75px; 
	right:150px;
	top:auto;
    border-left: 1px solid #cccccc;
	background-color: #ffffff;
	}
.headcol2 {
	position:absolute; 
	width:75px; 
	right:75px;
	top:auto;
	background-color: #ffffff;
	}

.headcol3{
	position:absolute; 
	width:75px; 
	right:0;
	top:auto;
	background-color: #ffffff;
	}
.headcol3-left {
	position:absolute; 
	width:75px; 
	left:0;
	top:auto;
	/*background-color: #ffffff;*/
	}

.table-fixed-col thead .headcol, .table-fixed-col thead .headcol2, .table-fixed-col thead .headcol3,.table-fixed-col thead .headcol3-left{
	background-color: #4b6584;
    white-space: unset;
    padding: 4px 10px;
    text-align: center;
	}
.table-fixed-col thead .headcol3, .table-fixed-col thead .headcol3-left{
	 padding: 10px !important;
	}
.table-fixed-col tbody .headcol, .table-fixed-col tbody .headcol2, .table-fixed-col tbody .headcol3, .table-fixed-col tbody .headcol3-left{
    padding: 5px 0px 0px !important;
	}
	
.table-fixed-col .drop-selection{
	margin-top: -7px;
	}

.table-fixed-col tbody td{
	padding: 8px 10px;
	}	
	
.table-fixed-col textarea{
	margin-top: -7px;
    margin-bottom: -7px;
	width:200px;
	resize:none;
	}
.temp-disable{
	opacity: 0.5;
	pointer-events:none;
	}
.cat-wrap{
	width:200px;
	}
 .cat-wrap .category{
	padding: 6px 0;
	border: solid 1px #cccccc;
	}
 .cat-wrap .active{
	background-color: #96c947;
	border: solid 1px #8bc947;
	color: #ffffff;
	}
 .cat-wrap .category:nth-child(1){
	border-right:none;
	border-radius: 5px 0 0 5px;
	}
 .cat-wrap .category:nth-child(2){
	border-left:none;
	border-radius: 0px 5px 5px 0px;
	}
@-moz-document url-prefix() {
    .btn .caret {
		margin-top: -10px !important;
		}
	.dropdown-submenu .fa-caret-right{
		margin-top: -16px;
		}
}
.g-title{
    position: absolute;
    left: 15px;
    top: -7px;
    background: white;
    z-index: 1;
    font-size: 12px;
    text-align: center;
   /* font-weight: bold;*/
	padding-right: 10px;
    padding-left: 10px;
}
 /*table-fixed-col tbody .p-10-imp{
	padding: 10px 0px 0px !important;
}
table-fixed-col tbody .p-5-imp{
	padding: 10px 0px 0px !important;
}*/

.rep-disabled{
	pointer-events: none;
    opacity: 0.6;
}

@media (max-width: 1124px) {
	.icon-act, .icon-still, .icon-still-ck{
		width: 30px;
   		height: 30px;
	}
	#icon-act-hover:hover, .icon-active{
		position: relative;
		left: -30px;
	}
	.subnavbar .container > ul > li > a:hover #icon-act-hover{
		position: relative;
		left: -30px;
	}
} 

@media all and (max-width: 1125px) and (min-width: 991px) {
	.cat-wrap{
		width: 165px;
		}
}

@media (max-width: 990px) {
	.cat-wrap{
		width: 185px;
		}
}