/*Login Page*/
@font-face {
	font-family:"Open Sans";
	src:url('..fonts/open-sans.bold.ttf') format('truetype');
}
body{ padding:0px; margin:0px; font-family:Open Sans, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background-color:#ffffff;}
div, table { word-wrap: break-word;
}
.login_bg{ background-image:url(../images/login_bg.jpg); background-repeat:no-repeat; background-position:center bottom;}
.login_logo{ padding:50px 0px;}
.login_body{ background-image:url(../images/opacity_bg.png); border:1px solid #e5e4e4; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; padding:22px; margin-bottom:140px;}
.welcome{margin:60px 0px;}
.clear{ clear:both;}
.btn{ font-size:14px;}

.footer{ background-color:#ecebeb; position:fixed; bottom:0; width:100%;}
.footer { text-align:center;}
.footer  span{ line-height:28px; padding:15px 0px; font-size:12px;}

@media(max-width:720px)
{
.login_bg{ background-image:none;}
.login_logo{ padding:10px 0px;}
.welcome{margin:10px 0px;}
.display{ display:none;}
}


/*Home Page*/
.header{ background-color:#fff; padding:1px 0px; border-bottom:1px solid #ccc;margin-bottom:12px}

.body_part{ margin:12px 0px; min-height:500px;overflow:auto}
.list-group .active,.list-group .active:hover{ background-color:#ed7d31; border: 1px solid #ddd;}
.list-group .active a{color:#fff;}
.list-group li {padding:0;margin:0}
.list-group li a{ color:#555555; font-weight:bold;text-decoration:none;padding:14px;line-height:30px}
.list-group span{ color:#555555; font-size:8px;padding:14px;}
.list-group .active span{ color:#fff; font-size:8px}
.list-group .active i{color:#555555}
.list-group li ul {margin:0;padding:0;background-color:#fff;color:#000;list-style-type:none;}
.list-group li ul li a{color:#000!important; }
.list-group li ul li:hover a{color:#000; }
.search_place{ background-color:#f9fbf7; padding:6px;}
.btn-sm{ padding:0px 10px;}
.btn-xs{ padding:0px 6px; line-height:1.3; font-size:12px;}
label{font-weight: normal;}
.panel{ border:0px;}
.custom .panel-body{ padding:0px;}
.panel-collapse{ border:1px solid #ecebeb;}
.panel-default>.panel-heading {
color: #ffffff;
background-color: #ed7d31;
padding:6px 10px;

}
.panel-title{ font-size:14px;}
.table>tbody>tr>td{ padding:0px 4px; color:#555555;}
.table>thead>tr>th{ padding:6px 4px; color:#555555;}
.input-sm,select.input-sm{ height:22px; padding:0px 10px; max-height:22px;}
.pagination{ margin:0px;}
.pagination-sm>li>a, .pagination-sm>li>span {
padding: 0px 10px;}
.table-striped>tbody>tr:nth-child(odd) {
background-color: #f4f7f1!important;
}
.table-striped>tbody>tr:nth-child(even) {
background-color: #fff!important;
}
.table{ margin-bottom:6px;}
.form-group .col-sm-5, .form-group .col-sm-7,  .form-group .col-sm-9 {
    margin-bottom:5px;
}
.form-horizontal .control-label{ padding-top:0px;}
.buttons_div{margin-top:10px; clear:both; padding-top:6px; border-top:1px solid #f5f5f5;}
@media(min-width:999px)
{
.table_div{ padding-left:0px;}
.custom .form-group{ margin-bottom:0px;}
.display{ display:none;}
}
@media(min-width:720px)
{
.min-width{ min-width:999px;}
}
input[type="checkbox"], .checkbox {
 margin:0px;}

table input[type="checkbox"], table .checkbox {
 margin:4px 0px 2px 0px;}

.alert {
    padding:4px;
    margin-top:12px;
}


.ul_dropdown{ margin:0; padding:0; list-style-type: square; list-style-position:inside;}
.ul_dropdown li{ line-height:24px; border-top:1px solid #f4f4f4; padding:0px 4px;}
.ul_dropdown li:hover,.ul_dropdown li .active{ background-color:#f4f4f4;}
.ul_dropdown li a{ color:#555555; font-weight:normal;}
.ul_dropdown li a:hover{ text-decoration:none;}


.table tr th a{ color:#555555;}
.table tr th a:hover{ color:#5cb85c;}
.table tr td a, .table tr td a:hover{ color:#5cb85c;}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.pagination li a {
    color: #000!important;
}

.operations a {
   margin-right:8px;
}
.panel-title .btn {
    color:#555555;
    font-weight:bold;
}
/*.panel-title {
    letter-spacing: 1px;
}*/

.glyphicon-star { color:red; font-size:6px; top:0px; margin-left:-5px;}

.trshow[style] {display: table-row !important;
}
.editmas90 {
color:#5CB85C;
}
.noneditmas90 {
color:#000;
}
 .welcome_home {
    font-weight: bold;
    margin:3px 60px 3px 0px;
}
        .dropdown-menu.open {
        left: 0;
        right: 0;
    }

.welcome_home img {
    width: 23px;
    height: 22px;
    border-radius: 22px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    vertical-align: middle;
}
.main_content {
border:1px solid #ddd;
border-top-left-radius:4px;
border-bottom-left-radius:4px;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
}
    .main_content .panel-group {
       border:none;
    }
.min-select-field select {

min-width:93px;
border:none!important;
background:transparent!important;
}
.content-scroll {
overflow:auto;
}
.mandatory {
    border-left:3px solid red !important;
}
.btn-app {
background-color: #ed7d31!important;
border:none!important;
color:#fff!important;
}
.btn-app-header {
background-color: #fff!important;
border:none!important;
color:#ed7d31!important;
}
i {
    color:#ed7d31!important;
}
.sidebarnav {border:1px solid #ddd;border-radius:4px}
.sidebarnav ul {margin:0;padding:0;list-style-type:none;}
.sidebarnav ul li{}
.sidebarnav ul li a{color:#000;text-decoration:none;padding:10px 15px;display:block;border-bottom:1px solid #ddd}
.sidebarnav ul li i{color:#000!important;text-decoration:none;padding:10px 15px;display:block;border-bottom:1px solid #ddd;font-style:normal;}
.sidebarnav ul li:hover a{ background-color: #ed7d31; color:#fff; }
.sidebarnav ul li:hover i{ background-color: #ed7d31; color:#fff!important;font-style:normal; }
.sidebarnav ul li.active a{background-color: #ed7d31; color:#fff;   }
.sidebarnav ul li.active i{background-color: #ed7d31; color:#fff!important;font-style:normal;   }
.sidebarnav ul li.active ul li a {background-color: #fff;color:#000;    }
.sidebarnav ul li ul li a {background-color: #fff;color:#000;    }
.sidebarnav ul li.active ul li:hover a {background-color: #f4f4f4;   color:#000; }
.sidebarnav ul li:hover ul li a {background-color: #fff;color:#000;    } 
.sidebarnav ul li ul li:hover a,.sidebarnav ul li ul li.active a {background-color: #f4f4f4; color:#000;   }

 #loadingDiv {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 9999;
            background-image: url(../Images/background_mask.png);
            
        }

        .ajax-loader {
            position: absolute;
            left: 46%;
            top: 46%;
            margin-left: -32px; /* -1 * image width / 2 */
            margin-top: -32px; /* -1 * image height / 2 */
            display: block;
            width: 170px;
            padding: 10px;
            border-radius: 6px;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
        }

        .table.outer-table tbody:nth-child(odd)  {
background-color: #fff;
}
         .table.outer-table tbody:nth-child(even)  {

background-color: #f4f7f1;
}
         
.hidden_more_table
{
    border: 4px solid #ed7d31!important;
    padding: 0px;
    margin-left: 22px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    max-height:400px;
    overflow:auto;
    margin-bottom:4px;
    margin-top:4px;
}

    .hidden_more_table .table
    {
        margin-bottom: 0px;
    }

    .hidden_more_table span.arrow_mark
    {
        color: #2a7290;
        font-size: 16px;
        position: absolute;
        right: 64px;
        margin-top: -16px;
    }
.paramSettings {
display:none;
}
@media(min-width:768px) {
    .right-panel-control {
    padding-left:0px;
    }
    
}

@media(min-width:768px) {
    .eight_hp {
    width:800px;
    }
     .four_hp {
    width:400px;
    }
     .nine_hp {
    width:900px;
    }
     .ten_hp {
    width:1000px;
    }
    
}
@media(max-width:768px) {
    .eight_hp,.four_hp,.nine_hp,.ten_hp{
    width:auto;
    }
    .Client_Sunmit {
    margin-top:4px;
    }
    
}
.hidden_more_table1 {

    border: 4px solid #ed7d31!important;
    padding: 0px;
    margin-left: 22px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    overflow:auto;
    margin-bottom:4px;
    margin-top:4px;
}
.hidden_more_table1 .table
    {
        margin-bottom: 0px;
    }

    .hidden_more_table1 span.arrow_mark
    {
        color: #2a7290;
        font-size: 16px;
        position: absolute;
        right: 64px;
        margin-top: -16px;
    }
.selectize-input {
padding:1px 0px 1px 15px;

}
.selectize-control.single .selectize-input {
background-color:#fff;
background-image:none;
}
.selectize-control.single .selectize-input:after {
    position: absolute;
    top: 24%;
    right: 6px;
    display: block;
    width: 0;
    height: 0;
    margin-top: 3px;
    border-color: #808080 transparent transparent transparent;
    border-style: solid;
    border-width: 6px 3px 0 4px;
    content: ' ';
}
.selectize-dropdown {
    position: absolute;
    z-index: 10;
    margin: -6px 0 0 0;
    background: #ffffff;
    border: 1px solid #d0d0d0;
    border-top: 0 none;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.selectize-dropdown, .selectize-input, .selectize-input input {
    font-size:12px;
}
.selectize-control.single .selectize-input, .selectize-dropdown.single {
    border-color: #ccc;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
    .selectize-dropdown .active {
    background:none;
    }
.form-group {
margin-bottom:3px!important;
}
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
color:#ed7d31!important;
}
.ui-select-container {
height:22px;
}
.selectize-input.disabled {
   opacity:1!important;
}
.table-striped>tbody>tr:nth-child(even).rowBold, .table-striped>tbody>tr:nth-child(odd).rowBold{
font-weight:bold!important;
font-size:14px;
}

.cropArea {
  background: #E4E4E4;
  overflow: hidden;
  width:560px;
  height:350px;
}

/* Humanity Start*/

#_nav {
	white-space: nowrap;	
	width: 54px;
	height: 100%;
	color: #ed7d31!important;
	background: #fff;
	overflow: hidden;
	min-height: 550px;
	font: 100 14px 'Roboto', sans-serif;
}

#_nav:hover {
	transition: all .17s ease;
}

#_topnav {
	z-index: 9999;
	padding-left: 186px;
	padding-top: 0;
	background-color: #f8f8f8;
	height: 119px;
	border-bottom: 1px solid #e1e1e1;
	font: 400 18px 'Roboto', sans-serif;
	text-transform: capitalize;
}

#_nav ._navBottom {
	position: absolute;
	left: 0;
	bottom: 10px;
}

#_nav .bottom_nav {
	position: absolute;
	left: 0;
	bottom: 65px;
}

.qtip-pnav {
	font-size: 13px !important;
	font-family: 'Roboto', sans-serif !important;
	font-weight: 300 !important;
	padding: 5px !important;
	color: #fff !important;
	border: 1px solid #333 !important;
	background-color: #333 !important;
}

#_notifycount {
	position: absolute;
	font-size: 9px;
	font-weight: 400;
	background: red;
	padding: 0 4px;
	color: #fff;
	cursor: pointer;
	display: none;
	border-radius: 8px;
	top: 6px;
	right: 25%;
	line-height: 16px;
}

#_topnav button {
	display: none;
	border: 1px solid #2b8ead;
	color: #fff;
	font-size: 13px;
	border-radius: 2px;
	text-shadow: none;
	cursor: pointer;
	float: right;
	margin-right: 18px;
	background-color: #3ea3cc;
	padding: 8px 12px 8px 12px;
	margin-top: 72px;
}

#_topnav button:hover {
	display: none;
	-moz-box-shadow: 0px 0px 5px #888;
	-webkit-box-shadow: 0px 0px 5px #888;
	box-shadow: 0px 0px 5px #888;
}

#act_dropdown {
	position: absolute;
	top: 69px;
	right: 20px;
	width: 191px;
	background: #fff;
	border: 1px solid #D6D6D6;
	z-index: 10030;
	margin: 0;
	padding: 0px;
	margin-top: 50px;
	overflow: hidden;
	display: none;
}

#act_dropdown ul {
	margin-bottom: 15px;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#act_dropdown li {
	padding: 12px 5px 12px 8px;
	font-size: 12px;
	cursor: pointer;
	border-bottom: 1px solid #D6D6D6;
	color: #666;
	margin: 0;
	line-height: 20px;
}

#act_dropdown li.last {
	border-bottom: none;
}

#act_dropdown li:hover {
	-moz-box-shadow: 0px 0px 5px #888;
	-webkit-box-shadow: 0px 0px 5px #888;
	box-shadow: 0px 0px 5px #888;
}

#act_dropdown .navigator-icon {
	margin: 0 12px 0 5px;
	font-size: 15px;
	position: relative;
	top: 2px;
}

#act_dropdown li img {
	margin: 0 12px -3px 4px;
}

#act_dropdown i {
	font-size: 16px;
	margin: 0 12px -3px 4px;
}

#act_dropdown .dropdown-copy-datapoints {
	display: none;
}

#act_dropdown.visible-copy-datapoint .dropdown-copy-datapoints {
	display: block;
}

#_nav .lft {
	display: block;
	line-height: 59px;
	color: #ed7d31!important;
	padding: 0 0 0 16px;
	margin: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
}

#_nav .lft>i {
	font-size: 20px;
	vertical-align: middle;
	padding-right: 18px;
}

#_nav .lft:hover {
	color: white;
	background-color: #3791b5;
}

#_nav .act {
	background-color: #ecebeb;
	color: #fff;
}

#_nav ul#topMenu {
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

#_nav ul#topMenu li {
	float: left;
	display: inline-block;
	padding-bottom: 0;
	width: 100%;
	color: #fff;
}

#_nav ul#topMenu li a:hover {
	text-decoration: none;
}

#_nav ul#topMenu li img {
	width: 23px;
	height: 23px;
	margin-right: 21px;
	margin-bottom: -7px;
}

#_nav .rgt {
	position: relative;
	margin: 10px 23px 0 0;
	height: 30px;
	cursor: pointer;
}

.userm_wrapper {
	background-color: transparent;
	width: 100%;
	height: 80%;
	position: absolute;
	left: 0;
	top: 20%;
	z-index: 999999;
}

.userm {
	position: fixed;
	padding: 10px;
	left: 0;
	bottom: 0;
	width: 220px;
	background: #fff;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	line-height: 20px;
	font-size: 12px;
	z-index: 99999999999;
}

.userm.userm-mainPage {
	position: fixed;
	padding: 10px;
	right: 0;
	top: 60px;
	bottom: auto;
	left: auto;
	width: 220px;
	background: #fff;
	border: 0;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 20px;
	font-size: 12px;
	z-index: 9999;
	color: #888;
}

.userm.userm-mainPage-rightSide {
	left: 0;
	right: auto;
}

.userm a,
.userm a:link {
	color: #41a5ce;
	text-decoration: none;
}

.userm a:hover {
	text-decoration: underline;
}

.userm>img {
	border: 1px solid #e8e8e8;
	width: 80px;
	height: 80px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

#tr_avatar {
	width: 30px;
	height: 30px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	z-index: 9999999;
	margin-left: 12px;
	margin-bottom: 7px;
}

.mainPage #tr_avatar {
	width: 40px;
	height: 40px;
	margin: 0;
	cursor: pointer;
}


/*changing menu position and restyling elements*/

.mainPage #_nav {
	white-space: nowrap;
	height: 60px;
	min-height: 60px;
	width: 100%;
	min-width: 963px;
	overflow: inherit;
	font: 100 14px 'Roboto', sans-serif;
}

.mainPage #_nav .lft {
	display: table;
	position: relative;
	text-align: center;
	margin: 0;
	padding: 0 5px;
	width: calc(100% - 10px);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font: 300 100%/19px 'Roboto', sans-serif;
}

.mainPage #_nav .topMenu__wrapper {
	display: table;
	float: left;
	width: calc(100% - 420px);
	max-width: 1122px;
}

.mainPage #_nav #topMenu {
	float: none;
	display: table-row;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	text-align: center;
}

.mainPage #_nav .navBottom__userWrap .bottom_nav {
	float: left;
	padding: 0;
	margin: 0;
	position: relative;
	left: auto;
	bottom: auto;
}

.mainPage #_nav #topMenu li:first-child {
	border-left: 1px solid rgba(0, 0, 0, .1);
}

.mainPage #_nav #topMenu li {
	border-right: 1px solid rgba(0, 0, 0, .1);
	cursor: pointer;
}

.mainPage #_nav #topMenu .hide {
	display: none;
}

.mainPage #_nav #topMenu li,
.mainPage #_nav .navBottom__userWrap li {
	color: white;
	display: table-cell;
	padding: 0;
	vertical-align: top;
	cursor: pointer;
	min-width: 80px;
	float: none;
	width: auto;
}

