@import url("icon-font.min.css");
@import url("font-awesome.min.css");
@import url('theme.css');

/* 
	########################
	############ HEADER MAIN
	########################
*/
.headerMain
{
	background:#ffffff;
	height:55px;
	
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	box-shadow:         0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	position:relative;
	 z-index:1;
}
.headerMain .logo{height:55px;}
.headerMain .logo img
{
	vertical-align:middle;
	height:48px; width:auto;
}

.headerMain nav
{
	float:right;	
}
.headerMain nav li
{
	float:left;
	position:relative;
}
.headerMain nav li a
{
	height:55px;
	line-height:55px;
	color:#15212f;
	padding:0px 15px;
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
}
.headerMain nav li a:hover,
.headerMain nav li a.selected,
.headerMain nav li a.active
{
	
	color:#f03454;
	text-decoration:none;
}
.headerMain nav li ul li
{
	border-right:none;
}
.headerMain nav li ul li a
{
	color:#000000;
}


/* 
	########################
	############ FOOTER MAIN
	########################
*/
.footerMain
{
	background:#172432;
	height:60px;
	color:#ffffff;
	text-align:center;
	line-height:60px;
}

/*
	######################
	Sub Navigation Menu
	######################
*/
nav .ddsmoothmenu{padding:0px 0px 0px 0px;}
nav ul li a
{
	background:none; color:#FFF;
	border-bottom:none; 
	padding:17px 9px;
	box-sizing:border-box;
	display:block;
}
nav ul li a:hover,
nav ul li a.selected
{
	text-decoration:underline;
}
nav ul li ul
{
	position:absolute;
	width:180px!important;
	top:65px!important; 
	background:#ffffff;
	z-index:1000;
	border-top:1px solid #f3f3f3;
	
	-webkit-box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    0px 10px 5px 0px rgba(50, 50, 50, 0.35);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.35);
}
nav ul li ul li
{
	padding:0px; 
	float:none!important;
	width:100%;
}
nav ul li .last a
{
	border-bottom:none!important;
}
nav ul li ul li a
{
	display:block;
	font-size:17px;
	color:#000000;	
	border-bottom:1px dashed #d1d1d1;
	padding:12px 13px!important; 
	height:auto!important;
	line-height:20px!important;
	position:relative;
}
nav ul li ul li a:hover
{
	padding:12px 13px 12px 17px!important; 
	text-decoration:none;
}
nav ul li ul li:last-child a
{
	border:none!important;
}
nav ul li ul li a i
{
	font-size:13px!important;
	color:#000000;
	position:absolute;
	top:16px;
	right:10px;
}


/*
	######################
	Configuration Css
	######################
*/
.configuration{}
.configurationTabs
{
	text-align:center;
	padding:30px 0px;
}
.configurationTabs h1
{
	font-size:28px;
	padding-bottom:20px;
}
.configurationTabs .tabs
{
	background:#ffffff;
	display:inline-block;
	overflow:hidden;
	
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.configurationTabs .tabs a
{
	font-size:14px;
	color:#1c2b3a;
	padding:17px 20px 17px 45px;
	border-right:1px solid #e9e9e9;
}
.configurationTabs .tabs a:last-child
{
	border:none;
}

.configurationContent
{
	background:#ffffff;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.05);
	box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.05);
	
	padding:20px;
}

/* @@@@@@@@@@@@@@@@@@ Setting HELP */
.setHelp
{
	float:right;
	width:30%;
	padding-left:30px;
}


/* @@@@@@@@@@@@@@@@@@ Setting CONTENT */
.settings
{
	float:left;
	width:70%;
	border-right:1px solid #d5d5d5;
	padding-right:30px;
}
.settings .setTitle
{
	border-bottom:2px solid #ebeced;
	padding-bottom:15px;	
	margin-bottom:10px;
}
.settings h1
{
	font-size:25px;
	letter-spacing:0.3px;
	padding-left:50px;
	float:left;
}
.settings h1:before
{
	font-family: 'FontAwesome';
	content: "\f127";
	position:absolute;
	top:6px;
	left:13px
}

.settingButton
{
	text-align:center;
	height:60px;
}

