/*html::-webkit-scrollbar {
    display: none;
}*/

::placeholder{
	color:#c3c3c3 !important;
}

.disabled-e{
	pointer-events: none;
	opacity:0.6;
	cursor:not-allowed;
}

.pointer{
	cursor:pointer;
}

.cursor-info{
	cursor:help;
}

.cursor-default{
	cursor:default;
}

.input-group .fa-mobile-alt{
	padding: 4px 3px;
}

.employee-list img{
	border-radius: 50%;
	display: inline;
	width: 2.5rem;
}


.elementsListingFilter .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #00c9f7;
    box-shadow: none;
}


.resultsTable th:first-child{
	width:50px;
}

.userHref{
	color:#005db9;
}

.userHref:hover{
	color:#4ba5ff;
}

.pagination {
    display: inline-block;
	margin:0px 0px;
	background-color:#E5EBEF;
}

.pagination a {
    color: black;
    float: left;
    padding: 4px 8px;
    text-decoration: none;
}

.pagination span {
    color: black;
    float: left;
    padding: 4px 8px;
    text-decoration: none;
}


.pagination span.current {
    float: left;
    padding: 4px 8px;
    background-color: #0D8FD8;
    color: white;
    border-radius: 2px;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
    border-radius: 2px;
}

.removeUsr{
	color:#fff !important;
}



.datepicker td,
.daterangepicker td,
.datepicker th,
.daterangepicker th {
	border-radius: 0!important;
	font-size: 17px
}

.datepicker td.active,
.daterangepicker td.active,
.datepicker td.active:hover,
.daterangepicker td.active:hover {
	background: #2283c5!important
}

.datepicker td.active.disabled,
.daterangepicker td.active.disabled,
.datepicker td.active.disabled:hover,
.daterangepicker td.active.disabled:hover {
	background: #8b9aa3!important
}

.datepicker td,
.datepicker th {
	min-width: 34px;
	height: 30px !important;
}

.datepicker-months .month,
.datepicker-years .year {
	border-radius: 0!important
}

.datepicker-months .month.active,
.datepicker-years .year.active,
.datepicker-months .month.active:hover,
.datepicker-years .year.active:hover,
.datepicker-months .month.active:focus,
.datepicker-years .year.active:focus,
.datepicker-months .month.active:active,
.datepicker-years .year.active:active {
	background-image: none!important;
	background-color: #2283c5!important
}

.bootstrap-timepicker-widget table td input {
	width: 32px
}

.bootstrap-timepicker-widget table td a:hover {
	border-radius: 0
}

.well .datepicker table tr td.day:hover {
	background-color: #7d8893;
	color: #FFF
}

.if-9{
	font-size:9px !important;
}

.if-10{
	font-size:10px !important;
}

.if-11{
	font-size:11px !important;
}

.if-12{
	font-size:12px !important;
}

.if-13{
	font-size:13px !important;
}

.if-14{
	font-size:14px !important;
}

.if-15{
	font-size:15px !important;
}

.if-16{
	font-size:16px !important;
}

.if-17{
	font-size:17px !important;
}

.if-18{
	font-size:18px !important;
}

.if-19{
	font-size:19px !important;
}

.deadline-label{
	font-size: 85%;
	font-weight:500;
}

a.dark{
	color:#216198  !important;
}

a.dark:hover{
	color:#007bff !important;
}

a.black{
	color:#000  !important;
}

a.black:hover{
	color:#000 !important;
}

.btn-prCon{
	padding:4px 14px;
}

.listingDeadlineLabel{
	font-size: 0.90rem;
}

.dashboardDeadlineLabel{
	font-size: 0.85rem;
	padding: 0px 2px;
	border: 1px solid;
	border-radius: 3px;
}

.table td{
	vertical-align: middle;
}

.fs-90prc{
	font-size:90%;
}

.task-collapse-bt{
	padding: 1px 4px;
    font-size: 65%;
    border: 1px solid #c1c1c1;
    color: #676767;
}

/* modalbox */
.myCustomModal .modal-header{
	padding: 7px 20px;
}

/* end modal box */

.new_task_work_label{
	background: #eeeeee80;
	padding: 0px 15px 3px;
	border-radius: 4px;
}

.progress, .progress-bar{
	border-radius: 2px;
}

.br-3{
	border-radius:3px;
}

.bt-none{
	border-top:none;
}

.mouse-disable{
	pointer-events: none;
}

img{
	pointer-events: none;
}

.progress_sec{
	height:40px;
}

.dashProdImg{
	height:50px;
	width:50px;
	border-radius: 4px;
	background: #eee;
	text-align:center;
}

.dashProdImg i{
	line-height: 50px;
    font-size: 30px;
}

.brand-link .brand-image i{
	color:black;
    font-size: 37px;
}

.brand-link .brand-image .icon2{
	position: absolute;
    color: #ffc107!important;
    left: 27px;
    font-size: 26.5px;
    top: 15.3px;
}

.brand-link .brand-text{
	font-size: 18.6px;
}

.gifVideo img{
	width: 52px;
    border-radius: 4px;
}