.mainPage #_nav #topMenu li a:hover,
.mainPage #_nav .navBottom__userWrap li a:hover {
	text-decoration: none;
}

.mainPage #_nav .navBottom__userWrap li {
	min-width: 100%;
}

.mainPage #_nav #topMenu li img,
.mainPage #_nav .navBottom__userWrap li img {
	width: 23px;
	height: 23px;
	margin-right: 21px;
	margin-bottom: -7px;
}

.mainPage #_nav .lft>i {
	font-size: 20px;
	vertical-align: middle;
	padding-right: 18px;
}

.mainPage #_nav .lft:hover,
.mainPage #_nav .lft:focus {
	
	background-color: #ecebeb;
}

.mainPage #_nav ._navBottomtwo .lft {
	padding: 0 9px;
	width: calc(100% - 18px);
}

.mainPage #_nav .navBottom__userItem {
	float: right;
	position: relative;
	left: auto;
	bottom: auto;
	padding: 10px;
	height: 40px;
}
.mainPage #_nav .navBottom__clientList {
	float: left;
	position: relative;
	left: auto;
	bottom: auto;
	height: 40px;
    padding:10px 0px;
}
.mainLogo {
	padding: 10px;
	width: 170px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	float: left;
	cursor: pointer;
	position: relative;
}

.mainLogo__img {
	vertical-align: middle;
	height: auto;
}

.primNavQtip__icon {
	font-size: 20px;
	cursor: pointer;
}

.primNavQtip__itemName {
	font-size: 12px;
	margin: 0;
	position: relative;
	bottom: -3px;
}

.primNavQtip__inner {
	display: table-cell;
	vertical-align: middle;
	align-items: center;
	height: 60px;
}

.navBottom__userWrap {
	float: right;
    width:245px;
}

.navBottom__userArrow {
	font-size: 18px;
	display: inline-block;
	vertical-align: top;
	padding: 11px 0;
	cursor: pointer;
}

.navBottom__userArrow.active {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transition: all .3s;
	-ms-transition: all .3s;
	-webkit-transition: all .3s;
}

._navBottomtwo .primNavQtip__itemName {
	display: none;
}


/*additional styles for gorizantal nav panel*/

.dashboardButtons {
	position: absolute;
	left: 190px;
	top: 64px;
}

@media screen and (max-width: 1279px) {
	.primNavQtip__itemName {
		display: none;
	}
	.mainPage #_nav #topMenu li {
		min-width: 50px;
	}
}


/* TIMELINE */

.butNo,
.butYes,
.tlStart,
.tlEnd,
.tlNote,
.tlBreak,
.tlScreen,
.tlPosition,
.tlLocation,
li.timeline {
	background-image: url('/app/layout/images/timeline_bg.png');
}

.tlTitle {
	font-size: 15px;
	color: #881515;
	border: none;
	line-height: 40px;
	padding: 0;
	font-weight: normal;
}

.tlDate {
	padding: 10px;
	line-height: 20px;
	font-size: 14px;
	color: #333;
}

.tlDate.bordered {
	border-bottom: 1px solid #E6E6E6;
}

.tlDate span {
	color: #999;
	font-size: 13px;
}

.tlFilters h2 {
	display: inline;
}

.tlFilters {
	background-color: #f9f9f9;
	border-top: solid 1px #e6e6e6;
	border-bottom: solid 1px #e6e6e6;
	padding: 15px;
}

.tlFilters select {
	margin: 10px 0 10px 10px;
}

ul.timeSheets {
	border-top: solid 1px #e6e6e6;
	padding: 0;
	margin: 0;
	min-width: 760px;
}

ul.timeSheets>li {
	list-style: none;
	padding: 10px 5px 10px 10px;
	border-bottom: solid 1px #e6e6e6;
	overflow: hidden;
}

ul.timeSheets>li:hover {
	background-color: #f0f0f0;
}

ul.timeSheets>li:hover .tlHidden {
	display: block;
}

ul.timeSheets .user {
	float: left;
}

ul.timeSheets .user>img {
	float: left;
}

ul.timeSheets .user .userInfo {
	margin: 5px 0 0 50px;
	font-size: 13px;
	line-height: 15px;
}

ul.timeSheets .user .userInfo span {
	color: #999;
}

ul.timeSheets ul {
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	width: 370px;
}

ul.timeSheets ul li {
	list-style: none;
	line-height: 40px;
	float: left;
	padding: 0 5px;
}

ul.timeSheets ul li.timeline {
	width: 250px;
	position: relative;
	display: block;
	margin: 0 5px;
	background-position: 0 -95px;
}

ul.timeSheets ul li .timeIn {
	color: #81a66c;
	font-size: 14px;
}

ul.timeSheets ul li .timeOut {
	color: #a42929;
	font-size: 14px;
}

ul.timeSList {
	overflow: hidden;
	padding: 10px 0;
}

ul.timeSList li {
	color: #777;
	background-color: #F9F9F9;
	padding: 5px 10px 5px 0;
	margin: 10px 0;
	text-align: right;
	list-style-type: none;
}

ul.timeSList li span {
	min-width: 17%;
	display: inline-block;
	text-align: right;
}

ul.timeSList li span.edit {
	min-width: 16px;
	float: right;
	margin-top: 3px;
	width: 16px;
	margin-right: -8px;
}


/*ul.timeSList li span.break-cup  { text-align: left; float: left }*/

ul.timeSList li span.break-cup {
	min-width: 10%;
}

ul.timeSList li span.break-cup i {
	display: inline-block;
	width: 27px;
	height: 12px;
	background: url('/app/layout/images/timeclockButs_bg.png');
	background-repeat: no-repeat;
	background-position: -88px -219px;
}

ul.timeSList li span.break-cup span.icon-break,
ul.timeSList li span.break-cup-empty span.icon-break {
	display: inline-block;
	width: 27px;
	height: 12px;
	float: none!important;
}

ul.timeSList li span.break-cup-empty {
	min-width: 10%;
}

ul.timeSList li i.icon-camera {
	display: inline-block;
	line-height: 26px;
	height: 30px;
	margin-left: 5px;
}

ul.timeSList li span.ts-notes {
	min-width: 10%;
}

ul.timeSList li span.ts-notes i {
	display: inline-block;
	width: 16px;
	height: 16px;
	font-family: 'HumanityIcons';
}

ul.timeSList li span.ts-notes i:before {
	content: "\e92e";
}

ul.timeSList li span.ts-notes-empty {
	min-width: 10%;
}

.butNo,
.butYes {
	width: 60px;
	height: 0;
	padding: 40px 0 0;
	margin: 0 5px;
	display: block;
	overflow: hidden;
	float: right;
}

.butNo {
	background-position: 0 -15px;
}

.butNo:hover {
	background-position: 0 -55px;
}

.butYes {
	background-position: -60px -15px;
}

.butYes:hover {
	background-position: -60px -55px;
}

.tlStart,
.tlEnd,
.tlNote,
.tlBreak,
.tlScreen,
.tlPosition,
.tlLocation {
	position: absolute;
	top: 13px;
	width: 15px;
	height: 0;
	padding: 15px 0 0;
	overflow: hidden;
	display: block;
}

.tlStart {
	background-position: 0 0;
	left: 0;
}

ul.timeSheets>li:hover .tlStart {
	background-position: -105px 0;
}

.tlEnd {
	background-position: -15px 0;
	right: 0;
}