.settings .switchery
{
	float:right;
}
.featuresRows
{
	padding:0px 8% 40px;
}
.featuresRows ul li
{
	border-bottom:1px dashed #d8d8d8;
	padding:30px 0px;
}
.featuresRows ul li .settingText
{
	float:left;
	width:60%;
}
.featuresRows ul li .settingText label
{
	font-size:17px;
	padding-bottom:2px;
}
.featuresRows ul li .settingText p
{
	font-size:14px;
	color:#616d78;
	line-height:19px;
	letter-spacing:0.2px;
}
.featuresRows ul li .settingControl
{
	float:right;
	width:30%;
}
.featuresRows ul li .settingControl select.value,
.featuresRows ul li .settingControl select.unit
{
	float: left;
	padding:10px;
}
.featuresRows ul li .settingControl select.unitbackup
{
	float: left;
	padding:10px;
}
.featuresRows ul li .settingControl select.value
{
	width:40%;
}
.featuresRows ul li .settingControl select.unit
{
	width:60%;
}
.featuresRows ul li .settingControl select.unitbackup
{
	width:95%;
}

/* @@@@@@@@@@@@@@@@@@ Setting Box */
.settingBox
{
	background:#ffffff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	overflow:hidden;
	margin-bottom:35px;
}
.settingBox h6
{
	background:#25ae7c;
	font-weight: 400;
	font-size:16px;
	padding:10px;
	color:#ffffff;
	position:relative;
	z-index:100;
}
.settingBox .setLink
{
	text-align:center;
	font-size:14px;
	padding:10px 10px 20px;
}
.settingBox .setLink a
{
	text-decoration:underline;
}
.settingBox .setList
{	
	font-size:14px;
}
.settingBox .setList .mCSB_container
{
	margin:0px;
}
.settingBox .setList ul
{
	margin:0px 15px;
}
.settingBox .setList ul li
{
	border-bottom:1px dashed #dcdcdc;
	padding:12px 0px;
	position:relative;
}
.settingBox .setList ul li .del
{
	position:absolute;
	top:8px;
	right:0px;
	width:27px;
	height:27px;
	text-align:center;
	line-height:25px;
}
.settingBox .setList ul li .del:after
{	
	font-family: 'FontAwesome';
	content: "\f1f8";
	font-size:17px;
	color:#d6dbdf;
}
.settingBox .setList ul.checkbox{}
.settingBox .setList ul.checkbox li label
{
	cursor:pointer;
}
.settingBox .setList ul.checkbox li label input
{
	position:absolute;
	top:12px;
	left:-20px;
}
.settingBox .setList ul.checkbox li label:after
{
	font-family: 'FontAwesome';
	content: "\f14a";
	font-size:17px;
	position:absolute;
	top:12px;
	right:0px;
	color:#dfdfe0;
}
.settingBox .setList ul.checkbox li label.active:after
{
	color:#192633;
}

.addNew
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:80;
	width:100%;
	height:80%;
	padding:15px;
}
.addNew span
{
	margin:66% 0px 0px 0px;
	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.45);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.45);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.45);
	width:100%;
	z-index:80;
	position:relative;
}
.addNew span input
{
	width:100%;
	padding:15px 10px;
}
.addNew span a
{	
	
	background:green;
	font-size:17px;
	position:absolute;
	top:0px;
	right:0px;
	color:#ffffff;
	width:35px;
	height:100%;
	text-align:center;
	line-height:45px;
}
.addNew span a:after
{
	font-family: 'FontAwesome';
	content: "\f00c";
}
.addNew .addOverlay
{
	background:rgba(255,255,255,0.8);
	position:absolute;
	top:0px;
	left:0px;
	z-index:60;
	width:100%;
	height:100%;
}

/* @@@@@@@@@@@@@@@@@@ SPlit Box */
.split3
{
	padding:20px 0px 80px;
}
.split3 .settingBox
{
	float:left;
	width:30.5%;
	margin-right:34px;
}

.lowProducttiveBox,
.newsGamesBox,
.customBox,
.customLinkBox
{
	float:right!important;
	margin:0px!important;
	
}

.customBox
{
	height:262px;
	text-align:center;
	line-height:262px;
}
/* @@@@@@@@@@@@@@@@@@ Coloerd Box */
.disabled
{
	 filter:blur(1.5px);
}
.disabled .overlayDisabled{display:block;}
.overlayDisabled
{
	background:rgba(255,255,255,0.6);
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:2000;
	display:none;
}