ul.timeSheets>li:hover .tlEnd {
	background-position: -120px 0;
}

.tlNote {
	display: none;
	background-position: -30px 0;
}

.tlBreak {
	display: none;
	background-position: -45px 0;
}

.tlScreen {
	display: none;
	background-position: -60px 0;
}

.tlPosition {
	display: none;
	background-position: -75px 0;
}

.tlLocation {
	display: none;
	background-position: -90px 0;
}


/* TIMECLOCK */

ul.timeclock ul div span a,
ul.timeclock ul li.position div,
ul.timeclock ul li.clockedIn div,
ul.timeclock ul li.break,
ul.timeclock ul li.clockedOut,
ul.timeclock ul li.continue,
ul.timeclock ul li.clockedIn,
ul.timeclock ul li.note,
ul.timeclock ul li.position,
ul.timeclock ul li.location,
ul.timeclock ul li.moreA,
ul.timeclock ul li.more {
	background-image: url('/app/layout/images/timeclockIcos_bg.png');
	background-repeat: no-repeat;
}

ul.timeclock ul li.mMap span,
ul.timeclock ul li.mLoc span,
.clockCs,
.clockUs,
.clockG,
.clockGo,
ul.timeclock ul li.more div,
ul.timeclock ul li.moreA div.inner,
a.map,
a.pos,
a.loc,
a.bre {
	background: url('/app/layout/images/timeclockButs_bg.png');
	background-repeat: no-repeat;
}

ul.timeclock ul li.mMap .m {
	border: 1px solid #DCDCDC;
	border-top: none;
	background-color: #F9F9F9;
}

ul.timeclock {
	overflow: hidden;
	margin: 10px 0 0;
	padding: 0;
	min-width: 245px;
}

ul.timeclock li {
	list-style: none;
	padding: 0;
	color: #6f6f6f;
	overflow: hidden;
}

ul.timeclock li.first {
	border: solid 1px #e4e4e4;
	background-color: #f9f9f9;
	border-bottom: none;
	height: 0px;
	width: 40px;
}

ul.timeclock li.center {
	background: transparent url('/app/layout/images/timeclock_bg.png') scroll repeat-y 0 0;
	padding: 0;
}

ul.timeclock li.last {
	border: solid 1px #e4e4e4;
	background-color: #f9f9f9;
	border-top: none;
	height: 0px;
	width: 40px;
}

ul.timeclock li.separate {
	border-bottom: solid 1px #e4e4e4;
	background-color: #f9f9f9;
	height: 0px;
	width: 100%;
	margin: 15px 0;
}

ul.timeclock ul {
	margin: 0;
	padding: 0px;
}

ul.timeclock ul div {
	line-height: 21px;
}

ul.timeclock ul div span.time {
	float: right;
}

ul.timeclock ul div span a {
	width: 11px;
	height: 0;
	margin: 5px 0 0;
	padding: 10px 0 0;
	overflow: hidden;
	display: block;
	background-position: 0 -511px;
}

ul.timeclock ul div span a:hover {
	background-position: 0 -521px;
}

ul.timeclock ul li.clockedOut {
	padding: 0 5px 0 45px;
	background-position: 10px -330px;
}

ul.timeclock ul li.continue {
	padding: 0 5px 0 45px;
	background-position: 10px -290px;
}

ul.timeclock ul li.break {
	padding: 0 5px 0 45px;
	background-position: 10px -250px;
}

ul.timeclock ul li.clockedIn {
	padding: 0 5px 5px 45px;
	background-position: 10px 0;
}

ul.timeclock ul li.clockedIn div {
	height: 18px;
}

ul.timeclock ul li.clockedIn.out {
	padding: 0 5px 0 45px;
	background-position: 10px -290px;
}

ul.timeclock ul li.position {
	padding: 5px 5px 5px 45px;
	background-position: 10px -50px;
}

ul.timeclock ul li.note {
	padding: 0 5px 0 45px;
	background-position: 10px -100px;
}

ul.timeclock ul li.location {
	padding: 0 5px 0 45px;
	background-position: 10px -200px;
}

ul.timeclock ul li.more {
	padding: 5px 5px 0 45px;
	background-position: 10px 0;
	background-position: 10px -140px;
}

ul.timeclock ul li.moreA {
	padding: 5px 5px 0 45px;
	background-position: 10px 0;
	background-position: 10px -135px;
}

ul.timeclock ul li.mMap span,
ul.timeclock ul li.mLoc span {
	width: 30px;
	height: 31px;
	display: block;
	float: left;
}

ul.timeclock ul li.mMap span {
	background-position: -8px -210px
}

ul.timeclock ul li.mLoc span {
	background-position: -46px -210px
}

#mapTcWrap {
	display: none;
	width: 409px;
	height: 135px;
	background: none;
	margin: 33px 5px 0;
	padding: 5px;
	border: 1px solid #E6E6E6;
	background: #F9F9F9;
	position: absolute;
}

#tcaddnote {
	visibility: hidden;
	padding: 5px;
	color: #333;
	border: solid 1px #e4e4e4;
	border-radius: 3px;
	text-decoration: none;
	background-color: #F5F5F5;
}

#tcaddnote :hover {
	background-color: #FFF;
}

#tcaddnote {
	visibility: visible;
	margin-left: 5px;
}

#tc_tl_no_a {
	visibility: hidden;
	position: absolute;
	top: 0px;
	height: 35px;
	color: #41a5ce;
	line-height: 33px;
	right: 145px;
	z-index: 10;
	cursor: pointer;
}

#tc_tl_no_a:hover {
	text-decoration: underline;
}

#tc_tl_overview .text {
	background-color: #FEFFD9;
	margin: 10px 0 0 50px;
	max-width: 478px;
	padding: 10px;
	display: block;
	color: #896519;
}

#tcmodal .text {
	background-color: #FEFFD9;
	margin: 10px 0 0 50px;
	width: 400px;
	padding: 10px;
	display: block;
	color: #896519;
}

ul.timeclock ul li.clockedIn div,
ul.timeclock ul li.position div {
	background-color: #f9f9f9;
	padding: 10px 20px;
	background-position: 0 -429px;
}

ul.timeclock ul li.note div,
ul.timeclock ul li.location div,
ul.timeclock ul li.break div {
	padding: 5px 20px;
}

ul.timeclock ul li.more div {
	padding: 9px 6px 10px 20px;
	background-position: 0 -164px;
	border-right: solid 1px #dcdcdc;
	float: left;
}

ul.timeclock ul li.moreA div.inner {
	padding: 10px 15px 10px 15px;
	background-position: 0 -246px;
	border-right: solid 1px #dcdcdc;
	float: left;
}

ul.timeclock ul li input[type=text] {
	width: 200px;
	border: none;
	color: #999;
	height: 11px;
}

ul.timeclock ul li input[type=text]:focus {
	color: #333;
}

ul.timeclock ul li select {
	padding: 6px;
	width: 205px;
	float: left;
}

#tcmodal ul li select {
	padding: 4px;
	width: 211px;
	float: left;
}

#tcmodal ul div span.time {
	width: 192px;
	text-align: right;
}

#tc_tl_overview .locMap {
	position: absolute;
	padding: 10px;
	border: solid 1px #dcdcdc;
	background-color: #f9f9f9;
	width: 400px;
	height: 145px;
}

ul.timeclock span.text {
	display: inline-block;
	padding-left: 10px;
}

#tcmodal ul li.break {
	padding: 5px 0 5px 50px;
	background-position: 10px -240px;
}

#tcmodal ul li.clockedIn {
	padding: 0 0 0 50px;
	background-position: 10px -1px;
	color: #648b50;
}

#tcmodal ul li.clockedIn.out {
	padding: 5px 0 0 50px;
	background-position: 10px -286px;
	color: #8b3232;
}

#tcmodal ul li.position {
	padding: 5px 0 5px 50px;
	background-position: 10px -35px;
}

#tcmodal ul li.note {
	padding: 5px 0 5px 50px;
	background-position: 10px -90px;
}

#tcmodal ul li.location {
	padding: 5px 0 5px 50px;
	background-position: 10px -195px;
}

#tcmodal ul li:not(".continue") div {
	background: url('/app/layout/images/tc_editback.png');
	padding: 7px 10px 9px 15px;
	line-height: 25px;
	height: 25px;
	border-right: solid 1px #DCDCDC;
	overflow: visible;
	background-position: 0 -12px;
	background-color: transparent;
	width: 432px;
}

#tcmodal ul li input[type="text"] {
	border: solid 1px #BFBFBF;
	height: 19px;
	margin: -2px 2px;
}

#tcmodal ul li .edn,
#tcmodal ul li .timerange {
	padding: 2px 0 2px 9px;
	width: 200px;
	border: solid 1px #BFBFBF;
	height: 19px;
}

#tcmodal ul li .tcdate,
#tcmodal ul li .tcedate {
	width: 70px;
	padding: 2px 5px 2px 25px;
	background: #FFF url('/app/layout/images/timeclockIcos_bgnew.png');
	background-repeat: no-repeat;
	background-position: 2px -163px
}

#tcmodal ul li .tcintime,
#tcmodal ul li .tctime,
#tcmodal ul li .tcouttime {
	width: 50px;
	padding: 2px 5px 2px 25px;
	background: #FFF url('/app/layout/images/timeclockIcos_bgnew.png');
	background-repeat: no-repeat;
	background-position: 2px -213px
}

#tcmodal .more {
	display: none!important;
}

#tcmodal {
	position: fixed;
	top: 300px;
	left: 300px;
	width: 630px;
	background-color: white;
	border-radius: 0!important;
	z-index: 999;
	box-shadow: none!important;
}

#tcmodal .modal {
	border: 1px solid #d2d2d2!important;
	border-bottom: none!important;
	border-radius: 0!important;
}

#tcmodal .close {
	border: 1px solid #d2d2d2;
	border-radius: 0px!important;
}

#tcmodal .close #b_ti_ed.os_disabled {
	letter-spacing: 0.03em;
	display: inline-block;
	font-weight: 500;
	font-size: 13px;
	background: #ca4848;
	border-radius: 2px;
	color: #fff;
	border: 1px solid #ca4848;
	text-align: center;
	height: 30px!important;
	line-height: 28px;
	padding: 0 10px!important;
	background-image: none;
	float: right;
	margin: 10px 0 0 0;
}

#tcmodal .overlay {
	background: rgba(255, 255, 255, 0.75)!important;
}

#tcmodal table,
table.tlpopup {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	border: 0px;
}

#tcmodal #tc_timeline,
#tcmodal #tc_timeline li {
	overflow: visible;
}

#tcmodal #tc_timeline .tcnote {
	width: 230px;
	height: 25px;
	overflow: hidden;
	display: inline-block;
}

#tcmodal ul li.addevent {
	padding: 0px 0 0px 50px;
	overflow: hidden!important;
	background: transparent url('/app/layout/images/timeclockIcos_bgnew.png') no-repeat 11px -348px
}

#tcmodal ul .addevent div {
	float: left;
	width: 317px;
}

#tcmodal ul li.addreason {
	padding: 1px 0px;
	overflow: hidden!important;
}

#tcmodal ul .addreason div {
	float: left;
	background: transparent;
	padding: 6px 0 0;
	border: none;
	height: auto;
	width: 505px;
}

#tcmodal ul .addreason div textarea {
	margin: 0;
	overflow: hidden;
	height: 32px;
	width: 492px;
	max-width: 492px;
}

#tcmodal ul.edit,
#tcmodal ul.view {
	max-height: 450px;
	width: 560px;
	overflow-y: auto;
	overflow-x: hidden;
}

#tcmodal .modal {
	padding: 20px 20px 20px 20px;
	position: relative;
}

#tcmodal .os_error {
	background-color: #FFF0F0!important;
}

#tcmodal .tcdel,
#tcmodal .removed,
#tcmodal .tcinfo {
	cursor: pointer;
	width: 20px;
	height: 20px;
	float: right;
	margin: 2px -40px 2px 0px;
}

#tcmodal .tcdel {
	background: url('/app/layout/images/timeclockIcos_bgnew.png');
	background-position: 0 -264px;
	background-color: transparent;
}

#tcmodal .removed {
	background: url('/app/layout/images/timeclockIcos_bgnew.png');
	background-position: 0 -314px;
	background-color: transparent;
}

#tcmodal .tcdel:hover {
	background-position: 0 -314px;
}

#tcmodal .tcinfo {
	background: transparent url('/app/layout/images/info.gif') no-repeat;
	margin: -19px -32px 0 0;
}

#tcmodal .tcicpos {
	width: 20px;
	height: 20px;
	float: left;
	margin: 2px 2px 2px -3px;
	background: url('/app/layout/images/timeclockIcos_bgnew.png');
	background-position: 0 -65px;
	background-color: transparent;
}

#tcmodal .tcicloc {
	width: 20px;
	height: 20px;
	float: left;
	margin: 2px 2px 2px -3px;
	background: url('/app/layout/images/timeclockButs_bg.png');
	background-position: -9px -215px;
	background-color: transparent;
}

#tcmodal .tcicnote {
	width: 20px;
	height: 20px;
	float: left;
	margin: 2px 2px 2px -3px;
	background: url('/app/layout/images/timeclockIcos_bgnew.png');
	background-position: 0 -115px;
	background-color: transparent;
}

#tcmodal .tcicbreak {
	width: 20px;
	height: 20px;
	float: left;
	margin: 2px 2px 2px -3px;
	background: url('/app/layout/images/timeclockIcos_bgnew.png');
	background-position: 0 -16px;
	background-color: transparent;
}

#tcmodal .tcictips {
	width: 20px;
	height: 20px;
	float: left;
	margin: 2px 2px 2px -3px;
	background: url('/app/layout/images/money_sm.png') no-repeat;
	background-position: 3px;
	background-color: transparent;
}

#tcmodal #tc_tips {
	height: 15px;
	width: 90px;
}

#tcmodal #tcinputnote {
	width: 225px;
	margin-right: 5px;
	height: 26px
}

.overlayMap {
	display: inline-block;
	float: left;
	position: absolute;
	z-index: 9999;
	border: 1px solid #E5E3DF;
	background: #f9f9f9;
	padding: 8px 8px 5px;
}

span.clockG {
	float: left;
	display: block;
	font-size: 13px;
	text-decoration: none;
	padding: 0 15px 0 20px;
	color: #FFF;
	text-shadow: 0 1px 0 #63904d;
	line-height: 42px;
	border-right: solid 1px #63904d;
}
a.clockG {
	float: left;
	display: block;
	font-size: 13px;
	text-decoration: none;
	padding: 0 15px 0 20px;
	color: #FFF;
	text-shadow: 0 1px 0 #63904d;
	line-height: 42px;
	border-right: solid 1px #63904d;
}

span.clockG:hover {
	background-position: 0 -42px;
}
a.clockG:hover {
	background-position: 0 -42px;
}
span.clockGo {
	float: left;
	margin: 0 0 0 10px;
	display: block;
	font-size: 13px;
	text-decoration: none;
	padding: 0 15px;
	color: #FFF;
	text-shadow: 0 1px 0 #63904d;
	line-height: 40px;
	background-position: 0 -84px;
	border-right: solid 1px #63904d;
}

span.clockGo:hover {
	background-position: 0 -124px;
}

a.clockCs {
	float: left;
	margin: 0 0 0 10px;
	display: block;
	font-size: 13px;
	text-decoration: none;
	padding: 0 15px;
	color: #777;
	text-shadow: 0 1px 0 #FFF;
	line-height: 32px;
	background-position: 0 -298px;
	border-right: solid 1px #cfcfcf;
}

a.clockCs:hover {
	background-position: 0 -330px;
}

a.clockUs {
	float: left;
	margin: 0 0 0 10px;
	display: block;
	font-size: 13px;
	text-decoration: none;
	padding: 0 15px;
	color: #FFF;
	text-shadow: 0 1px 0 #63904d;
	line-height: 32px;
	background-position: 0 -362px;
	border-right: solid 1px #63904d;
}

a.clockUs:hover {
	background-position: 0 -394px;
}

a.map,
a.pos,
a.loc,
a.bre {
	width: 39px;
	height: 40px;
	display: block;
	float: left;
}

a.tc_tips {
	display: block;
	float: left;
	height: 38px;
	width: 39px;
	border-top: 1px solid rgb(230, 220, 230);
	border-right: 1px solid rgb(230, 220, 230);
	border-bottom: 1px solid rgb(230, 220, 230);
	background: url('/app/layout/images/money_sm.png') no-repeat scroll 10px 12px rgb(249, 249, 249);
}

#tc_tl_tips_i {
	float: left;
	height: 20px;
	border: 1px solid #bfbfbf;
	width: 70px;
}

#tc_tl_tips span {
	background: url('/app/layout/images/money_sm.png') no-repeat scroll 6px 8px;
}

a.tc_tips:hover {
	background-color: #ffffff;
}

a.map {
	background-position: 0 -205px;
}

a.map:hover {
	background-position: -118px -205px;
}

a.pos {
	background-position: -39px -205px;
}

a.pos:hover {
	background-position: -157px -205px;
}

a.loc {
	background-position: 0px -205px
}

a.loc:hover {
	background-position: -118px -205px
}

a.bre {
	background-position: -78px -205px;
}

a.bre:hover {
	background-position: -196px -205px;
}

#add_tc_tips {
	border: 1px solid #bfbfbf;
	height: 15px;
	width: 90px;
	padding: 5px;
	background-color: #FFFFFF;
}

div.reports-applyFiltersButton-wrap {
	display: inline-block;
	overflow: hidden;
}

#_cd_reports .right .tableHeader tr td div.reports-text-wrap {
	display: inline-block;
	overflow: hidden;
	line-height: 30px;
}

#_cd_reports .right .tableHeader tr td {
	color: #777;
}

.jsSelect {
	position: relative;
	margin: 5px 0 5px 10px;
	width: 180px;
}

.jsSelect>a {
	background-image: url('/app/layout/images/jsElements.png');
}

#_cd_reports .right .tableHeader tr td:last-child .jsSelect {
	margin: 0;
	width: 180px;
}

#_cd_reports .right .tableHeader tr td .jsSelect>a {
	line-height: 28px;
	border: 1px solid #DDD;
	background: white url('/app/layout/images/arrow-down.png') no-repeat 96% center;
	color: #777;
}

#_cd_reports .right .tableHeader tr td .jsSelect>a:hover {
	background: white url('/app/layout/images/arrow-down.png') no-repeat 96% center;
	color: #777;
}

.jsSelect>a {
	display: block;
	color: #777;
	padding: 0 30px 0 10px;
	line-height: 30px;
	text-decoration: none;
	text-align: left;
	border-left: solid 1px #e4e4e4;
	background-position: 100% 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.jsSelect>a:hover {
	background-position: 100% -30px;
	color: #890908;
}

.jsSelect.jsG>a {
	display: block;
	color: #FFF;
	padding: 0 35px 0 10px;
	line-height: 30px;
	text-decoration: none;
	border-left: solid 1px #628f4c;
	background-position: 100% -60px;
}

.jsSelect.jsG>a:hover {
	background-position: 100% -90px;
	color: #FFF;
}

.jsSelect.jsW>a {
	display: block;
	color: #6F6F6F;
	padding: 0 35px 0 10px;
	line-height: 24px;
	text-decoration: none;
	border-left: solid 1px #bfbfbf;
	background-position: 100% -120px;
}

.jsSelect.jsW>a:hover {
	background-position: 100% -144px;
	color: #6F6F6F;
	border-color: #95260d;
}

ul.drop {
	display: none;
	position: absolute;
	overflow: auto;
	top: 29px;
	width: 200%;
	margin: 0;
	padding: 0;
	border-top: solid 1px #e4e4e4;
	box-shadow: 0 0 3px #DDD;
	z-index: 101;
}

ul.drop li {
	list-style: none;
	padding: 0;
	text-align: left;
}

ul.drop li a {
	text-decoration: none;
	text-align: left;
	display: block;
	padding: 12px 10px 13px;
	line-height: 15px;
	border: solid 1px #e4e4e4;
	background-color: #FFF;
	border-top: none;
	color: #777;
	cursor: pointer;
}

ul.drop li label {
	text-decoration: none;
	display: block;
	padding: 7px 10px 8px;
	line-height: 15px;
	border: solid 1px #e4e4e4;
	background-color: #FFF;
	border-top: none;
	color: #777;
}

#_cd_reports .right .tableHeader tr td:last-child ul.drop li,
#_cd_reports .right .tableHeader tr td:last-child ul.drop li a,
#_cd_reports .right .tableHeader tr td:last-child ul.drop li label {
	margin: 0;
}

#_cd_reports .right .tableHeader tr td:last-child ul.drop li a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

ul.drop li a:hover {
	background-color: #9a2b29;
	border-color: #9a2b29;
	color: #FFF;
}

ul.drop li a.group {
	background-color: #e5e5e5;
}

ul.drop ul {
	display: none;
	margin: 0;
	padding: 0;
}

#sn_requests div {
	line-height: 15px;
}


/* reports page fix */

.mitem.mi.reportsFix {
	border: none;
	margin: 0px;
	padding: 0px;
}

.lft.hide {
	display: none !important;
}


/* add fix for scheduler scroller */

.singleavai .jq_scroll {
	margin: 0px;
}

.singleavai .jq_scroll .scrollbar {
	width: 7px;
}

.singleavai .jq_scroll .track {
	width: 7px;
}


/* remove selectable borders from modal */

#ccanvas #DayAvailabilityEdit .ui-selected {
	border: 1px solid #CCCCCC !important;
}


/* pagination in requests */

ul.sp_pagination {
	margin: 0;
	padding: 0;
}

ul.sp_pagination li {
	float: left;
	margin: 0 0 0 5px;
	list-style: none;
}

ul.sp_pagination li a {
	display: block;
	text-decoration: none;
	color: #666;
	line-height: 20px;
	border: solid 1px #CCC;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 0 7px;
}

ul.sp_pagination li a:hover {
	background-color: #F5F5F5;
	color: #333;
}

ul.sp_pagination li.currentPage {
	line-height: 20px;
	border: solid 1px #CCC;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 0 7px;
}


/* left menu fix */

#StaffSchedules .hide.hideall {
	display: none;
}


/* timeclock fix */

li.tchd {
	display: none;
}

#_cd_timeclock .hidden {
	display: none;
}

#_cd_timeclock #shiftpop.timelineModal {
	max-width: 650px;
}

#_cd_timeclock #shiftpop.timelineModal .modal {
	max-height: 600px;
}

#_cd_timeclock #shiftpop.timelineModal .modal tbody td {
	border: none;
}

#_cd_timeclock table.tlpopup td.altop .tlDate {
	border-bottom: 1px solid #E6E6E6;
}

#_cd_timeclock table.tlpopup td.altop .tlDate img {
	float: left;
	margin-right: 11px;
}

#_cd_timeclock table.tlpopup td.altop .tlDate .rtctime {
	float: right;
	margin-right: 5px;
	font-size: 17px;
}

#_cd_timeclock .timelineModal #del_timesheet {
	padding: 0 0 0 15px;
	color: #666666;
	cursor: pointer;
}

#_cd_timeclock .timelineModal #del_timesheet:hover {
	color: #333;
}

#_cd_timeclock .timelineModal #del_timesheet span {
	font-size: 18px;
	margin: 0 5px 0 0;
	display: inline-block;
	line-height: 48px;
	float: left;
	position: relative;
	color: #666;
	top: 0;
}

#_cd_timeclock * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}



#_cd_timeclock .leftO {
	height: 100%;
	background: #f6f6f6;
}

#_cd_timeclock .left {
	height: 100%;
}

#_cd_timeclock .left a.dent {
	width: calc(100% - 9px);
}

#_cd_timeclock .right {
	position: absolute;
	top: 0;
	left: 191px;
	margin: 0;
	width: calc(100% - 191px);
	padding: 0;
	height: 100%;
	overflow: auto;
}

#_cd_timeclock .right table#tc_tl_overview {
	width: 100%;
	height: 100%;
	table-layout: fixed;
}

.on-break li#tc_tl_st {
	display: none !important;
}

.timeclock {}

#tc_timeline.timeclock li {
	margin-bottom: 10px;
	overflow: visible;
}

#tc_timeline.timeclock li.center {
	background-image: none!important;
}

#tc_timeline.timeclock li.first,
#tc_timeline.timeclock li.last {
	border: none;
}

#tc_timeline.timeclock li.static {
	padding: 0 0 0 45px;
	position: relative;
}

#tcmapdata {
	height: 135px;
	overflow: hidden;
	position: absolute;
}

.hideTCMap {
	margin-left: -1700px !important;
	position: absolute !important;
}