.highProductiveBox{}
.highProductiveBox h6{background:#28b575;}
.highProductiveBox .setLink a{color:#0d8f54;}
.highProductiveBox .addNew span a{background:#28b575;}

.mediumProductiveBox{}
.mediumProductiveBox h6{background:#ee6326;}
.mediumProductiveBox .setLink a{color:#ca450b;}
.mediumProductiveBox .addNew span a{background:#ee6326;}

.lowProducttiveBox{}
.lowProducttiveBox h6{background:#e83a3a;}
.lowProducttiveBox .setLink a{color:#c32525;}
.lowProducttiveBox .addNew span a{background:#e83a3a;}

.socialMediaBox{}
.socialMediaBox h6{background:#5985c8;}
.socialMediaBox .setLink a{color:#386bb9;}
.socialMediaBox .addNew span a{background:#5985c8;}

.videoBox{}
.videoBox h6{background:#df5555;}
.videoBox .setLink a{color:#ca3737;}
.videoBox .addNew span a{background:#df5555;}

.newsGamesBox{}
.newsGamesBox h6{background:#5ab7ad;}
.newsGamesBox .setLink a{color:#34948a;}
.newsGamesBox .addNew span a{background:#5ab7ad;}

.entertainmentBox{}
.entertainmentBox h6{background:#f39f1c;}
.entertainmentBox .setLink a{color:#cf8006;}
.entertainmentBox .addNew span a{background:#f39f1c;}

.jobsiteBox{}
.jobsiteBox h6{background:#aa42cc;}
.jobsiteBox .setLink a{color:#8323a2;}
.jobsiteBox .addNew span a{background:#aa42cc;}


/*
	######################
	Page = Manage Task
	######################
*/
.addTaskForm
{
	margin:0px 20%;
}
.addTaskForm .label{width:25%!important;}
.addTaskForm .value{width:75%!important;}

.addTaskForm .input
{
	width:100%!important;
}
.selectedMemberListing
{
	background:#fafafa;
	padding:10px;
	margin-top:10px;
	border:1px solid #f3f3f3;
}
.selectedMemberListing span
{
	background:#ffffff;
	border-radius:45px;
	padding:7px 10px 7px 15px;
	margin:5px;
	position:relative;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.20);
	-moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 0.20);
	box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 0.20);
}
.selectedMemberListing span a:before
{
	font-family:"FontAwesome";
	content:"\f00d";
	margin-left:10px;
}

/*
	######################
	Page = Manage Staff
	######################
*/
.addStaffForm
{
	margin:0px 20%;
}
.addStaffForm .label{width:25%!important;}
.addStaffForm .value{width:75%!important;}
.addStaffForm .input
{
	width:100%!important;
}
.staffListing{}
.staffListing ul
{
	border-top:1px solid #f0f0f0;
	border-left:1px solid #f0f0f0;
	border-bottom:2px solid #f0f0f0;
}
.staffListing ul li:nth-child(odd)
{
	background:#fbfbfb;
}
.staffListing ul li.title,
.staffListing ul li.title .col
{
	font-size:12px!important;
	font-weight:bold;
	text-transform:uppercase;
	height:auto;
	background:none;
}
.staffListing ul li .col
{
	float:left;
	border-bottom:1px solid #f0f0f0;
	border-right:1px solid #f0f0f0;
	padding:15px 15px;
	vertical-align:top;
	text-align:center;
	position:relative;
	height:70px;
}
.staffListing ul li .col a
{
	color:#000000;
}
.staffListing ul li .col1{width:20%; text-align:left;}
.staffListing ul li .col2{width:20%; font-size:18px;}
.staffListing ul li .col3{width:20%; font-size:18px;}
.staffListing ul li .col4{width:20%;} 
.staffListing ul li .col5{width:20%;}
.staffListing ul li .col6{width:10%;}
.staffListing ul li .col7{width:10%;}
.staffListing ul li .col8{width:10%;}
.staffListing ul li .col9{width:10%;}

.staffListing ul li .col1 span.avtar
{
	position:absolute;
	top:13px;
	left:13px;
}
.staffListing ul li .col1 label,
.staffListing ul li .col1 strong
{
	padding-left:52px;
}
.staffListing ul li .col1 label
{
	display:block;
	font-size:15px;
	font-weight:bold;
	color:#000000;
}
.staffListing ul li .col1 strong
{
	font-weight:normal;
	font-size:14px;
	color:#838384;
}

.staffListing ul li a.state span
{
	display:block;
	color:#000000;
}
.staffListing ul li a.state span strong
{
	font-weight:normal;
	color:#fb7a90;
}
.staffListing ul li .on{ color:#2b815c!important; }
.staffListing ul li .off{ color:#fb7a90!important; }

/*
	######################
	Page = view Graph Report
	######################
*/
.graphReportFor
{
	padding-bottom:35px;
}
.graphReportFor .user,
.dateTabes .user
{
	width:40%;
	float:left;
	padding-left:55px;
}
.graphReportFor .user span,
.dateTabes .user span
{
	position:absolute;
	top:0px;
	left:0px;
}
.graphReportFor .user label,
.dateTabes .user label
{
	font-weight:bold;
	font-size:18px;
	color:#f03454;
	display:block;
}
.graphReportFor .user strong,
.dateTabes .user strong
{
	font-weight:normal;
	font-size:14px;
}
.graphReportFor .dateOfRecord
{
	width:40%;
	float:right;
	padding-left:60px;
	text-align:right;
}
.graphReportFor .dateOfRecord a
{
	font-size:13px;
	text-decoration:underline;
	position:absolute;
	top:3px;
	right:0px;
	color:#15212f;
	z-index:1;
}
.graphReportFor .dateOfRecord label
{
	text-align:left;
	font-size:14px;
	position:relative;
	padding-right:95px;
}
.graphReportFor .dateOfRecord label span
{
	display:block;
	font-weight:bold;
	font-size:16px;
}
.graphReportFor .dateOfRecord label:before
{
	font-family:"linearicons-Free";	
	content:"\e836";
	font-size:30px;
	position:absolute;
	top:3px;
	left:-40px;
}

.viewGraphReport .tableGraph
{
	border-right:1px solid #e8e8e8;
	width:65%;
	float:left;
	padding-right:55px;
}
.viewGraphReport .tableGraph.appwatcher .col1{width:5%;}
.viewGraphReport .tableGraph.appwatcher .col2{width:20%;}
.viewGraphReport .tableGraph.appwatcher .col3{width:15%;}
.viewGraphReport .tableGraph.appwatcher .col4{width:60%;}

.viewGraphReport .tableGraph.appwatcher li.high .bar span{background:#28b575;}
.viewGraphReport .tableGraph.appwatcher li.medium .bar span{background:#fc9d2d;}
.viewGraphReport .tableGraph.appwatcher li.low .bar span{background:#e83a3a;}

.viewGraphReport .tableGraph.urlBlocker .col1{width:5%;}
.viewGraphReport .tableGraph.urlBlocker .col2{width:18%;}
.viewGraphReport .tableGraph.urlBlocker .col3{width:20%;}
.viewGraphReport .tableGraph.urlBlocker .col4{width:57%;}

.viewGraphReport .tableGraph.urlBlocker li.custom .bar span{background:#71e3f4;}
.viewGraphReport .tableGraph.urlBlocker li.newsGame .bar span{background:#5ab7ad;}
.viewGraphReport .tableGraph.urlBlocker li.socialMedia .bar span{background:#5985c8;}
.viewGraphReport .tableGraph.urlBlocker li.video .bar span{background:#df5555;}
.viewGraphReport .tableGraph.urlBlocker li.ecoomerce .bar span{background:#f39f1c;}
.viewGraphReport .tableGraph.urlBlocker li.jobSites .bar span{background:#aa42cc;}

.viewGraphReport .donutChart
{
	width:32%;
	float:right;
	text-align:center;
}
.viewGraphReport .appSettings
{
	padding-top:45px;
}
.viewGraphReport .appSettings h4
{
	font-weight:300;
	font-size:25px;
	text-align:center;
	padding-bottom:30px;
}
.viewGraphReport .appSettings .split3
{
	margin:0px 15%;
}
.viewGraphReport .appSettings .split3 label{cursor:default!important;}
.viewGraphReport .appSettings .split3 label:after{display:none;}

.viewGraphReport .dominListReport
{
	margin:6% 10% 2% 10%;
}
.viewGraphReport .dominListReport ul
{
	-webkit-box-shadow: 0px 0px 15px 0px rgba(5, 5, 5, 0.15);
	-moz-box-shadow:    0px 0px 15px 0px rgba(5, 5, 5, 0.15);
	box-shadow:         0px 0px 15px 0px rgba(5, 5, 5, 0.15);
}
.viewGraphReport .dominListReport .col1{width:4%;}
.viewGraphReport .dominListReport .col2{width:18%;}
.viewGraphReport .dominListReport .col3{width:18%;}
.viewGraphReport .dominListReport .col4{width:36%;}
.viewGraphReport .dominListReport .col5{width:12%;}
.viewGraphReport .dominListReport .col6{width:8%;}


/*
	######################
	Page = Screen Timeline
	######################
*/
.selectDate
{
	float:right;
	color:#1a2735;
	font-size:16;
	margin-top:16px;
}
.selectDate:before
{
	font-family:"Linearicons-Free";
	content:"\e836";
	margin-right:5px;
}
.dateTabes
{
	border-bottom:1px solid #e5e5e5;
	margin-bottom:45px;
	vertical-align:top;
	padding-left:220px;
}
.dateTabes .tabWrapper
{
	position:relative;
}
.dateTabes .control
{
	position:absolute;
	top:12px;
	z-index:2;
	font-size:24px;
	font-weight:bold;
	color:#083464;
}
.dateTabes .control:before
{
	font-family:"Linearicons-Free";
}
.dateTabes .control.prev:before
{
	content:"\e879";
}
.dateTabes .control.prev
{
	left:0px;	
}
.dateTabes .control.next:before
{
	content:"\e87a";
}
.dateTabes .control.next
{
	right:0px;
}
.dateTabes .lSPrev
{
	top:-30px;
	left:-36px!important;
}
.dateTabes .lSNext
{
	top:-30px;
	right:-36px!important;
}
.dateTabes .lSSlideWrapper
{
	margin-left:40px;
	margin-right:40px;
}
.dateTabes li a
{
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	padding:10px 20px;
	vertical-align:top;
	opacity:0.5;
	border-radius:5px 5px 0px 0px;
	position: relative;
}
.dateTabes li a:hover
{
	border-top:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
}
.dateTabes li a.active
{
	opacity:1;
	
	border-top:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
}
.dateTabes li a label
{
	display:block;
	font-size:15px;
	color:#1a2735;
}
.dateTabes li a span
{
	font-size:13px;
	color:#4a5e73;
}
.dateTabes li a span strong
{
	font-weight:normal;
	color:#f03454;
}
.dateTabes .user
{
	width:200px;
	position:absolute;
	top:5px;
	left:0px;
}
.screenTimeline:after
{
	font-family:"FontAwesome";
	content:"\f111";
	position:absolute;
	bottom:-14px;
	left:90px;
	color:#eaeaea;
}
.screenTimeline
{
	background:url("../../images/timline_bg.png") repeat-y scroll 75px 0px;
	padding-bottom:45px;
	margin-bottom:45px;
}
.pcName
{
	margin-bottom:15px;
}
.pcName label
{
	width:192px;
	text-align:center;
	border-bottom:10px solid #ffffff;
}
.pcName label span
{
	background:#f03454;
	color:#ffffff;
	padding:5px 20px;
	font-weight:bold;
	font-size:13px;
	position:relative;
	top:0px;	
}
.pcName label span:before
{
	font-family:"FontAwesome";
	content:"\f0d7";
	color:#f03454;
	position:absolute;
	bottom:-12px;
	left:42%;
	font-size:20px;
}
.timeRow
{
	padding-left:125px;
	position:relative;
	padding-top:10px;
	margin-bottom:45px;
}
.timeRow label
{
	font-weight:bold;
	font-size:14px;
	position:absolute;
	top:20px;
	left:0px;
}
.timeRow:after{content:" "; clear:both;}

.timeRow ul li
{
	width:calc(100%/10);
	float:left;
}
.timeRow ul:after{content:" "; clear:both; display:block; width:100%;}

td.action {
    position: relative;
    text-align: center;
}
.btn-group .dropdown a i {
    width: 25px;
    height: 25px;
    background: url(../../images/action-sprite.png);
    background-size: 24px;
    background-position: -2px 2px;
}

.timeRow ul li a
{
	background:#ede9ea;
	margin:8px;
	border-radius:5px;
	overflow:hidden;
	height:90px;
	vertical-align:middle;
	line-height:90px;
        display: block;
		cursor:pointer;
}
.timeRow.smallThumb ul li
{
	width:calc(100%/20);
}
.timeRow.smallThumb ul li a
{
	height:35px;
	line-height:30px;
}
.timeRow ul li img
{
	object-fit:cover;
	width:100%;
	height:90px;	
	vertical-align:middle;
}
.table.dataTable td.action a {
    color: #1A1A1A;
}
.threeDotsColumn {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
}
.threeDotsColumn span {
    width: 3px;
    height: 3px;
    background-color: #868FA0;
    border-radius: 50%;
}
.btn-group {
    position: relative;
    display: inline-block;
}
.btn-group .dropdown{
	background:#fff;
	border:1px solid rgba(0, 0, 0, 0.15); border-radius:5px;
	position:absolute; top:33px; right:0;
	z-index:1000;
	opacity:0;
	overflow:hidden;
	transform:scale(1, 0);
	transform-origin:top center;
	box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
	width:200px;
	transition: all 0.3s ease-out;
}

.btn-group .dropdown a{
	padding:10px 15px;
	/*display:block;*/ display:flex;
	border-bottom:1px solid rgba(0, 0, 0, 0.05);
	color:#646e7c;
	font-weight:400;
	text-align:left;
}
.btn-group .dropdown a i{
	width:25px; height:25px;
	background: url('../../images/action-sprite.png');
	background-size:24px;
	background-position:-2px 2px;
}
.btn-group .dropdown a:hover {background:#f9f9f9;}
.btn-group .dropdown .divider{background:#e9ecef; width:100%; height:2px; padding:0;}
.btn-group .dropdown a.del{color: #e36666;}
/*i.fa-fw{color: #2877d0;}
i.fa-exchange 	{color: #8a770eb2; padding-right:6px;}
i.fa-map-marker	{color: #e36666; font-size:15px;}
i.fa-pencil		{color: #6ac9a4; padding-right:6px;}
i.fa-trash 		{color: #e36666; padding-right:6px;}
i.fa-plus		{color: #008222; font-size:18px;}
i.fa-image		{color: #0c2e8a; font-size:60px;}
i.fa-user 		{color: #fff; margin-right:6px; font-size:16px;}
i.fa-eye 		{color: #09c0ea;}
i.fa-file-text-o{color: #518ef8; font-size:35px; padding-bottom:6px;}
i.fa-user-o{font-size:15px;}
i.fa-times{color:#fff; font-size:15px; padding: 6px 8px;}
i.fa-bell{color:blue;}
i.fa-warning{top:7px ;left:2px;}
i.fa-camera:before{font-size:30px;}*/
.btn-group:hover .btn{
	background:url("../../images/action_more_active.png") no-repeat #fff;
	background-position:center;
	background-size:22px;
	background-color:#2D3E50;
}
.btn-group:hover .btn:after{opacity:0;}
.btn-group:hover .dropdown{height:auto; opacity:1; transform:scale(1, 1);}
.btn-group:hover .dropdown:after{opacity:0;}

.inlineActonLink{display:flex; align-items:center; gap:16px;}
.inlineActonLink a{display:flex; align-items:center;}
.inlineActonLink a i{
	width:25px; height:25px;
	background: url('../../images/action-sprite.png');
	background-size:24px;
	background-position:-3px -42px;
	background-repeat:no-repeat;
}

/*==============*/
.btn-group .dropdown a .edit{background-position:-2px -41px;}
.btn-group .dropdown a .delete{background-position:-2px -129px;}
.btn-group .dropdown a .changeStatus{background-position:-2px -84px;}
.btn-group .dropdown a .addNotes{background-position:-2px -171px;}
.btn-group .dropdown a .assetsListing{background-position:-2px -212px;}
.btn-group .dropdown a .warrantly{background-position:-2px -254px;}
.btn-group .dropdown a .maintenance{background-position:-2px -298px;}
.btn-group .dropdown a .ticketListing{background-position:-2px -343px;}
.btn-group .dropdown a .checkInListing{background-position:-2px -384px;}
.btn-group .dropdown a .assetRenewalListing{background-position:-2px -427px;}
.btn-group .dropdown a .linkAsset{background-position:-2px -469px;}
.btn-group .dropdown a .markRenew{background-position:-2px 67px;}
.btn-group .dropdown a .cancelRenew{background-position:-2px 26px;}


.btn-group {
    display: block;
    width: 100%;
    height: 100%;
}