/* clocked out */

#tc_timeline.timeclock li.clockedOut.static:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 35px;
	height: 33px;
	border: 1px solid #e5e5e5;
	background: #F9F9F9;
}

#tc_timeline.timeclock li.clockedOut.static:after {
	content: "";
	position: absolute;
	left: 15px;
	top: 14px;
	width: 7px;
	height: 7px;
	background: #8ab242;
	border-radius: 50%;
}

#tc_timeline.timeclock li.clockedOut.static div span {
	position: relative;
	padding: 0 15px;
	background: #8ab242;
	background-image: none;
	border: 1px solid #80a43f;
	color: #fff;
	line-height: 33px;
	height: 35px;
	border-radius: 2px;
	color: #fff;
}

#tc_timeline.timeclock li.clockedOut.static div span:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #80a43f;
	position: absolute;
	top: 50%;
	left: -6px;
	margin-top: -6px;
	z-index: 10;
}

#tc_timeline.timeclock li.clockedOut.static div span:after {
	content: "";
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 4px solid #8ab242;
	position: absolute;
	top: 50%;
	left: -4px;
	margin-top: -4px;
	z-index: 11;
}


/* clocked in */

#tc_timeline.timeclock li.clockedIn {
	line-height: 33px;
	padding: 0 0 0 45px;
	background-image: none!important;
	position: relative;
	color: #888;
}

#tc_timeline.timeclock li.clockedIn div {
	position: relative;
	height: 35px;
	line-height: 33px;
	padding: 0 15px;
	border: 1px solid #e5e5e5;
	background: #f9f9f9;
	background-image: none!important;
}

#tc_timeline.timeclock li.clockedIn div img {
	display: none!important;
}

#tc_timeline.timeclock li.clockedIn div:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #e5e5e5;
	position: absolute;
	top: 50%;
	left: -6px;
	margin-top: -6px;
	z-index: 10;
}

#tc_timeline.timeclock li.clockedIn div:after {
	content: "";
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 4px solid #f9f9f9;
	position: absolute;
	top: 50%;
	left: -4.5px;
	margin-top: -4px;
	z-index: 11;
}

#tc_timeline.timeclock li.clockedIn:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 35px;
	height: 35px;
	border: 1px solid #e5e5e5;
	background: #F9F9F9;
}

#tc_timeline.timeclock li.clockedIn:after {
	content: "";
	position: absolute;
	left: 15px;
	top: 14px;
	width: 7px;
	height: 7px;
	background: #8ab242;
	border-radius: 50%;
}

#tc_timeline.timeclock li.clockedIn+li.more.static {
	margin-top: -2px;
}


/* position */

#tc_timeline.timeclock li.position {
	line-height: 33px;
	padding: 0 0 0 45px;
	background-image: none!important;
	position: relative;
}

#tc_timeline.timeclock li.position div {
	position: relative;
	height: 35px;
	line-height: 33px;
	padding: 0 15px;
	border: 1px solid #e5e5e5;
	background: #f9f9f9;
	background-image: none!important;
}

#tc_timeline.timeclock li.position div:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #e5e5e5;
	position: absolute;
	top: 50%;
	left: -6px;
	margin-top: -6px;
	z-index: 10;
}

#tc_timeline.timeclock li.position div:after {
	content: "";
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 4px solid #f9f9f9;
	position: absolute;
	top: 50%;
	left: -4.5px;
	margin-top: -4px;
	z-index: 11;
}

#tc_timeline.timeclock li.position:before {
	content: "";
	position: absolute;
	left: 0;
	top: -11px;
	width: 35px;
	height: 50px;
	border: 1px solid #e5e5e5;
	background: #F9F9F9;
	border-top: none;
	border-bottom: none;
}

#tc_timeline.timeclock li.position:after {
	content: "";
	position: absolute;
	left: 18px;
	top: -24px;
	width: 1px;
	height: 35px;
	background: #e5e5e5;
}

#tc_timeline.timeclock li.position span.icon {
	background: #f9f9f9;
	position: absolute;
	left: 10px;
	z-index: 10;
	color: #888;
	top: 4px;
	font-size: 18px;
	display: block;
}

#tc_timeline.timeclock li.position span.icon:after {
	content: "";
	position: absolute;
	left: 8px;
	top: 20px;
	width: 1px;
	height: 14px;
	background: #e5e5e5;
}

#tc_timeline.timeclock li.position span.icon.fa {
	top: 8px;
	background: #f9f9f9;
}


/* note */

#tc_timeline.timeclock li.note {
	line-height: 33px;
	padding: 0 0 0 45px;
	background-image: none!important;
	position: relative;
}

#tc_timeline.timeclock li.note div {
	position: relative;
	height: 35px;
	line-height: 33px;
	padding: 0 15px;
	border: 1px solid #e5e5e5;
	background: #f9f9f9;
	background-image: none!important;
}

#tc_timeline.timeclock li.note div:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #e5e5e5;
	position: absolute;
	top: 50%;
	left: -6px;
	margin-top: -6px;
	z-index: 10;
}

#tc_timeline.timeclock li.note div:after {
	content: "";
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 4px solid #f9f9f9;
	position: absolute;
	top: 50%;
	left: -4.5px;
	margin-top: -4px;
	z-index: 11;
}

#tc_timeline.timeclock li.note:before {
	content: "";
	position: absolute;
	left: 0;
	top: -11px;
	width: 35px;
	height: 50px;
	border: 1px solid #e5e5e5;
	background: #F9F9F9;
	border-top: none;
	border-bottom: none;
}

#tc_timeline.timeclock li.note:after {
	content: "";
	position: absolute;
	left: 18px;
	top: -24px;
	width: 1px;
	height: 28px;
	background: #e5e5e5;
}

#tc_timeline.timeclock li.note span.icon {
	background: #f9f9f9;
	position: absolute;
	left: 8px;
	z-index: 1000;
	color: #888;
	top: 4px;
	font-size: 20px;
	display: block;
}

#tc_timeline.timeclock li.note span.icon:after {
	content: "";
	position: absolute;
	left: 10px;
	top: 20px;
	width: 1px;
	height: 14px;
	background: #e5e5e5;
}


/* break */

#tc_timeline.timeclock li.break {
	line-height: 33px;
	padding: 0 0 0 45px;
	background-image: none!important;
	position: relative;
}

#tc_timeline.timeclock li.break div {
	position: relative;
	height: 35px;
	line-height: 33px;
	padding: 0 15px;
	border: 1px solid #e5e5e5;
	background: #f9f9f9;
	background-image: none!important;
}

#tc_timeline.timeclock li.break div:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #e5e5e5;
	position: absolute;
	top: 50%;
	left: -6px;
	margin-top: -6px;
	z-index: 10;
}

#tc_timeline.timeclock li.break div:after {
	content: "";
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 4px solid #f9f9f9;
	position: absolute;
	top: 50%;
	left: -4.5px;
	margin-top: -4px;
	z-index: 11;
}

#tc_timeline.timeclock li.break:before {
	content: "";
	position: absolute;
	left: 0;
	top: -11px;
	width: 35px;
	height: 50px;
	border: 1px solid #e5e5e5;
	background: #F9F9F9;
	border-top: none;
	border-bottom: none;
}

#tc_timeline.timeclock li.break:after {
	content: "";
	position: absolute;
	left: 18px;
	top: -24px;
	width: 1px;
	height: 28px;
	background: #e5e5e5;
}

#tc_timeline.timeclock li.break span.icon {
	background: #f9f9f9;
	position: absolute;
	left: 10px;
	z-index: 1000;
	color: #888;
	top: 4px;
	font-size: 20px;
	display: block;
}

#tc_timeline.timeclock li.break span.icon:after {
	content: "";
	position: absolute;
	left: 8px;
	top: 20px;
	width: 1px;
	height: 14px;
	background: #e5e5e5;
}


/* moreA mMap static */

#tc_timeline.timeclock li.moreA.mMap.static {
	line-height: 33px;
	padding: 0 0 0 45px;
	background-image: none!important;
	position: relative;
}

#tc_timeline.timeclock li.moreA.mMap.static div {
	position: relative;
	line-height: 33px;
	padding: 0 15px;
	border: 1px solid #e5e5e5;
	background: #f9f9f9;
	background-image: none!important;
}

#tc_timeline.timeclock li.moreA.mMap.static div.inner {
	width: calc(100% - 32px);
	position: relative;
	z-index: 1000;
}

table#tc_tl_overview tbody tr td #tc_timeline.timeclock li.moreA.mMap.static div.inner {
	width: 100%;
}

#tc_timeline.timeclock li.moreA.mMap.static span.tc-update-buttons {
	width: auto;
	background: none;
}

#tc_timeline.timeclock li.moreA.mMap.static span.tc-update-buttons a {
	width: auto;
}

#tc_timeline.timeclock li.moreA.mMap.static div.inner span.icon {
	background-image: none!important;
	font-size: 20px;
	line-height: 33px;
	position: absolute;
	left: -37px;
	top: -1px;
}

#tc_timeline.timeclock li.moreA.mMap.static div.inner a.clockUs {
	position: relative;
	padding: 0 15px;
	background: #8ab242;
	border: 1px solid #80a43f;
	color: #fff;
	line-height: 25px;
	height: 27px;
	border-radius: 2px;
	float: right;
	margin: 0 0 0 5px;
}

#tc_timeline.timeclock li.moreA.mMap.static div.inner a.clockCs {
	position: relative;
	padding: 0 15px;
	background: #e86557;
	border: 1px solid #DB5349;
	color: #fff;
	line-height: 25px;
	height: 27px;
	border-radius: 2px;
	float: right;
	margin: 0 0 0 5px;
	text-shadow: none;
}

#tc_timeline.timeclock li.moreA.mMap.static div.inner a.viewMap {
	margin-left: 5px;
}

#tc_timeline.timeclock li.moreA.mMap.static div.inner a.viewMap:hover {
	text-decoration: none;
}

#tc_timeline.timeclock li.moreA.mMap.static div.inner select#tc_tl_lo_s {
	line-height: 25px;
	height: 27px;
	margin: 0;
	float: left;
	border: 1px solid #e5e5e5;
	color: #333;
	border-radius: 0!important;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	font-weight: 400;
	padding: 0px 25px 0px 10px;
	background: white url('/app/layout/images/arrow-down.png') no-repeat 96% center;
}

#tc_timeline.timeclock li.moreA.mMap.static div#mapTcWrap {
	height: 150px;
	border-top: none;
	display: block;
	margin: -1px 0 0 0;
	width: 100%;
	padding: 0!important;
}

.dashwidget_body #mapTcWrap {
	width: calc(100% - 2px) !important;
}

#tc_timeline.timeclock li.moreA.mMap.static div#mapTcWrap:before,
#tc_timeline.timeclock li.moreA.mMap.static div#mapTcWrap:after {
	display: none;
}


/* continue */

#tc_timeline.timeclock li.continue {
	line-height: 33px;
	height: 33px;
	padding: 0 0 0 45px;
	background-image: none!important;
	position: relative;
}

#tc_timeline.timeclock li.continue:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 35px;
	height: 33px;
	border: 1px solid #e5e5e5;
	background: #F9F9F9;
}

#tc_timeline.timeclock li.continue:after {
	content: "";
	position: absolute;
	left: 15px;
	top: 14px;
	width: 7px;
	height: 7px;
	background: #8ab242;
	border-radius: 50%;
}

#tc_timeline.timeclock li.continue div a {
	position: relative;
	padding: 0 15px;
	background: #8ab242;
	background-image: none;
	border: 1px solid #80a43f;
	color: #fff;
	line-height: 33px;
	height: 35px;
	border-radius: 2px;
	color: #fff;
}

#tc_timeline.timeclock li.continue div a:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #80a43f;
	position: absolute;
	top: 50%;
	left: -6px;
	margin-top: -6px;
	z-index: 10;
}

#tc_timeline.timeclock li.continue div a:after {
	content: "";
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 4px solid #8ab242;
	position: absolute;
	top: 50%;
	left: -4.5px;
	margin-top: -4px;
	z-index: 11;
}

#tc_timeline.timeclock li.continue .continue_help_tag:before {
	content: "";
	position: absolute;
	left: -28px;
	top: -11px;
	width: 1px;
	height: 24px;
	background: #e5e5e5;
	z-index: 1;
}

#tc_timeline.timeclock li.continue .continue_help_tag:after {
	content: "";
	position: absolute;
	left: -46px;
	top: -20px;
	width: 35px;
	height: 20px;
	background: #f9f9f9;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	z-index: 0;
}


/* tips */

#tc_timeline.timeclock li#tc_tl_tips {}

#tc_timeline.timeclock li#tc_tl_tips span {
	background-image: none!important;
}

#tc_timeline.timeclock li#tc_tl_tips input {
	line-height: 25px;
	height: 27px;
	margin: 0 0 0 -30px;
	min-width: 140px;
	float: left;
	border: 1px solid #e5e5e5;
}

#tcmapdata.help {
	width: 531px;
	height: 135px;
	overflow: hidden;
	transform: translateZ(0px);
	position: absolute;
	top: auto;
	left: 61px!important;
	background-color: none!important;
}

#tc_timeline.timeclock li.moreA.mMap.static div.inner div {
	border: none;
}

#tc_timeline.timeclock li.moreA.mMap.static div.inner div.tc-flex-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	padding: 3px 0;
}

#tc_timeline.timeclock li.moreA.mMap.static div.inner div.tc-flex-wrapper .tc-flex-child-right {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	padding: 0;
	height: 30px;
}

#tc_timeline.timeclock li.moreA.mMap.static div.inner div.tc-flex-wrapper .tc-flex-child-left {
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 160px;
	background: none;
	padding: 0;
	height: 30px;
}

#tc_timeline.timeclock li.moreA.mMap.static div.inner div.tc-flex-wrapper .tc-flex-child-left select#tc_tl_lo_s {
	width: calc(100% - 62px);
	max-width: 300px;
}

#tc_timeline.timeclock li.moreA.mMap.static div.inner:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #e5e5e5;
	position: absolute;
	top: 17px;
	left: -6px;
	margin-top: -6px;
	z-index: 10;
}

#tc_timeline.timeclock li.moreA.mMap.static div.inner:after {
	content: "";
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 4px solid #f9f9f9;
	position: absolute;
	top: 17px;
	left: -4.5px;
	margin-top: -4px;
	z-index: 11;
}

#tc_timeline.timeclock li.moreA.mMap.static:before {
	content: "";
	position: absolute;
	left: 0;
	top: -11px;
	width: 35px;
	height: 46px;
	border: 1px solid #e5e5e5;
	background: #F9F9F9;
	border-top: none;
}

#tc_timeline.timeclock li.moreA.mMap.static:after {
	content: "";
	position: absolute;
	left: 18px;
	top: -24px;
	width: 1px;
	height: 30px;
	background: #e5e5e5;
}


/* more static */

#tc_timeline.timeclock li.more.static {
	min-height: 35px;
	margin-bottom: 10px;
	background-image: none!important;
}

#tc_timeline.timeclock li.more.static:before {
	content: "";
	position: absolute;
	left: 0;
	top: -9px;
	width: 35px;
	height: 56px;
	border: 1px solid #e5e5e5;
	background: #F9F9F9;
	border-top: none;
	border-bottom: none;
}

#tc_timeline.timeclock li.more.static:after {
	content: "";
	position: absolute;
	left: 18px;
	top: -21px;
	width: 1px;
	height: 68px;
	background: #e5e5e5;
}
/**/
#tc_timeline.timeclock li.more.static div {
	width: calc(100% - 150px);
	position: relative;
	height: 35px;
	line-height: 33px;
	padding: 0px!important;
	border: 1px solid #e5e5e5;
	border-right: none;
	background: #fff;
	background-image: none!important;
}

#tc_timeline.timeclock li.more.static div:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #e5e5e5;
	position: absolute;
	top: 50%;
	left: -6px;
	margin-top: -6px;
	z-index: 10;
}

#tc_timeline.timeclock li.more.static div:after {
	content: "";
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 4px solid #fff;
	position: absolute;
	top: 50%;
	left: -4.5px;
	margin-top: -4px;
	z-index: 11;
}

#tc_timeline.timeclock li.more.static div input,#tc_timeline.timeclock li.more.static div select {
	padding: 0 15px;
	line-height: 33px;
	height: 33px;
	border:none;
}

#tc_timeline.timeclock li.more.static .rlinks {
	color: #888;
	background-color: #f9f9f9;
	width: 35px;
	line-height: 33px;
	height: 35px;
	border: 1px solid #e5e5e5;
	text-align: center;
	float: right;
	background-image: none!important;
	border-left: none;
}

#tc_timeline.timeclock li.more.static .tc_tips.rlinks {
	z-index: 10;
	position: relative;
	border-left: 1px solid #e5e5e5!important;
}

#tc_timeline.timeclock li.more.static .rlinks:hover {
	text-decoration: none;
}

#tc_timeline.timeclock li.more.static span.icon {
	position: absolute;
	left: 13px;
	top: 13px;
	z-index: 10;
	font-size: 11px;
}

#tc_timeline.timeclock li.more.static .help_tag {
	z-index: -1;
	position: absolute;
	width: 150px;
	height: 35px;
	top: 0;
	right: 0px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}

#tc_timeline.timeclock li.more.static .rlinks .icon-break {
	font-size: 18px;
	line-height: 30px;
}

#tc_timeline.timeclock li.more.static .rlinks.tc_tips {
	margin-left: -1px;
}

#tc_timeline.timeclock li.more.static .rlinks.map {
	border-left: 1px solid #e5e5e5;
	margin-left: -1px;
}

#tc_timeline.timeclock li.more.static .rlinks.pos {
	border-left: 1px solid #e5e5e5;
	margin-left: -1px;
}

#tc_timeline.timeclock li.more.static .rlinks.bre {
	border-left: 1px solid #e5e5e5;
	margin-left: -1px;
}

#tc_timeline.timeclock li.more.static .group-links {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}


/* moreA mLoc static */

#tc_timeline.timeclock li.moreA.mLoc.static div.inner div {
	border: none;
	padding: 3px 0;
}

#tc_timeline.timeclock li.moreA.mLoc.static div.inner div.tc-flex-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

#tc_timeline.timeclock li.moreA.mLoc.static div.inner div.tc-flex-wrapper .tc-flex-child-right {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
}

#tc_timeline.timeclock li.moreA.mLoc.static div.inner div.tc-flex-wrapper .tc-flex-child-left {
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 160px;
	background: none;
}

#tc_timeline.timeclock li.moreA.mLoc.static div.inner div.tc-flex-wrapper .tc-flex-child-left input#tc_tl_tips_i {
	width: calc(100% - 12px);
	max-width: 300px;
}

table#tc_tl_overview tbody tr td #tc_timeline.timeclock li.moreA.mLoc.static div.inner div.tc-flex-wrapper .tc-flex-child-left input#tc_tl_tips_i {
	width: 100%;
	max-width: 320px;
}

#tc_timeline.timeclock li.moreA.mLoc.static div.inner div.tc-flex-wrapper .tc-flex-child-left select#tc_tl_po_s {
	width: calc(100% - 20px);
	max-width: 300px;
}

table#tc_tl_overview tbody tr td #tc_timeline.timeclock li.moreA.mLoc.static div.inner div.tc-flex-wrapper .tc-flex-child-left select#tc_tl_po_s {
	width: calc(100% - 20px);
}

#tc_timeline.timeclock li.moreA.mLoc.static {
	line-height: 33px;
	padding: 0 0 0 45px;
	background-image: none!important;
	position: relative;
}

#tc_timeline.timeclock li.moreA.mLoc.static:before {
	content: "";
	position: absolute;
	left: 0;
	top: -10px;
	width: 35px;
	height: 45px;
	border: 1px solid #e5e5e5;
	background: #F9F9F9;
	border-top: none;
}

#tc_timeline.timeclock li.moreA.mLoc.static:after {
	content: "";
	position: absolute;
	left: 18px;
	top: -9px;
	width: 1px;
	height: 23px;
	background: #e5e5e5;
}

#tc_timeline.timeclock li.moreA.mLoc.static div.inner {
	position: relative;
	line-height: 33px;
	padding: 0 15px;
	border: 1px solid #e5e5e5;
	background: #f9f9f9;
	background-image: none!important;
}

#tc_timeline.timeclock li.moreA.mLoc.static div.inner {
	width: calc(100% - 32px);
	position: relative;
	z-index: 1000;
}

table#tc_tl_overview tbody tr td #tc_timeline.timeclock li.moreA.mLoc.static div.inner {
	width: 100%;
}

#tc_timeline.timeclock li.moreA.mLoc.static div.inner:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #e5e5e5;
	position: absolute;
	top: 17px;
	left: -6px;
	margin-top: -6px;
	z-index: 10;
}

#tc_timeline.timeclock li.moreA.mLoc.static div.inner:after {
	content: "";
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 4px solid #f9f9f9;
	position: absolute;
	top: 17px;
	left: -4.5px;
	margin-top: -4px;
	z-index: 11;
}

#tc_timeline.timeclock li.moreA.mLoc.static span.icon {
	background-image: none!important;
	font-size: 20px;
	line-height: 33px;
	margin: 0 0 0 -5px;
}

#tc_timeline.timeclock li.moreA.mLoc.static span.tc-update-buttons {
	float: right;
	width: auto;
	background: none;
}

#tc_timeline.timeclock li.moreA.mLoc.static span.tc-update-buttons a {
	width: auto;
}

#tc_timeline.timeclock li.moreA.mLoc.static div.inner a.clockUs {
	position: relative;
	padding: 0 15px;
	background: #8ab242;
	border: 1px solid #80a43f;
	color: #fff;
	line-height: 25px;
	height: 27px;
	border-radius: 2px;
	float: right;
	margin: 0 0 0 5px;
}

#tc_timeline.timeclock li.moreA.mLoc.static div.inner a.clockCs {
	position: relative;
	padding: 0 15px;
	background: #e86557;
	border: 1px solid #DB5349;
	color: #fff;
	line-height: 25px;
	height: 27px;
	border-radius: 2px;
	float: right;
	margin: 0 0 0 5px;
	text-shadow: none;
}

#tc_timeline.timeclock li.moreA.mLoc.static div.inner select#tc_tl_po_s {
	line-height: 25px;
	height: 27px;
	margin: 0 0 0 -5px;
	float: left;
	border: 1px solid #e5e5e5;
	color: #333;
	border-radius: 0!important;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	font-weight: 400;
	padding: 0px 25px 0px 10px;
	background: white url('/app/layout/images/arrow-down.png') no-repeat 96% center;
}

#tc_timeline.timeclock li.moreA.mLoc.static.static span.icon-addBox {
	background-image: none!important;
	font-size: 20px;
	line-height: 33px;
	position: absolute;
	left: -33px;
	top: 1px;
	font-size: 12px;
}

#tc_timeline.timeclock li.moreA.mLoc.static span.fa {
	position: absolute;
	left: -36px;
	top: 8px;
	font-size: 16px;
	background: #f9f9f9;
	width: 0;
	height: 0;
}


/* Last Button - Clock out */

#tc_timeline.timeclock .lastButton {
	left: -45px;
	top: 10px;
	margin-top: 10px;
	position: relative;
	width: 100%;
	padding: 0 0 5px 45px;
	overflow: hidden!important;
	background-image: none!important;
}

#tc_timeline.timeclock .lastButton:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 35px;
	height: 35px;
	border: 1px solid #e5e5e5;
	border-top: none;
	background: #F9F9F9;
}

#tc_timeline.timeclock .lastButton span.clockGo {
	position: relative;
	margin-left: 1px;
	display: inline-block;
	text-shadow: none;
	background-image: none!important;
	padding: 0 15px;
	background: #e86557;
	background-image: none;
	border: 1px solid #DB5349;
	color: #fff;
	line-height: 33px;
	height: 35px;
	border-radius: 2px;
}

#tc_timeline.timeclock .lastButton span.clockGo:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #DB5349;
	position: absolute;
	top: 50%;
	left: -6px;
	margin-top: -6px;
	z-index: 10;
}

#tc_timeline.timeclock .lastButton span.clockGo:after {
	content: "";
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 4px solid #e86557;
	position: absolute;
	top: 50%;
	left: -4.5px;
	margin-top: -4px;
	z-index: 11;
}

#tc_timeline.timeclock .lastButton span.clockGo .clockOut_help_tag:before {
	content: "";
	position: absolute;
	left: -29px;
	top: -23px;
	width: 1px;
	height: 37px;
	background: #e5e5e5;
}

#tc_timeline.timeclock .lastButton span.clockGo .clockOut_help_tag:after {
	content: "";
	position: absolute;
	left: -32px;
	top: 14px;
	width: 7px;
	height: 7px;
	background: #e86557;
	border-radius: 50%;
}

.dashwidget_body #tc_timeline.timeclock .lastButton:before {
	height: 36px;
}


/* start tc modal */

#tcmodal {}

#tcmodal ul.edit,
#tcmodal ul.view {
	width: 100%;
}


/* clocked in - modal */

#tcmodal ul.edit li.clockedIn div,
#tcmodal ul.view li.clockedIn div {
	width: calc(100% - 30px);
}

#tcmodal ul.edit li.clockedIn div:after,
#tcmodal ul.view li.clockedIn div:after {
	left: -4px;
}

#tcmodal ul.edit li.clockedIn div .time,
#tcmodal ul.view li.clockedIn div .time {
	width: 220px;
}

#tcmodal ul.edit li.clockedIn div .time input,
#tcmodal ul.view li.clockedIn div .time input {
	border-radius: 0;
	border: 1px solid #e5e5e5;
	line-height: 24px;
	height: 26px;
	margin: 0;
	width: 100px;
	color: #888;
	font-size: 12px;
}

#tcmodal ul.edit li.clockedIn div .time input:last-child,
#tcmodal ul.view li.clockedIn div .time input:last-child {
	margin-left: 10px;
}


/* position - modal */

#tcmodal ul.edit li.position div,
#tcmodal ul.view li.position div {
	width: calc(100% - 30px);
}

#tcmodal ul.edit li.position div:after,
#tcmodal ul.view li.position div:after {
	left: -4px;
}

#tcmodal ul.edit li.position .fa-money,
#tcmodal ul.edit li.position .icon-calendarSmall,
#tcmodal ul.view li.position .fa-money,
#tcmodal ul.view li.position .icon-calendarSmall {
	position: absolute;
	left: -35px;
	top: 5px;
	font-size: 16px;
}

#tcmodal ul.view li.position .fa-money {
	left: 11px;
	top: 6px;
}

#tcmodal ul.edit li.position .icon-calendarSmall:after,
#tcmodal ul.edit li.position .fa-money:after,
#tcmodal ul.view li.position .icon-calendarSmall:after,
#tcmodal ul.view li.position .fa-money:after {
	content: "";
	width: 1px;
	height: 15px;
	background: #e5e5e5;
	position: absolute;
	top: 18px;
	left: 7px;
	z-index: 10;
}

#tcmodal ul.edit li.position select,
#tcmodal ul.view li.position select {
	margin: 3px 0 0 0;
	display: inline-block;
	color: #333;
	border-radius: 0!important;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	border: 1px solid #e5e5e5;
	font-weight: 400;
	padding: 0px 25px 0px 10px;
	line-height: 24px;
	height: 26px;
	max-width: 120px;
	background-image: url('/app/layout/images/arrow-down.png');
	background-repeat: no-repeat;
	background-position: 96% center;
}

#tcmodal ul.edit li.position div .time,
#tcmodal ul.view li.position div .time {
	width: 220px;
}

#tcmodal ul.edit li.position div .time input,
#tcmodal ul.view li.position div .time input {
	border-radius: 0;
	border: 1px solid #e5e5e5;
	line-height: 24px;
	height: 26px;
	margin: 0;
	width: 100px;
	color: #888;
	font-size: 12px;
}

#tcmodal ul.edit li.position div .time input.tcedate,
#tcmodal ul.view li.position div .time input.tcedate {
	margin-left: 10px;
}

#tcmodal ul.edit li.position input.ed_tc_pos,
#tcmodal ul.view li.position input.ed_tc_pos {
	margin: 3px 0 0 0;
	display: inline-block;
	color: #333;
	border-radius: 0!important;
	border: 1px solid #e5e5e5;
	font-weight: 400;
	padding: 0px 25px 0px 10px;
	line-height: 24px;
	height: 26px!important;
	width: 120px!important;
}


/* location - modal */

#tcmodal ul.edit li.location div,
#tcmodal ul.view li.location div {
	width: calc(100% - 30px);
}

#tcmodal ul.edit li.location div:after,
#tcmodal ul.view li.location div:after {
	left: -4px;
}

#tcmodal ul.edit li.location:after,
#tcmodal ul.view li.location:after {
	left: 18px;
	top: -7px;
	width: 1px;
	height: 12px;
}

#tcmodal ul.edit li.location div .time,
#tcmodal ul.view li.location div .time {
	width: 220px;
}

#tcmodal ul.edit li.location div .time input,
#tcmodal ul.view li.location div .time input {
	border-radius: 0;
	border: 1px solid #e5e5e5;
	line-height: 24px;
	height: 26px;
	margin: 0;
	width: 100px;
	color: #888;
	font-size: 12px;
}

#tcmodal ul.edit li.location div .time input.tcedate,
#tcmodal ul.view li.location div .time input.tcedate {
	margin-left: 10px;
}

#tcmodal ul.edit li.location .icon-locationSmall,
#tcmodal ul.view li.location .icon-locationSmall {
	position: absolute;
	left: -35px;
	top: 5px;
	font-size: 16px;
}

#tcmodal ul.edit li.location select,
#tcmodal ul.view li.location select {
	margin: 3px 0 0 0;
	display: inline-block;
	color: #333;
	border-radius: 0!important;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	border: 1px solid #e5e5e5;
	font-weight: 400;
	padding: 0px 25px 0px 10px;
	line-height: 24px;
	height: 26px;
	max-width: 120px;
	background-image: url('/app/layout/images/arrow-down.png');
	background-repeat: no-repeat;
	background-position: 96% center;
}


/* break - modal */

#tcmodal ul.edit li.break div,
#tcmodal ul.view li.break div {
	width: calc(100% - 30px);
}

#tcmodal ul.edit li.break div:after,
#tcmodal ul.view li.break div:after {
	left: -4px;
}

#tcmodal ul.edit li.break .icon-break {
	position: absolute;
	left: -35px;
	top: 5px;
	font-size: 16px;
}

#tcmodal ul.view li.break .icon-break {
	position: absolute;
	left: 11px;
	top: 5px;
	font-size: 16px;
}

#tcmodal ul.edit li.break .icon-break:after,
#tcmodal ul.view li.break .icon-break:after {
	content: "";
	width: 1px;
	height: 15px;
	background: #e5e5e5;
	position: absolute;
	top: 18px;
	left: 7px;
	z-index: 10;
}

#tcmodal ul.edit li.break div .time,
#tcmodal ul.view li.break div .time {
	width: 220px;
}

#tcmodal ul.edit li.break div .time input,
#tcmodal ul.view li.break div .time input {
	border-radius: 0;
	border: 1px solid #e5e5e5;
	line-height: 24px;
	height: 26px;
	margin: 0;
	width: 100px;
	color: #888;
	font-size: 12px;
}

#tcmodal ul.edit li.break div .time input.tcedate,
#tcmodal ul.view li.break div .time input.tcedate {
	margin-left: 10px;
}

#tcmodal ul.edit li.break input.timerange,
#tcmodal ul.view li.break input.timerange {
	margin: 3px 0 0 0;
	display: inline-block;
	color: #333;
	border-radius: 0!important;
	border: 1px solid #e5e5e5;
	font-weight: 400;
	padding: 0px 25px 0px 10px;
	line-height: 24px;
	height: 26px;
	max-width: 120px;
}


/* clockedIn out - modal */

#tcmodal ul.edit li.clockedIn.out,
#tcmodal ul.view li.clockedIn.out {
	color: #888!important;
}

#tcmodal ul.edit li.clockedIn.out div,
#tcmodal ul.view li.clockedIn.out div {
	width: calc(100% - 26px);
}

#tcmodal ul.edit li.clockedIn.out:before,
#tcmodal ul.view li.clockedIn.out:before {
	top: auto;
	bottom: 0;
	border-top: none;
	height: 50px;
}

#tcmodal ul.edit li.clockedIn.out:after {
	top: 18px;
}

#tcmodal ul.view li.clockedIn.out:after {
	top: 18px;
}

#tcmodal ul.edit li.clockedIn.out div,
#tcmodal ul.view li.clockedIn.out div {
	margin-left: -4px;
}

#tcmodal ul.edit li.clockedIn.out .help_tag,
#tcmodal ul.view li.clockedIn.out .help_tag {
	position: absolute;
	width: 1px;
	background: #e5e5e5;
	height: 42px;
	left: 18px;
	bottom: 19px;
}


/* note - modal */

#tcmodal ul.edit li.note div,
#tcmodal ul.view li.note div {
	width: calc(100% - 30px);
}

#tcmodal ul.edit li.note div:after,
#tcmodal ul.view li.note div:after {
	left: -4px;
}

#tcmodal ul.edit li.note div .time,
#tcmodal ul.view li.note div .time {
	width: 220px;
}

#tcmodal ul.edit li.note div .time input,
#tcmodal ul.view li.note div .time input {
	border-radius: 0;
	border: 1px solid #e5e5e5;
	line-height: 24px;
	height: 26px;
	margin: 0;
	width: 100px;
	color: #888;
	font-size: 12px;
}

#tcmodal ul.edit li.note div .time input.tcedate,
#tcmodal ul.view li.note div .time input.tcedate {
	margin-left: 10px;
}

#tcmodal ul.edit li.note .icon-note {
	position: absolute;
	left: -35px;
	top: 5px;
	font-size: 16px;
}

#tcmodal ul.view li.note .icon-note {
	position: absolute;
	left: 10px;
	top: 5px;
	font-size: 18px;
}

#tcmodal ul.view li.note .icon-note:after {
	left: 8px;
}

#tcmodal ul.edit li.note input.edn,
#tcmodal ul.view li.note input.edn {
	margin: 3px 0 0 0;
	display: inline-block;
	color: #333;
	border-radius: 0!important;
	border: 1px solid #e5e5e5;
	font-weight: 400;
	padding: 0px 25px 0px 10px;
	line-height: 24px;
	height: 26px!important;
	width: 120px!important;
}


/* Clock out button removed from manage time sheet modal */

#tcmodal ul.view li:nth-last-child(2)+li:not(.clockedIn):before {
	border-bottom: 1px solid #e5e5e5;
	height: 46px;
}

#tcmodal ul.view li:nth-last-child(2)+li:not(.clockedIn) span:after {
	background: none;
}

#tcmodal ul.edit li:nth-last-child(2)+li:not(.clockedIn):before {
	border-bottom: 1px solid #e5e5e5;
	height: 46px;
}

#tcmodal ul.edit li:nth-last-child(2)+li:not(.clockedIn) span:after {
	background: none;
}


#_cd_timeclock .right table#tc_tl_overview tbody {
	width: 100%;
	height: 100%;
}

#_cd_timeclock .right table#tc_tl_overview tbody tr {}

#_cd_timeclock .right table#tc_tl_overview tbody tr td {
	padding: 15px;
}

#_cd_timeclock .right table#tc_tl_overview tbody tr td:first-child {
	border-right: 1px solid #e5e5e5;
	width: 53%;
}

#_cd_timeclock .tlDate {
	border: 1px solid #e5e5e5!important;
	line-height: 22px;
	background: #fff;
	width: 100%;
	padding: 15px;
	color: #333;
}

#_cd_timeclock .right table#tc_tl_overview tbody tr td .tlDate span {
	color: #999;
}

#_cd_timeclock .right table#tc_tl_overview tbody tr td span.text {
	margin: 15px 0;
	width: 100%;
	max-width: 100%;
	border-radius: 3px;
	color: #8a6d3b;
	background-color: #fcf8e3;
	border: 1px solid #faebcc;
}

div._tc_notice {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border: 1px solid #faebcc;
	padding: 10px;
	border-radius: 3px;
}

#_cd_timeclock div._tc_notice {
	margin: 15px 0 0 0;
}

#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box {
	border: 1px solid #e5e5e5;
}

#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box p.para {
	padding: 15px;
	color: #333;
	font-size: 13px;
	margin: 0;
}

#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .tlFilters {
	background: #fff;
	border: none;
	border-bottom: 1px solid #e5e5e5;
	padding: 15px;
}

#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .tlFilters h2 {
	color: #333;
}

#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .tlFilters select {
	border: 1px solid #e5e5e5;
	color: #333;
	background: #fff;
}

#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .tlFilters .jsSelect {
	border: 1px solid #e5e5e5;
	color: #333;
	background: #fff;
}

#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .tlFilters .jsSelect a {
	border: none;
	background: #fff;
	color: #333;
}

#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .tlFilters .jsSelect a:after {
	content: "\E607";
	font-family: 'HumanityIcons';
	position: absolute;
	right: 3px;
	top: 0px;
	font-size: 18px;
	color: #888;
}

#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .tlFilters .jsSelect ul a:after {
	content: "";
}

#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .timeSList {
	margin: 0;
	padding: 0;
}

#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .timeSList li {
	position: relative;
	overflow: hidden;
	border: none!important;
	border-bottom: 1px solid #e5e5e5!important;
	line-height: 30px;
	margin: 0;
	padding: 0;
	background: #fff!important;
	color: #888;
}

#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .timeSList li.hum_table_thead {
	background: #F7F7F7!important;
	color: #333;
}

#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .timeSList li span {
	width: 19%;
	float: left;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .timeSList li span.edit {
	margin: 0!important;
	position: absolute;
	right: 0px;
	width: 28px;
	top: 0px;
	height: 30px;
}

#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .timeSList li span.edit a {
	color: #888;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .timeSList li span.edit a span.icon-edit {
	width: 100%;
	height: 100%;
	line-height: 30px;
}

#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .tlFilters_bottom {
	background: #F7F7F7;
	border-bottom: none;
}

#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .tlFilters_bottom p {
	display: block;
}

#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .tlFilters_bottom p span {
	display: inline-block;
	color: #888;
}

#_cd_timeclock .right table#tc_tl_overview tbody tr td .hum_box .tlFilters_bottom p span.name {
	width: 108px;
	color: #333;
}


/* location */

#tc_timeline.timeclock li.location {
	line-height: 33px;
	padding: 0 0 0 45px;
	background-image: none!important;
	position: relative;
}

#tc_timeline.timeclock li.location:before {
	content: "";
	position: absolute;
	left: 0;
	top: -11px;
	width: 35px;
	height: 50px;
	border: 1px solid #e5e5e5;
	background: #F9F9F9;
	border-top: none;
	border-bottom: none;
}

#tc_timeline.timeclock li.location:after {
	content: "";
	position: absolute;
	left: 18px;
	top: -8px;
	width: 1px;
	height: 56px;
	background: #e5e5e5;
}

#tc_timeline.timeclock li.location div {
	position: relative;
	height: 35px;
	line-height: 33px;
	padding: 0 15px;
	border: 1px solid #e5e5e5;
	background: #f9f9f9;
	background-image: none!important;
}

#tc_timeline.timeclock li.location div.inner {
	float: none;
	position: relative;
	z-index: 1000;
}

#tc_timeline.timeclock li.location div:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #e5e5e5;
	position: absolute;
	top: 50%;
	left: -6px;
	margin-top: -6px;
	z-index: 10;
}

#tc_timeline.timeclock li.location div:after {
	content: "";
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 4px solid #f9f9f9;
	position: absolute;
	top: 50%;
	left: -4.5px;
	margin-top: -4px;
	z-index: 11;
}

#tc_timeline.timeclock li.location span.icon {
	background-image: none!important;
	font-size: 20px;
	height: 20px;
	top: 6px;
	position: absolute;
	left: 9px;
	background: #f9f9f9;
	z-index: 10;
}

#tc_timeline.timeclock .tctruncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
}

#tc_timeline.timeclock .tctruncate:hover {
	text-decoration: none;
}

#tc_timeline.timeclock .tctruncate span {
	width: 100%;
}


#_cd_reports .tableScroll {
	overflow: auto;
}

#_cd_reports .tableHeader {
	margin-bottom: 15px;
	padding: 18px;
	background: #F9F9F9;
}


/* ReportsFooterInfo */

#_cd_reports .right .ReportsFooterInfo {
	margin-bottom: 15px;
	border: 2px solid #e5e5e5;
	padding: 13px 13px 10px 13px;
	background: #fff;
	overflow: hidden;
}

#_cd_reports .right .ReportsFooterInfo .fright .switcher {
	position: relative;
	display: inline-block;
	width: 75px;
	height: 26px;
	margin: 0 10px 0 0;
}

#_cd_reports .right .ReportsFooterInfo .fright .switcher input {
	display: none;
}

#_cd_reports .right .ReportsFooterInfo .fright .slider-sw {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #bdbdbd;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 3px;
}

#_cd_reports .right .ReportsFooterInfo .fright .slider-sw:before {
	border-radius: 3px 0 0 3px;
	position: absolute;
	content: "";
	height: 24px;
	width: 26px;
	left: 1px;
	bottom: 1px;
	background-color: #fff;
	-webkit-transition: .4s;
	transition: .4s;
}

#_cd_reports .right .ReportsFooterInfo .fright .slider-sw:after {
	content: "Off";
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	color: #f4f4f4;
	line-height: 26px;
	text-align: center;
	font-weight: 300;
	letter-spacing: 0.04em;
	-webkit-transition: .4s;
	transition: .4s;
}

#_cd_reports .right .ReportsFooterInfo .fright input:checked+.slider-sw {
	content: 'On';
	background-color: #3ea3cc;
	-webkit-transition: .4s;
	transition: .4s;
}

#_cd_reports .right .ReportsFooterInfo .fright input:checked+.slider-sw:after {
	content: "On";
	top: 0;
	left: 0;
	right: none;
	width: 48px;
	color: #f4f4f4;
	line-height: 26px;
	text-align: center;
	font-weight: 300;
	letter-spacing: 0.04em;
	-webkit-transition: .4s;
	transition: .4s;
}

#_cd_reports .right .ReportsFooterInfo .fright input:checked+.slider-sw:before {
	-webkit-transform: translateX(47px);
	-ms-transform: translateX(47px);
	transform: translateX(47px);
	border-radius: 0 2px 2px 0;
	-webkit-transition: .4s;
	transition: .4s;
}

#_cd_reports .right .ReportsFooterInfo .fright span {
	display: inline-block;
	vertical-align: top;
	margin-top: 2px;
}

#_cd_reports .right .ReportsFooterInfo .flag1,
#_cd_reports .right .ReportsFooterInfo .flag2 {
	border-radius: 2px;
	width: 22px;
	height: 22px;
	display: inline-block;
	background-color: #D7EFD0;
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: -2px 10px 0 0;
	vertical-align: middle;
}

#_cd_reports .right .ReportsFooterInfo input {
	height: 22px;
}


/* end ReportsFooterInfo */

#_cd_reports .right .tableHeader select,
.custom-saved-reports {
	margin: 5px 5px 5px 0;
	color: #777;
	font-weight: normal;
	border-radius: 0!important;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	padding: 0px 25px 0px 10px;
	line-height: 30px;
	height: 32px;
	width: 175px;
	background-image: url('/app/layout/images/arrow-down.png');
	background-repeat: no-repeat;
	background-position: 96% center;
}

#_cd_reports .right .tableHeader input {
	color: #777;
	font-weight: normal;
}

#_cd_reports table td:first-child span {
	white-space: nowrap;
}

#_cd_reports .right .tableHeader tr td:last-child * {
	margin-right: 5px;
}


/* RATE CARD */

table.ratecard {
	border-collapse: collapse;
	margin: 0px;
}

table.ratecard td {
	margin: 0px;
	padding: 5px;
	border: 1px solid #E9E9E9;
	white-space: nowrap;
}

table.ratecard tr.ttl td {
	background-color: #F7F7F7;
	color: #6B6B6B;
	font-weight: bold;
	text-align: center;
}

table.ratecard td.vertL {
	border-left: 1px solid #898989 !important;
}

table.ratecard td.vertR {
	border-right: 1px solid #898989 !important;
}

table.ratecard td.vertT {
	border-top: 1px solid #898989 !important;
}

table.ratecard td.vertB {
	border-bottom: 1px solid #898989 !important;
}

table.ratecard td.vertBG {
	background-color: #F7F7F7;
}

table.ratecard .ui-selecting {
	background: #FECA40;
}

table.ratecard .ui-selected {
	background: #F39814;
	color: white;
}

table.ratecard input {
	text-align: center;
}

div.ratecardtitle input {
	font-size: 14px;
	width: 200px;
	margin-bottom: 4px;
	padding: 5px;
	text-align: center;
}

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}

.ResultsTable {
	border-collapse: collapse;
}

.ResultsTable td.main_td {
	border: 1px solid #cccccc;
	padding: 5px;
}

.ResultsTable tr.title td {
	background-color: #F7F7F7;
	color: #6B6B6B;
	font-weight: bold;
	padding: 18px;
}
.TimeSheetTable {
    margin-bottom:-1px;
}
.TimeSheetTable tr.inner-row {
border-bottom:1px solid #cccccc;
}
/*.TimeSheetTable tr:last-child {
border-bottom:0px;
}*/

.TimeSheetTable tr td{
padding:0px;
border-top:0px;
border-bottom:0px;
width:33%;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
}
.TimeSheetTable tr td:last-child{
border-right:0px;
}
.TimeSheetTable tr td:first-child{
border-left:0px;
}

#dragable1,
#dragable2,
#dragable3 {
	display: block;
	float: left;
	overflow: hidden;
	min-height: 100px;
	width: 100%;
}

.dashwidget {
	background-color: white;
}

.dashwidget_body,
.dashwidget_label {
	border: 1px solid #E2E2E2;
}

.dashwidget_body {
	padding: 15px;
	border-top: none;
}

.dashwidget,
._tc_notice {
	margin: 15px 0 0 15px;
	width: calc(100% - 15px);
	box-sizing: border-box;
}

.dashwidget_label {
	cursor: move;
}
img.dash_avatar {
	width: 30px;
	height: 30px;
	border-radius: 2px;
}
div#dash_messagewall_container .dashwidget_label {
	padding: 15px;
	font-weight: normal;
	border: none;
}

#whosOnNow div.dashwidget_body .widget-row div.emp-wrapper {
	width: 50%;
}

#whosOnNow div.dashwidget_body .widget-row div.emp-wrapper .shift-time {
	color: #888888;
}
div.dashwidget_label {
    font-size: 15px;
    font-weight: 500;
    color: #333;
    padding: 10px 16px;
    line-height: 23px;
    border-bottom: 1px solid #E2E2E2;
}
div.dashwidget_body .widget-row {
    padding: 8px 8px 3px 8px;
}
div.dashwidget_body .widget-row div.img-wrapper {
    padding-right: 8px;
    margin-right: 8px;
    height: 34px;
}
.fl {
    float: left;
}
#whosOnNow div.dashwidget_body .widget-row div.emp-wrapper {
    width: 50%;
}
div.dashwidget_body .widget-row div.emp-wrapper {
    width: 40%;
    margin-right: 5px;
}
div.dashwidget_body .widget-row span.emp-name {
    display: block;
    font-weight: 600;
    margin-bottom: 2px;
    text-overflow: ellipsis;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
}
div.dashwidget_body .widget-row span {
    font-weight: 500;
    color: #333;
}
#whosOnNow div.dashwidget_body .time {
    color: #7CA037;
    min-width: 55px;
    line-height: 30px;
    text-align: right;
}
.be-right-15 {
    position: absolute;
    right: 35px;
}
.leftO {
    float: left;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    padding: 0 1px;
    position: relative;
    background: #ecebeb;
    height: 100%;
}
ul.lMenuHolder {
    padding: 0;
    margin: 0;
}
ul.lMenuHolderR {
    padding: 0;
    margin: 0;
}
ul.lMenuHolder li {
    list-style: none;
    padding: 0;
}
ul.lMenuHolderR li {
    list-style: none;
    padding: 0;
    float:left;
    min-width:200px;
    border-right:1px solid #c4c4c4;
    line-height:20px;
}
.leftO a.dent {
    width: calc(100% - 0px);
}
.leftO .dent {
    display: block;
    font-weight: bold;
    background-color: #ffffff;
    padding: 4px;
    margin-right: -2px;
}
.leftO a {
    color: #343434;
    text-decoration: none;
    outline: none;
    font-size:12px;
}
.leftO .dentshadow, .left .dentshadowP {
    background-color: #D1CECE;
    height: 4px;
    margin-bottom: 10px;
    margin-right: -2px;
    margin-left: 15px;
}
.mitem {
    display: block;
    margin: 4px 10px 4px 20px;
    padding-bottom: 0px;
    color: #3F3F3F;
}
.dent span {
color:#ed7d31;
}
.mitem {
color: #343434;
}