/* here you can put your own css to customize and override the theme */

@import url(./animations.css);
@import 'https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900';
html, body {
	font-size: 14px;
	font-family: Rubik, sans-serif;
	color: #848a96;
}
#help {
	-webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: rotate(90deg) translate(50%,50%);
    -moz-transform: rotate(90deg) translate(50%,50%);
    -ms-transform: rotate(90deg) translate(50%,50%);
    -o-transform: rotate(90deg) translate(50%,50%);
    transform: rotate(-90deg) translate(50%,50%);
    position: fixed;
    right: 35px;
    top: 50%;
    width: 80px;
    margin: 0;
    z-index: 5;
    background-color: #525e64;
    border-color: #525e64;
    color: white;
    text-align: left;
    /* border-right: 0; */
    padding: 10px 16px;
    height: 35px;
    text-transform: uppercase;
    box-shadow: none;
    border: none;
    font-family: Rubik, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-shadow: none;
    outline: none;
}
samp{
	font-family: Rubik, sans-serif !important;
}
.b-0{
	border: none !important;
}
.h-100{
	height: 100%;
}
.w-100{
	width: 100%;
}
.w-20 {
    width: 20px !important;
}
.p-absolute{
	position: absolute;
}
.p-relative{
	position: relative;
}
.teams {
    font-style: italic;
}
h1,h2,h3,h4,h5,h6, 
.datepicker table tr td, 
.datepicker table tr th, 
.dropdown-menu, 
.dropdown-menu > li > a, 
.btn, 
.form-control {
  	font-family: Rubik, sans-serif;
}
.datepicker table tr td, .datepicker table tr th {
	font-size: 14px;
	font-family: Rubik, sans-serif !important;
	height: 29px;
}
strong{
	font-weight: 500;
}
body{
	overflow-x:hidden;
}
.l-h-17{
	line-height: 17px !important;
}
.bold {
    font-weight: 500!important;
}
/* Space */
button:focus {outline:0;}
select:focus {outline:0;}
.top-zero {
	margin-top:0px;	
}
.top15 {
	margin-top:15px;	
}
.m-r-15{
	margin-right:15px !important;
}
.m-t-5{
	margin-top:5px;
}
.p-t-15{
	padding-top:15px !important;
}
.m-b-10{
	margin-bottom:10px;
}
.m-b-0{
	margin-bottom:0;
}
.m-b-20{
	margin-bottom: 20px;
}
.p-t-0{
	padding-top:0;
}
.p-b-0{
	padding-bottom: 0;
}
.p-l-20{
	padding-left: 20px;
}
.pad10 {
	padding-top:10px !important;	
}
.pad15{
	padding: 15px;
}
.w-330{
	width:330px;
}
hr.blue{
	height: 2px;
	background:#A0DDEF;
	margin-top:10px;
}
.space2 {
	display: block;
	height: 2px !important;
	clear: both;
}
.space5 {
	display: block;
	height: 5px !important;
	clear: both;
}
.space7 {
	height: 7px !important;
	clear: both;
}
.space10 {
	height: 10px !important;
	clear: both;
}
.space12 {
	height: 12px !important;
	clear: both;
}
.space15 {
	height: 15px !important;
	clear: both;
}
.space20 {
	height: 20px !important;
	clear: both;
}
.space30 {
	height: 30px !important;
	clear: both;
}
.space40 {
	height: 40px !important;
	clear: both;
}
.space50 {
	height: 50px !important;
	clear: both;
}
.space60 {
	height: 60px !important;
	clear: both;
}
.no-space {
	margin: 0px !important;
	padding: 0px !important;
}
.width65{
	max-width:65%;
}
.m-t-0 {
    margin-top: 0;
}
.w-18{
	width:18px;
	height:18px;
}
textarea { resize:vertical; } 

.supp-no {
    margin-left: 5px;
}
/* home Page */
.page-logo h1{
	font-size: 20px;
    margin-top: 13px;
    color:#fff;
}
.page-logo h1 a{
    color:#fff;
    text-decoration: none !important;
}
#wcs .page-header.navbar .top-menu .nav li.global-admin a {
    background-color: transparent;
}

/*status alert for incentives*/
.status-alert .panel .panel-heading {
    padding: 2px 15px!important;
}
.status-alert .panel{
    margin-bottom:10px !important;
}
.status-alert .panel:last-child{
	margin-bottom: 0 !important;
}
.status-alert .panel .panel-heading .badge-danger{
    background-color:#ed6b75!important;
}
.modal.modal-sr.modal-leftsec .modal-dialog {
    margin-top: 70px;
    margin-left: 6%;
}
@media (max-width: 1280px) and (min-width:1199px){
	.modal.modal-sr.modal-leftsec .modal-dialog {
	    margin-top: 70px;
	    margin-left: 9%;
	}
}

@media (min-width: 1281px) and (max-width:1599px){
	.modal.modal-sr.modal-leftsec .modal-dialog {
	    margin-top: 70px;
	    margin-left: 8%;
	}
}
.has-error .note-editor{
	border: 0 !important;
}
.has-error .note-editable{
	border: 1px solid #e73d4a!important;
}

#FormProgram h5{
	margin: 0 0 10px 0;
	font-weight: 400;
}
/* supplier page */
.page_subtitle small{
	font-size:10px !important;
}

/* for required */
.label-error label, .label-error label span {
  color: #e73d4a !important;
}

/* Copypayout on RTM page */
.CopyPayout-btn .active {
    color: white !important;
    background:#4CAF50 !important;
}
/* autoshare incentives */
.autosharepanel .panel p{
    margin:0 !important;
}
.autosharepanel .panel{
    margin-bottom: 0!important;
    border-radius: 0!important;
    border-bottom:1px solid #EBEBEB;
    border-top:transparent;
    box-shadow: none ;
}
#autoShareModal .more-data{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width:200px;
}
#autoShareModal .max-data{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width:330px;
}
#autoShareModal .modal-body{
	padding: 0 !important;
}
.tooltip{
    z-index: 100000000000;
}

/* Incentive Sales Team */
.rtm .form-horizontal .control-label{
text-align: left !important;
}
.rtm .form-horizontal .form-group.form-md-line-input{
	margin-bottom: 0 !important;
	padding-top: 0 !important;
}
.form-horizontal input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #333 !important;
}
.form-horizontal input::-moz-placeholder { /* Firefox 19+ */
  color: #333 !important;
}
.form-horizontal input:-ms-input-placeholder { /* IE 10+ */
  color: #333 !important;
}
.form-horizontal input:-moz-placeholder { /* Firefox 18- */
  color: #333 !important;
}
.SalesTeam-AddModal{
	top: 125px;
}
.SalesTeam-EditModal{
	top: 222px;
}
#section-supplier-VF .panel.blue,.modal-header.blue,.tile-active.blue {
	border-left: 7px solid #32A2FC !important;
}
#section-supplier-VF .panel.green,.modal-header.green,.tile-active.green {
	border-left: 7px solid #4CAF50 !important;
}
.badge.blue{background-color:#32A2FC; }
.badge.green{background-color:#4CAF50; }

/*Jstree CSS for features*/
.jstree-default .jstree-wholerow-clicked, .jstree-wholerow .jstree-wholerow-clicked, .jstree-wholerow.jstree-wholerow-hovered{
    background:transparent !important;
}
.feature-tree-combobox, .feature-tree-textbox{
    position:absolute;
}
.jstree-default .jstree-node{
    margin-bottom:10px;
}

/* Main page Tile */

.grid-action.mainPage-Title .page-title{
margin-top: 0;
}
.Supplier-TabPanel .tab-content{
	padding: 20px 0 !important;
}
.Supplier-TabPanel .rtm .well.well-sm{
	padding: 10px !important;
	margin-bottom: 10px !important;
}

/* incentive view */
.Incentive-SupplierView .panel-body h5{ 
padding:15px 5px;
}
.Incentive-SupplierView .panel-heading{
border-bottom: 1px solid #ddd !important;
}
.Incentive-SupplierView .panel-heading.blue{
border-left: 7px solid #32A2FC !important;
}
.Incentive-SupplierView .panel-heading.green{
border-left: 7px solid #4CAF50 !important;
}
.Incentive-SupplierView .panel-heading h3{
	font-weight: 400 !important;
}
.Incentive-SupplierView .panel-heading a{
	position: absolute;
    right: 20px;
    top: 8px;
}
.Incentive-SupplierView .panel-footer{
	border: 0 !important;
}

/* SP-Track */
.panel-custom .panel-heading{
	padding: 0 !important;
}
.panel-custom .panel-body{
	padding: 0 !important;
}
.panel-custom .table{
	margin: 0 !important;
}
.panel-custom .dropdown-menu{
	z-index: 999999;
}
#ManageTrackerModal .panel-custom{
	margin-bottom: 5px !important;
}

/*Notification SLider*/
.modal-dialog.notif-callout{
	width:480px !important;
	font-size:12px;
}

/*Edit Manage Tracker*/

.panel-heading.edit-tracker {
    background-color: #fffccd !important;
    border: 1px dashed #3598dc !important;
}
.edit-tracker .panel-body .table-striped>tbody>tr:first-child{
	background-color: #fffccd !important;
}
.dropdown-confirmation{
	position:absolute;
	top:0;
}
.confirm-msg{
	padding:10px;
}
.btn.darkgreen{
	background-color:#26C281;
	color:#fff;
}
.req-icon-supplier{
    color: #fff;
    background-color: #e7505a;
    padding: 3px 7px;
    border-radius: 9px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.18);
}
/* TABLE */

#wcs .table th, 
#wcs .table td, 
#wcs .table .label {
	font-size:14px;
}
#wcs .table-action tr>th:last-child, 
#wcs .table-action  tr>td:last-child {
	max-width:12%;
	text-align:right;
}
#wcs .table-sortable thead tr th {
	white-space: nowrap;
}
#wcs .table-sortable thead tr th i {
	color:#ccc;
	margin-top:4px;
}
#wcs .table-advance > thead > tr > th {
	background:#cfd8dc;
	font-weight:500;
	border-bottom:2px solid #b0bec5;
	vertical-align: bottom;
}

#wcs .table-checkable tr>td:first-child,
#wcs .table-checkable tr>th:first-child {
	text-align:center;
	width:40px;
	padding-left:0;
	padding-right:0;
}

#wcs .table-action tr>th.more, 
#wcs .table-action  tr>td.more {
	width:1%;
	text-align:center;
}
#wcs .table-action td:last-child .btn-group.open ul.dropdown-menu,
#wcs .table-action td:last-child .dropdown.open ul.dropdown-menu {
	border-radius: 10px !important;
  	border:1px solid #ACB5C3 !important;
  	-webkit-box-shadow: 3px 3px 30px 0px rgba(0,0,0,0.4) !important;
  	-moz-box-shadow: 3px 3px 30px 0px rgba(0,0,0,0.4) !important;
	box-shadow: 3px 3px 30px 0px rgba(0,0,0,0.4) !important;
}
#wcs .table-action td:last-child .btn-group ul.dropdown-menu > li > a > span,
#wcs .table-action td:last-child .btn-group ul.dropdown-menu > li > a > i,
#wcs .table-action td:last-child .dropdown ul.dropdown-menu > li > a > span,
#wcs .table-action td:last-child .dropdown ul.dropdown-menu > li > a > i {
	color:#888;
}
#wcs .table-action td:last-child .btn-group ul.dropdown-menu > li > a,
#wcs .table-action td:last-child .dropdown ul.dropdown-menu > li > a {
	color:#5e738b;
	font-size: 0.9em;
	font-weight: 400;
	font-family: 'Open Sans';
}
#wcs .table-action td:last-child .btn-group ul.dropdown-menu > li:first-child > a,
#wcs .table-action td:last-child .dropdown ul.dropdown-menu > li:first-child > a {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#wcs .table-action td:last-child .btn-group ul.dropdown-menu > li:last-child > a,
#wcs .table-action td:last-child .dropdown ul.dropdown-menu > li:last-child > a {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
#wcs .table-action td:last-child .btn {
	margin-bottom: 10px;
}

#wcs .table-action tr td:last-child .btn,
#wcs .table-action tr td:last-child .btn-group {
	visibility: hidden;
}

#wcs .table-action tr:hover td:last-child .btn,
#wcs .table-action tr:hover td:last-child .btn-group {
	visibility: visible;
}
#wcs .table-action tr td:last-child .btn-group .btn {
	margin-right: 0;
}
#wcs .table-action tr td .btn-group-tags {
	visibility: hidden;
}
#wcs .table-action tr:hover td .btn-group-tags {
	visibility: visible;
}

#wcs .table tr > th.col-checkbox, 
#wcs .table tr > td.row-checkbox {
	width:5%;
	text-align:center;
	white-space: nowrap;
}

#wcs .table-sortable thead tr th i {
	margin-top:4px;
}
#wcs .table-advance.table-sortable thead tr th i {
	color:#0277bd;
}
#wcs .portlet.table {
	padding:0px;
}
#wcs .portlet.table, 
#wcs .portlet.table .portlet-body {
	padding:0px;
}

#wcs .table td.program, 
#wcs .table td.program > a {
	font-weight: 500px;
}
#wcs .table td.program > a, 
#wcs .table td.supplier > span {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
#wcs .table-uploadata thead tr th {
	text-align: center;
}

#wcs .table-emp-add tr td {
	white-space: nowrap;
}
#wcs .table.table-chargeback{
  color:#546e7a;
}
#wcs .table.table-chargeback th{
  background: #e3effb;
    color: #606060;
}
#wcs .table.table-chargeback th,#wcs .table.table-chargeback tr,#wcs .table.table-chargeback td{
  border:2px solid #cfd8dc;
}
#wcs .table tr.child-level-1 td {
  background-color: #f1f4f7;
}
#wcs .table tr.child-level-2 td {
  background-color: #dee8f0;
}
.tablesub-heading{
  color:#5a96ff;
}
#wcs .table tr.child-level-2 td:first-child {
  padding-left:15px;
}
#wcs .table tr.child-level-3.odd td {
  background-color: #ffffff;
  border:2px solid #cfd8dc;
}
#wcs .table tr.child-level-3.even td {
  background-color: #fbfcfd;
  border:2px solid #cfd8dc;
}
#wcs .table tr.child-level-3 td:first-child {
  padding-left:30px;
}

#wcs .table-payroll {
	margin-bottom: 0 !important;
}
#wcs .table-payroll.col4 tr td:nth-child(4) {
	background-color:#E8F5E9;
	border-top:1px solid #C8E6C9;
	border-bottom:1px solid #C8E6C9;
}
#wcs .table-payroll.col4 tr:last-child td:nth-child(4){
	background-color:#C8E6C9;
	color:#3C763D;
	font-weight: bold;
}
/*For Ipad-Payroll*/
#wcs .table-payroll-ipad.col4 tr td:nth-child(4) {
	background-color:#FAEBCC;
	border-top:1px solid #FAEBCC;
	border-bottom:1px solid #FAEBCC;
}
#wcs .table-payroll-ipad.col4 tr:last-child td:nth-child(4){
	background-color:#FAEBCC;
	color:#E87E04;
	font-weight: bold;
}
#wcs .table-mypay.col6 tr td:nth-child(6) {
	background-color:#FFFDE7;
	border-top:1px solid #FAEBCC;
	border-bottom:1px solid #FAEBCC;
}
#wcs .table-mypay.col6 tr:last-child td:nth-child(6){
	background-color:#FAEBCC;
	color:#B06D3B;
	font-weight: bold;
	text-align:left;
}
#wcs .table-mypay.col6 tr:first-child td:nth-child(6){
	background-color:#FAEBCC;
	color:#B06D3B;
	font-weight: bold;
}
#wcs .table-mypay.col5 tr td:nth-child(5) {
	background-color:#FFFDE7;
	border-top:1px solid #FAEBCC;
	border-bottom:1px solid #FAEBCC;
}
#wcs .table-mypay.col5 tr:last-child td:nth-child(5){
	background-color:#FAEBCC;
	color:#B06D3B;
	font-weight: bold;
	text-align:left;
}
#wcs .table-mypay.col5 tr:first-child td:nth-child(5){
	background-color:#FAEBCC;
	color:#B06D3B;
	font-weight: bold;
}
#wcs .table-mypay {
	margin-bottom:0 !important;
}
#wcs .table-mypay tr>th:last-child, #wcs .table-mypay  tr>td:last-child{
	text-align:left;
}
#wcs .table-payroll.col7 tr td:nth-child(7){
	background-color:#FFFDE7;
	border-top:1px solid #FAEBCC;
	border-bottom:1px solid #FAEBCC;
}
#wcs .table-payroll.col7 tr:last-child td:nth-child(7){
	background-color:#FAEBCC;
	color:#B06D3B;
	font-weight: bold;
}
#wcs .table-payroll.col5 tr td:nth-child(5){
	background-color:#FFFDE7;
	border-top:1px solid #FAEBCC;
	border-bottom:1px solid #FAEBCC;
}
#wcs .table-payroll.col5 tr:last-child td:nth-child(5){
	background-color:#FAEBCC;
	color:#B06D3B;
	font-weight: bold;
}

#wcs .table-reset tr>td:first-child,
#wcs .table-reset tr>th:first-child {
	text-align:left;
	width:auto;
	padding:8px;
}

#wcs .table .breadcrumb {
	margin:0px;
	background:#fff;
	padding:0px;
	font-size:14px;
}

#wcs .table tr.total td {
	font-weight: bold;
	font-size:14px;
	text-transform: uppercase;
}

#wcs .table-collapse tr.parent {
    font-weight: bold;
    font-size: 12px;
}
#wcs .table-collapse tr.child {
	display: none;
	color: #6c8dae;
}

#wcs .table-fav tr>td:first-child,
#wcs .table-fav tr>th:first-child {
	text-align:left;
	width:20px !important;
	white-space: nowrap;
}
#wcs .table-fav tr>td:first-child span.glyphicon, 
#wcs .table-fav tr>td:first-child span.fa {
	color:#fff;
}
#wcs .table-fav tr:hover > td:first-child span.glyphicon,
#wcs .table-fav tr:hover > td:first-child span.fa {
	color:#ACB5C3;
}
#wcs .table-fav tr.add-fav .icon-img {
	display: none;
}
#wcs .table-fav tr.add-fav:hover .icon-img {
	display: inline;
}

#wcs .table-incentive .activity {
	white-space: nowrap;
	text-align: right;
	font-size:12px;
}
#wcs .table-incentive .activity i{
	font-size:12px;
}
#wcs .table-incentive .activity > a {
	text-decoration: none;
	color:#34495e;
}
#wcs .table-incentive tr>th:last-child, 
#wcs .table-incentive  tr>td:last-child {
	min-width:80px;
}
#wcs .table-incentive td.program, 
#wcs .table-incentive td.supplier, 
#wcs .table-incentive td.timestamp {
	white-space: nowrap;
}
#wcs .table-incentive td.program > a {
    max-width: 530px;
    color: #606060;
    font-weight: 500;
}
#wcs .table-incentive td.supplier > span {
	max-width: 150px;
}
#wcs .table-incentive td.activity img {
	width:20px;
	height:20px;
}
@media (min-width: 1400px) {
	#wcs .table-incentive td.program > a {
	    max-width: 630px;
	}
}
@media (min-width: 1600px) {
	#wcs .table-incentive td.program > a {
	    max-width: 830px;
	}
	#wcs .table-incentive td.supplier > span {
		max-width: 350px;
	}
}
@media (min-width: 1920px) {
	#wcs .table-incentive td.program > a {
	    max-width: 1000px;
	}
	
}


#wcs .table-selectable tbody tr.chargeback {
	cursor: pointer;
}

/* SC- Payroll Grid*/
#wcs .table-payroll-multi .activity > a {
	text-decoration: none;
}
#wcs .table-payroll-multi tr>th:last-child, 
#wcs .table-payroll-multi  tr>td:last-child {
	min-width:80px;
}
#wcs .table-payroll-multi td.payroll > a {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80%;
    display: inline-block;
}
#wcs .table td.payroll, 
#wcs .table td.payroll a {
	font-weight:500;
}


/* Button */

#wcs .btn-wide {
	min-width: 140px;
	padding-left: 30px;
	padding-right: 30px;
}
#wcs .btn-xl {
	padding: 10px 20px;
	font-size: 22px;
	line-height: 1.227;
	border-radius: 6px;
}
#wcs .btn {
	line-height: 1.42857143;
    text-transform: inherit;
    font-weight: 500;
}

#wcs .btn.default {
	color:#455a64;
}

#wcs .btn-link, 
#wcs .txt-link {
	text-decoration: none;
}

#wcs .label, #wcs .badge {
    font-size: 14px;
    font-family: Rubik, sans-serif;
    font-weight: normal;
    text-transform: capitalize;
    padding: 4px 6px 4px 6px;
}
/* Tabs */

#wcs .tabbable > ul.nav-pills {
	border-bottom:2px solid #cfd8dc;
}
#wcs .tabbable > ul.nav-pills > li a {
	background-color:#eceff1;
	color:#36C6D3;
}
#wcs .tabbable > ul.nav-pills > li a:hover {
	background-color:#cfd8dc;
	color:#607d8b;
}
#wcs .tabbable > ul.nav-pills > li.active a {
	background-color:#36C6D3;
	color:#fff;
}

#wcs .tabbable > ul.nav-tabs {
	border-color:#607d8b;
}
#wcs .tabbable > ul.nav-tabs > li a:hover,
#wcs .tabbable > ul.nav-tabs > li a:focus {
	border-bottom-color:#36C6D3;
	color:#36C6D3;
}
#wcs .tabbable > ul.nav-tabs > li a {
	font-weight:700;
	color:#607d8b;
}
#wcs .tabbable > ul.nav-tabs > li.active a {
	background-color:#607d8b;
	color:#fff;
	border-color:#607d8b;
}
#wcs .tabbable > ul.nav-tabs > li.required a {
	color:#e43a45;
	border-bottom-color:#e43a45;
}
#wcs .tabbable > ul.nav-tabs > li.active.required a {
	background-color:#e43a45;
	color:#fff;
	border-color:#e43a45 !important;
}
#wcs .tabbable > ul.nav-tabs-sm {
	border-color:#95A5A6;
}
#wcs .tabbable > ul.nav-tabs-sm > li a {
	padding:5px 15px;
}
#wcs .tabbable > ul.nav-tabs-sm > li.active a {
	background-color:#95A5A6;
	color:#fff;
	border-color:#95A5A6;
}
#wcs ul.list-status li {
	font-size:10px;
	text-transform: uppercase;
	font-weight: bold;
}

#wcs li.complete i {
	color:#3598dc;
}
#wcs li.incomplete i {
	color:#e7505a;
}
#wcs li.approve i {
	color:#26C281;
}
#wcs li.rejected i {
	color:#95A5A6;
}
#wcs li.inprogress i {
	color:#c49f47;
}
#wcs li.payoutcompleted i {
	color:#8E44AD;
}


/* Forms */

#wcs .form-static label, 
#wcs .form-group label {
	font-weight: 500;
	color: #34495e;
}
#wcs .form-group label.radio-inline  {
	font-weight: normal;
}
#wcs .input-lg {
    width: 100% !important;
}

#wcs .input-group-merge-left .form-control {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
#wcs .input-group-merge-left .form-control.input-lg {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
#wcs .input-group-merge-right .form-control {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
#wcs .input-group-merge-right .form-control.input-lg {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
#wcs .input-group-merge-left .input-group-addon,
#wcs .input-group-merge-right .input-group-addon {
	border:none;
}

#wcs .input-group .select2-container--bootstrap .select2-selection {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

/* Chart */

.chart-lg {
	height:400px;
}
.highcharts-container > svg > text {
	visibility: hidden;
}


/* Well */

.well-sm {
  padding: 13px;
}
.well-padding {
	background:#fff;
	box-shadow: none;
	margin: 0;
}
.well-numbers {
	height:80px;
}
.well-numbers:hover, 
.well-numbers.alt:hover {
	text-decoration: none;
	background: #e1e5ec
}
.well-numbers .number {
	font-size: 34px;
	line-height: 36px;
	letter-spacing: -1px;
	font-weight: 400;
	color:#3598dc;
}
.well-numbers .desc {
	margin-top:5px;
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    color:#2C3E50;
}
.well-numbers .help {
    font-weight: 400;
    font-size: 10px;
    color:#ACB5C3;
    line-height: 16px;
    font-family: arial;
    text-transform: uppercase;
    display:none;
}
.well-numbers:hover .desc {
    
}
.well-numbers:hover .help {
    display:block;
    color:#5e738b;
}
.well-numbers.alt {
	background: #e9edef;
}

/* Label */

.label a {
	color:#fff;
	text-decoration: none;
}
#wcs .checkbox label,
#wcs .checkbox-list label {
	font-weight:normal;
}

#wcs .label.label-xs {
	padding: 4px 6px;
	font-size: 10px;
}
#wcs .table .label-new {
	padding: 2px 6px;
	text-transform: uppercase;
	background-color: #9B59B6;
	font-size: 9px;
}
#wcs .btn-icon-only.btn-icon-sm {
	padding: 0px;
	font-size: 10px;
	line-height: 10px;
	height:24px;
	width:24px;
}
#wcs .page-title .label-xs {
	padding: 2px 8px;
	font-size: 11px;
	letter-spacing: 1px;
}
#wcs .tag-tile{
	text-transform: none !important;
	padding: 1px 4px !important;
}
#wcs .label.label-outline {
    position: relative;
    border: 1px solid #ddd;
    padding: 4px 5px 3px;
    font-size: 12px;
    color: #5a5a5a;
    background-color: #fff;
    box-shadow: none !important;
}
#wcs .label.label-outline.gray {
	border-left: 5px solid #aaa;
}
#wcs .label.label-outline.darkgray {
	border-left: 5px solid #7a7a7a;
}
#wcs .label.label-outline.yellow {
	border-left: 5px solid  #f3c200 ;
}
#wcs .label.label-outline.red {
	border-left: 5px solid #e7505a;
}
#wcs .label.label-outline.blue {
	border-left: 5px solid #3598dc;
}
#wcs .label.label-outline.green {
	border-left: 5px solid #32c5d2;
}
#wcs .label.label-outline.purple {
	border-left: 5px solid #8E44AD;
}
#wcs .label.label-outline.darkgreen {
	border-left: 5px solid #4CAF50;
}
#wcs .label.label-outline.red-outline {
	border: 1px solid #e7505a;
	background-color: #fff;
}
#wcs .label.label-outline.darkgray-outline {
	border: 1px solid #7a7a7a;
	background-color: #fff;
}
#wcs .label.label-outline.green-outline {
	border: 1px solid #32c5d2;
	background-color: #fff;
}
#wcs .label.label-outline.blue-outline {
	border: 1px solid #3598dc;
	background-color: #fff;
}
#wcs .label.label-outline.white {
	background-color: #fff;
}
#wcs .label.label-outline a {
	color:#333;
	line-height: 0.33;
	font-size: 11px;
	padding-left:2px;
}

#wcs .label-activity {
	visibility: hidden;
	clear:both;
	font-style: italic;
	color: #aaa;
}
#wcs .table tr:hover .label-activity {
	visibility: visible;
}
#wcs .label.label-outline.dotted {
	border:1px dashed #aaa;
	background-color: #fff;
	position: inherit;
}
#wcs .label-hover {
	visibility: hidden;
	clear:both;
	font-style: italic;
	color: #aaa;
}
#wcs .table tr:hover .label-hover {
	visibility: visible;
}

/* Dropdown */

#wcs .dropdown-checkboxes label.dropdown-header {
	font-weight:bold;
	padding-left:5px;
	padding-bottom:0px;
}
#wcs .dropdown-menu {
	font-family: Rubik, sans-serif;
}

/* Load More */

.loadmore {
	padding-top:20px;
	text-align:center;
	border-top:2px dotted #ddd;
}


/* Sidebar */

#wcs {
	position:relative;
}
#wcs .brand-logo {
	position:absolute;
	bottom:40px;
	left:15px;
	width:205px;
	padding:0 40px;
}
#wcs .brand-logo img {
	width:100px;
}
#wcs.login {
	background:#fff;
}
#wcs.login .login-bg {
	position: relative;
}
#wcs.login .logo {
	position:absolute;
	z-index: 1;
}
#wcs.login .logo img {
	width:120px;
}
@media (min-width: 1024px) {
	#wcs.login .logo {
		left:30px;
		bottom:30px;
	}
}

/* Progress bar */
.progress-sm {
    height: 12px;
}

/* Modal */
#wcs .modal .form-md-line-input {
	padding-top: 0px;
	margin-bottom: 15px;
}
#wcs .form-group.form-md .form-control {
	background: #fff;
	border: 0;
	border-bottom: 1px solid #c2cad8;
	border-radius: 0;
	color: #4d6b8a;
	box-shadow: none;
	padding-left: 0;
	padding-right: 0;
}
#wcs .form-group.form-md .form-control[disabled], #wcs .form-group.form-md .form-control[readonly], #wcs .form-group.form-md fieldset[disabled] .form-control{
	background-color: #eef1f5;
	padding-left: 5px;
}


/* Popover */
#wcs .popover {
	font-size: 12px;
	font-family: Rubik, sans-serif;
}

/* Angular Grid */
#wcs .ui-grid-viewport {
  overflow: hidden ;
  
}
#wcs .ui-grid-canvas {
    
}
#wcs .ui-grid {
  font-family: Rubik, sans-serif;
  font-size: 12px;
  border:none;
}
#wcs .ui-grid-top-panel {
  background: #CFD8DC none repeat scroll 0 0;
  border-bottom: 2px solid #b0bec5;
  font-weight: bold;
  vertical-align: bottom;
  color: #3f444a;
}
#wcs .ui-grid-row .ui-grid-cell {
  background: #fff;
  border: none;
  border-bottom: 1px solid #E7ECF1;
  line-height: 1.42857143;
  vertical-align: top;
  min-height:38px;
}
#wcs .ui-grid-row .ui-grid-cell-contents {
    color:#34495E;
}
#wcs .ui-grid-row .ui-grid-cell .label {
  font-size: 12px;
  padding: 2px 5px;
}

/* 2nd Level Menu Selection (Angular) */
.page-sidebar .page-sidebar-menu > li.active2 > a > .selected, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active2 > a > .selected {
    display: block;
    float: right;
    position: absolute;
    right: 0px;
    top: 8px;
    background: transparent none repeat scroll 0px 0px;
    width: 0px;
    height: 0px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #FFF;
}
.page-sidebar .page-sidebar-menu > li.active2 > a {
    background: #36c6d3;
    color: #fff;
}
.page-sidebar .page-sidebar-menu > li.active2 > a > i, 
.page-sidebar .page-sidebar-menu > li.active2 > a >.arrow.open:before {
    color: #FFF;
}

/* Pagination */
#wcs .pagination-panel .first, 
#wcs .pagination-panel .prev {
	margin-right:5px;
}
#wcs .pagination-panel .next,
#wcs .pagination-panel .last {
	margin-left:5px;
}

/* FORM MD */
#wcs .form-group.form-md-line-input label {
    color:#34495E;
}
#wcs .form-group.form-md-line-input.has-error label {
    color: #e73d4a;
}
#wcs .modal .form-group.form-md-line-input label {
    font-size: 14px;
    color:#34495E;
}
#mgmtReportFilterModal .modal-header{
	border-bottom:1px solid transparent;
}
#payoutReportFilterModal .modal-header{
	border-bottom:1px solid transparent;
}
#wcs .md-checkbox-inline .md-checkbox {
	min-width:60px;
}
.has-error .md-checkbox label .box, 
.has-error .md-checkbox label .check {
	border-color:#666;
}
.req-icon{
	position:absolute;
	top:10px;
	right:27px;
}

/* Feed */
.feeds li .col2 > .date {
    color: #90a4ae;
}

/* Tile Grid */

.tilegrid .tilegrid-sidebar {
    padding: 20px;
    border: 1px solid #e7ecf1;
    border-radius: 4px; 
}
.page-container-bg-solid .tilegrid .tilegrid-sidebar {
    background: #ffffff;
    border: 0; 
}
.tilegrid .tilegrid-nav {
    margin: 30px 0;
    padding: 0;
    list-style: none; 
}
.tilegrid .tilegrid-nav > li {
	padding: 0;
    margin: 0; 
}
.tilegrid .tilegrid-nav > li > a {
	text-decoration: none !important;
	display: block;
	padding: 8px 16px;
	border-left: 4px solid transparent; 
}
.tilegrid .tilegrid-nav > li > a:hover {
	background: #f1f4f7; 
}
.tilegrid .tilegrid-nav > li > a .badge {
	float: right;
	margin-top: 1px; 
}
.tilegrid .tilegrid-nav > li.active > a {
	border-left: 4px solid #ed6b75; 
}
.tilegrid .tilegrid-nav > li.divider {
	padding: 0;
	margin: 4px 16px;
	border-top: 1px solid #eef1f5; 
}


/* List Group */

.list-group .list-group-item.active a {
	color:#fff;
}
.list-group-media {
  padding-right: 10px;
  width:64px;
}
.list-group-action {
  padding-left: 10px;
  width:150px;
  float:right;
  text-align: right;
}

#wcs .list-group-action .btn-group.open ul.dropdown-menu, 
#wcs .list-group-action .dropdown.open ul.dropdown-menu {
	border-radius: 10px !important;
  	border:1px solid #ACB5C3 !important;
  	-webkit-box-shadow: 3px 3px 30px 0px rgba(0,0,0,0.4) !important;
  	-moz-box-shadow: 3px 3px 30px 0px rgba(0,0,0,0.4) !important;
	box-shadow: 3px 3px 30px 0px rgba(0,0,0,0.4) !important;
}
#wcs .list-group-action .btn-group ul.dropdown-menu > li > a > span,
#wcs .list-group-action .btn-group ul.dropdown-menu > li > a > i,
#wcs .list-group-action .dropdown ul.dropdown-menu > li > a > span,
#wcs .list-group-action .dropdown ul.dropdown-menu > li > a > i {
	color:#3598dc;
}
#wcs .list-group-action .btn-group ul.dropdown-menu > li > a,
#wcs .list-group-action .dropdown ul.dropdown-menu > li > a {
	color:#5e738b;
	font-weight: 400;
	font-family: Rubik, sans-serif;
}
#wcs .list-group-action .btn-group ul.dropdown-menu > li:first-child > a,
#wcs .list-group-action .dropdown ul.dropdown-menu > li:first-child > a {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#wcs .list-group-action .btn-group ul.dropdown-menu > li:last-child > a,
#wcs .list-group-action .dropdown ul.dropdown-menu > li:last-child > a {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.list-group-media,
.list-group-action, 
.list-group-body {
  display: table-cell;
  vertical-align: top;
}

.list-group-media img {
	width:64px;
	height:64px;
}
.list-group-media a {
	text-decoration: none;
}
.list-group-incentives .avatar {
    width:64px;
    height:64px;
    border-radius:50px;
    font-size:30px;
    color:#fff;
    line-height:64px;
    text-align:center;
    background:#fafafa;
}
.list-group-incentives .list-group-item-text, 
.list-group-incentives .list-inline {
	margin-top:0px;
	margin-bottom:5px;
}

.list-group-incentives .list-group-item {
	padding:15px;
}
.list-group-incentives .list-group-item:hover {
    background-color:#EEF4F7;
}
.list-group-incentives .list-group-item:nth-of-type(odd) {
  background-color: #F8FBFD;
}
.list-group-incentives .list-group-item:nth-of-type(odd):hover {
  background-color:#EEF4F7;
}
.list-group-incentives .list-group-item .feeds {
	padding-top: 8px;
}

.list-group-action .timestamp {
	float: right;
	font-weight: bold;
	color:#90a4ae;
	font-size: 11px;
	margin-bottom:10px;
}
.list-group-action .label {
	margin-bottom:10px;
	float: right;
}
#wcs .btn-fav {
	color:#b0bec5;
	font-size: 16px;
}
#wcs .btn-fav.active {
	color:#FBC02D;
}

.list-group .trip-tile:hover {
	background-color: #fff;
}
.list-group .trip-tile .list-group-item-text {
	margin-bottom:8px;
	margin-top: 5px;
}
.list-group .trip-tile .list-group-item-heading .comments {
	float:right;
}
.list-group .trip-tile .list-group-item-heading .comments .badge {
	margin-left:-12px;margin-top:-12px
}

/* User Profile */
.profile-pic .user-main{
    width: 250px;
    height: 250px;
    float: left;
    border-radius: 50%;
    padding: 0;
}
.profile-data{
    float: right;
}
.user-main{
    position: relative;    
}
.profile-main{
    height: 100%;
    max-height:100%;
}
.user-main h4{
    color: #686868;
    font-weight: bold;
    margin-bottom: 5px;
    margin-bottom: 0;
}
.user-main small{
    color: #686868;
    letter-spacing: 0.5px;
}
.user-bg{
    border-radius: 50%; 
    width: 250px;
    height: 250px;
    margin: auto;
}
.user-bg img{
    width: 100%;
    height: 100%;
    border-radius: 50%; 
    display: block;
}
.user-main .pmop-edit {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.38);
  text-align: center;
  padding: 10px 10px 11px;
  -webkit-transition: opacity;
  -o-transition: opacity;
  transition: opacity;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    display: table;
    text-decoration: none;
}
.pmop-inner{
    display: table-cell;
    vertical-align: middle;
}
.pmop-inner img{
    margin-top: -7px;
    margin-right: 0;
}
.pmop-inner span{
    font-size:14px;
}
.outer-user{
    display: table;
    width: 100%;
    height: 100%;
}
.inner-user{
    display: table-cell;
    vertical-align: middle;
}
.user-profilepic {
    padding:0 15px;
    width: 300px;
}
.user-data {
    padding:0 15px; 
    width: calc(100% - 300px);
}
.user-main .pmop-edit:hover {
  background: rgba(0, 0, 0, 0.8);
}

.user-main .pmop-edit i {
  font-size: 16px;
  vertical-align: middle;
  margin-top: -3px;
}

@media (min-width: 768px) {
  .user-main .pmop-edit {
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .user-main .pmop-edit i {
    margin-right: 4px;
  }
}

.user-main:hover .pmop-edit {
  opacity: 1;
  filter: alpha(opacity=100);
  background: rgba(0, 0, 0, 0.8);
}
/* Accordion */
.accordion-supinfo .panel {
	margin-bottom:10px;
	border:1px solid #bbb;
}
.accordion-supinfo .panel .panel-heading {
    border-radius: 3px;
}
.accordion-supinfo .panel .panel-heading a {
    font-weight: bold;
    font-size:14px;
}
.accordion-supinfo .panel .panel-heading .action {
	float:left;
	margin-right:5px;
}
.accordion-supinfo .panel .panel-heading .panel-title {
	display:inline;
}
.accordion-supinfo .panel .panel-heading .btn {
    box-shadow: none;
    margin:2px;
    height:30px;
    width:30px;
    padding:0px;
    margin-right:0px;
}
.accordion-supinfo .dl-brands .btn,
.accordion-supinfo .dl-brand-items .btn {
	text-transform: none;
	
	margin-bottom: 5px;
	margin-right:2px;
}
.accordion-supinfo .dl-brand-items {
	margin-bottom:0px;
}

/* for typeahead */
.ui-widget{
	font-size: inherit;
}
.ui-autocomplete {
    z-index: 999999;
	max-height: 100px;
	overflow-y: scroll;
  	-webkit-overflow-scrolling: touch;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}
.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
    color: #6e6e6e;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid transparent;
    background: #f6f6f6 url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
	height: 100px;
}

/* Search Input With Clear Search Option */
.has-feedback .form-control-feedback {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    z-index:10;
}
.has-search .form-control-feedback {
	pointer-events: auto;
    cursor: pointer;
}

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}

.ms-container {
	width:100%;
}

.scroller {
	overflow-y: scroll;
  	-webkit-overflow-scrolling: touch;
}

#wcs .bs-searchboxnew {
    padding: 4px;
}

/* Action Popover*/
#wcs ul.nav-action-popover {
    margin-left:-15px;
    margin-right:-15px;
    margin-top:-5px;
    margin-bottom:-5px;
}
#wcs ul.nav-action-popover li {
    display: block;
    width: 100%;
    margin:0px;
}
#wcs ul.nav-action-popover li > a {
    font-size:12px;
    padding:5px;
    color:#4A4A4A;
    margin:0px;
}


#wcs .btn-action-popover {
    padding:5px 10px;
    margin-top:5px;   
}

.table-member-access .cellName, 
.table-member-access .cellAccess {
	width:180px;
	text-align: left !important;
}
.table-member-access .cellAction {
	width:40px;
}
.table-member-access th.cellAction {
	padding-right:15px;
}

/* Timeline */

.timeline .media-list {
	margin-top:15px;
}
.timeline .media {
	font-size:12px;	
	background-color: #f5f5f5;
	padding:15px;
	border-radius: 4px;
}

.timeline .media-body > .media {
	background-color: #f5f5f5;
}

.timeline .media-reply-form, 
.task-list-item .media-reply-form {
	display:none;
}
.timeline .media-reply .media-body .author {
	border-bottom:1px dotted #aaa;
	padding-bottom:5px;
	margin-bottom:5px;
}
.timeline .media-reply .media-body .author a {
	font-weight: bold;
}

.timeline .timeline-body-head-actions .timeline-body-time {
	padding-bottom:10px;
}

/* Task List */

#wcs .list-todo.opt-1 .task-list ul {
	border-bottom:1px solid #525E64;
}
#wcs .list-todo.opt-1 .task-list .label-outline {
	color:#ddd;
}
#wcs .list-todo.opt-2 .task-list ul {
	border-bottom:1px solid #e5e5e5;
}

.task-list .task-list-item .task-content .action {
	border-top:1px dotted #aaa;
	padding-top: 10px;
	margin-top:10px;
}
.task-list .task-list-item .task-content .action a {
	text-decoration: none;
}

.mt-element-list .mt-list-head {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.page-quick-sidebar .mt-element-list .mt-list-head {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.mt-element-list .list-news.mt-list-head {
    padding: 10px 15px 15px 15px;
}


.mt-element-list .list-todo.opt-2.mt-list-container {
    border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.mt-element-list .list-todo.opt-2.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item .btn {
    color:#455a64 !important;
}
.task-list .task-list-item .task-content .action {
	border-top:1px dotted #aaa;
	padding-top: 10px;
	margin-top:10px;
}
.mt-list-head .input-group {
	margin:5px 0;
}
.mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-content {
    padding: 0 0px 0 35px;
}
.mt-element-list .list-todo.mt-list-container ul > .mt-list-item {
    padding-right: 10px;
    padding-left: 10px;
}

.mt-element-list .list-todo.mt-list-container ul>.mt-list-item {
	border-bottom: none;
	padding:5px 10px;
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item:first-child {
	padding-top:10px;
}
.mt-element-list .list-todo.mt-list-container ul>.mt-list-item:last-child {
	padding-bottom:10px;
}

.list-todo-item .task-list > .action {
	padding: 10px;
	text-align: center;
}


/* Quick Sidebar */
.page-quick-sidebar-wrapper {
	width: 500px;
	right: -500px;
	overflow-y: scroll;
  	-webkit-overflow-scrolling: touch;
}
.page-quick-sidebar-wrapper.chat {
	width: 320px;
	overflow: hidden;
}
.page-header .top-menu .dropdown-quick-sidebar-toggler > .dropdown-toggle i::before {
    content: "\e027";
}
.page-quick-sidebar-open .page-quick-sidebar-toggler > i::before {
    content: "\e082";
}


/* Wide Modal */
.modal.modal-wide .modal-dialog {
  width: 90%;
}
.modal-wide .modal-body {
  overflow-y: scroll;
  	-webkit-overflow-scrolling: touch;
}
.modal-wide .modal-content,
.modal-wide .modal-content .modal-body{
	border-bottom-left-radius: 4px;
}
.modal-wide .modal-content,
.modal-wide .modal-content .modal-body{
	border-bottom-right-radius: 4px;
}
@media (max-width: 767px) {
	.modal.modal-wide .modal-dialog {
	  width: 97%;
	}
}

/* Animated Count Box */
#wcs .dropdown-quick-sidebar-toggler .badge.badge-default {
	background:#DF111B;
	font-size:14px;
	font-weight: bold;
}
.count-box {
	background:#DF111B;
	color:#fff;
	width:25px;
	height:25px;
	line-height:25px;
	text-align:center;
	display:inline-block;
	border-radius:50px;
	font-size:14px;
	font-weight: bold;
}
.count-box.read {
	background:#32C5D2;
}
.label-new-replies {
	background:#DF111B;
	color:#fff;
}

/* Modal Slide Out (Left) */
.modal-slideout.in {
    padding-left:300px !important;
}
.modal-slideout.in .modal-dialog {
	width:100%;
	float:right;
	margin:0px;
	border-radius: 0px;
}
.modal-slideout.in .modal-content {
	border-radius: 0px;
}
@media (min-width: 1200px) {
	.modal-slideout.in {
	    padding-left:400px !important;
	    padding-right: 0 !important;
	}	
}
@media (max-width: 991px) {
	.modal-slideout.in {
	    padding-left: 0px !important; 
	}
	.modal-slideout.in .modal-dialog {
		width:100%;
		float:none;
		margin:0px;
		border-radius: 0px;
	}
}
.modal-slideout .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.modal-slideout .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
}

.modal-slideout.mini.in {
	padding-left:0 !important;
}
@media (min-width: 1600px) {
	.modal-slideout.mini.in {
		padding-left:500px !important;
	}
	.modal-slideout.mini.in .modal-dialog {
		width:80%;
	}
}
@media (max-width: 1599px) {
	.modal-slideout.mini.in {
		padding-left:300px !important;
	}
	.modal-slideout.mini.in .modal-dialog {
		width:100%;
	}
}
@media (max-width: 1399px) {
	.modal-slideout.mini.in {
		padding-left:200px !important;
	}
	.modal-slideout.mini.in .modal-dialog {
		width:100%;
	}
}
@media (max-width: 1199px) {
	.modal-slideout.mini.in {
		padding-left:0px !important;
	}
	.modal-slideout.mini.in .modal-dialog {
		width:100%;
	}
}

.modal.fade:not(.in) .modal-dialog {
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
}

/* JQ UI */
.ui-effects-transfer { border: 2px dotted #000; background:rgba(82,94,100, 0.2)}


/* Misc. */
.note p, .page-loading, .panel .panel-body {
    font-size: 14px;
}
.showingrequired, 
.form-group.required label span {
	color:#D91E18 !important;
	font-weight: bold;
}
.dropdown-action {
  display: block;
  padding: 3px 20px 10px 20px;
}

.text-normal {
	font-weight: 400;
}

/* Stats */
.dashboard-stat {
    margin-bottom: 10px;
    padding-bottom: 5px;
    
   transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;

   border-radius: 4px !important;
}
.dashboard-stat:hover {
	background:#455a64 !important;
}
.dashboard-stat .details .number {
    font-weight: 900;
    padding-top:15px;
}
.dashboard-stat .details .desc {
    font-weight: 700;
    font-size: 14px;
}
.dashboard-stat .details .help {
    font-weight: 600;
    font-size: 12px;
    color:#fff;
    line-height: 12px;
    text-align: right;
    letter-spacing: 1px;
}
.dashboard-stat:hover .details .desc {
    color:#fff;
}
.dashboard-stat.ios .visual > i {
    color: #fff;
    opacity: 0.1;
    filter: alpha(opacity=10); 
}
.dashboard-stat.ios .details .number {
    color: #fff; 
}
.dashboard-stat.ios .details .desc {
    color: #fff;
    opacity: 1;
    filter: alpha(opacity=100); 
}
.dashboard-stat.ios.blue {
  background-color: #007aff; 
}
.dashboard-stat.ios.red {
  background-color: #ff3b30; 
}
.dashboard-stat.ios.green {
  background-color: #4cd964; 
}
.dashboard-stat.ios.purple {
  background-color: #5856d6; 
}
.dashboard-stat.ios.cyan {
  background-color: #5AC8FA; 
}
.dashboard-stat.ios.yellow {
  background-color: #ffcc00; 
}
.dashboard-stat.ios.orange {
  background-color: #ff9500; 
}
.dashboard-stat.ios.pink {
  background-color: #ff2d55; 
}

.incentive-numbers:hover {
	text-decoration: none;
}

/* Nav Dashboard */
.nav-dashboard {
	margin-bottom: 0;
}
.nav-dashboard li {
	margin-left: 15px;
	margin-right: 5px;
} 
.nav-dashboard li a, 
.nav-dashboard li a:hover,
.nav-dashboard li a:focus {
	background:#ddd;
	color:#525e64;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding-left:25px;
	padding-right:25px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.nav-dashboard li a:hover {
	background:#ccc;
}
.nav-dashboard li.active a, 
.nav-dashboard li.active a:hover,
.nav-dashboard li.active a:focus {
	background:#525e64;
}

/* Dropdowns */
.navbar-nav>li.dropdown-applauncher .dropdown-menu {
	padding: 5px 20px;
	background:#EAEDF2;
}
.navbar-nav>li.dropdown-applauncher .dropdown-menu .row > div {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.navbar-nav>li.dropdown-applauncher .dropdown-menu .well {
	margin:0px;
	background: #fff;
	font-weight: 400;
	letter-spacing: 1px;
	font-size: 14px;
	border:2px solid #f36a5a;
	text-align: center;
	padding:18px 10px 10px 10px;
	min-height: 106px;
}
.navbar-nav>li.dropdown-applauncher .dropdown-menu a {
	color:#f36a5a;
	text-decoration: none;
}
.navbar-nav>li.dropdown-applauncher .dropdown-menu a:hover .well {
	background:#f36a5a;
	color:#fff;
}
.navbar-nav>li.dropdown-applauncher .dropdown-menu .well i {
	display:block;
	margin:0 auto;
	margin-bottom: 20px;
}
#wcs .navbar-nav>li.dropdown-applauncher a.dropdown-toggle i {
	color:#fff;
}

/* Panel */
.panel {
	border-top:1px solid #EBEBEB;
	border-left:1px solid #EBEBEB;
	border-right:1px solid #EBEBEB;
	margin-left:5px;
}
.panel.bordered {
	border:1px solid #aaa;
}
.panel.se .panel-heading {
	background:#95A5A6;
	border-color:#95A5A6;
	color:#fff;
}
.panel.se .options {
	float:right;
}
.panel.se .options a {
	color:#fff;
}
.panel.se .options .badge {
    font-family: Rubik, sans-serif;
    margin-top: -15px;
    margin-left:-8px;
    font-weight: 300;
    padding: 3px 6px;
    background: #1BBC9B;
	font-size: 14px;
	font-weight: bold;
	color:#fff;
}
.panel.se .panel-footer .btn-link {
	color:#95A5A6;
}
.panel.no-border {
	border:none !important;
	box-shadow:none;
}

.arrow-toggle .glyphicon-menu-down,
.arrow-toggle.collapsed .glyphicon-menu-up {
    display: none;
}
.arrow-toggle.collapsed .glyphicon-menu-down,
.arrow-toggle .glyphicon-menu-up {
    display: inline-block;
}

/* Rockstars */
.rockstars .table, 
.rockstars .table tr th, 
.rockstars .table tr td {
	border-color:#ACB5C3;
}
.rockstars .table th {
	text-transform: uppercase;
	font-size:18px !important;
	background:#E7ECF1;
}
.rockstars .table .star {
	padding-top:25px;
}
.rockstars .table .star,
.rockstars .table .pic {
	width:1%;
}
.rockstars .table .pic img {
	border-radius: 50%;
	width:42px;
	height:42px;
}
.rockstars .table .user h4 {
	margin-top:0px;
	font-weight: bold;
}
.rockstars .table .user ul li {
	border-radius: 10px;
	padding:2px 10px;
	font-size:11px;
	background-color:#e9edef;
	margin-bottom:4px;
}
.rockstars .table .user ul li span {
	color:#3598dc;
}
.rockstars .table tr:hover .user ul li {
	background-color:#fff;
}
.rockstars .table .point {
	font-size:32px !important;
	font-weight: bold;
	text-align: center;
	color:#F9AA0B;
}
.rockstars .table tr:hover td {
	background:#bfcad1;
	text-decoration: none;
}
.rockstars .table tr td a {
	text-decoration: none;
}
.rockstars .table tr:hover td.point {
	color:#EF4836;
}
.rockstars .avatar {
    width:42px;
    height:42px;
    border-radius:50px;
    font-size:24px;
    font-weight: 400;
    color:#fff;
    line-height:42px;
    text-align:center;
    background:#546e7a;
    margin:0 auto;
}
.rockstars .table tr:hover .avatar {
	background:#37474f;
}
.modal .rockstars .table tr:hover td {
	background:#fff;
}
.rockstars .table .fa-stack {
	height:1.2em;
	line-height: 1.2em;
}
.modal .rockstars .table td:first-child,
.modal .rockstars .table td:last-child {
	font-weight: bold;	
}
.modal .rockstars .table th:first-child,
.modal .rockstars .table td:first-child {
	text-align: center;
}
.modal .rockstars .table th:last-child,
.modal .rockstars .table td:last-child {
	text-align: right;
}

/* Praise Select2 */
.select2-img {
	height:20px;
	margin-top:-3px;
}
.select2-role {
	font-size:11px;
	color:#aaa;
	line-height: 1.4;
	float:right;
}
.select2-selection__choice .select2-role {
	float:none;
	color:#2196f3;
}
.select2-results__option--highlighted .select2-role {
	color:#f1f1f1;
}
.select2-md .select2-container--bootstrap .select2-search--dropdown .select2-search__field, 
.select2-md .select2-container--bootstrap .select2-selection, 
.select2-md .select2-container--bootstrap.select2-container--focus .select2-selection, 
.select2-md .select2-container--bootstrap.select2-container--open .select2-selection {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.18);
    box-shadow: 0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.18);
}

a.like-this-praise {
	text-decoration: none;
}
a.like-this-praise.liked {
	font-weight: 700;
	font-size: 16px;
}

/* Division */
.list-division {
	margin-left: 0;
}
.list-division li {
	background:#efefef;
	border-bottom:3px solid #ddd;
}
.list-division li.cm {
	border-bottom-color:#3598dc;
}
.list-division li.ic {
	border-bottom-color:#e7505a;
}
.list-division li.ap {
	border-bottom-color:#26C281;
}
.list-division li.rp {
	border-bottom-color:#95A5A6;
}
.list-division li.pp {
	border-bottom-color:#c49f47;
}
.list-division li.pc {
	border-bottom-color:#8E44AD;
}
.list-division li.hover-text {
	visibility: hidden;
	background-color: transparent;
	color: #aaa;
	border: none;
	font-weight: normal;
}
.table tr:hover .list-division li.hover-text {
	visibility: visible;
}
.list-division li.dotted-text {
	background-color: #fff;
	border:1px dashed #aaa;
	font-size: 10px;
	color: #5a5a5a;
	font-weight: 500;
	padding: 2px 6px;
	border-radius: .25em;
	box-shadow: 0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.18);
	margin-left:5px;
}
.list-division li.dotted-text.red {
	border:1px dashed #e7505a;
	color: #e7505a;
}
.list-division li.dotted-text.blue {
	border:1px dashed #3598dc;
	color: #3598dc;
}
.list-division li.link {
	background-color: transparent;
	border: none;
	font-weight: normal;
	color: #448aff;
}
.list-division li.outline-text {
	box-shadow: 0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.18);
	margin-left:5px;
	border: 1px solid #aaa;
	padding: 2px 6px;
	font-size: 10px;
	font-weight: 600;
	color: #5a5a5a;
	background-color: #fff;
	text-transform: uppercase;
	border-radius: .25em;
}
#wcs .list-division li.outline-text a {
    color: #333;
    line-height: 0.33;
    font-size: 11px;
    padding-left: 2px;
    text-decoration: none;
}
.list-division li.default {
	background-color: #fff;
	color: #aaa;
	border: none;
	font-weight: normal;
}

/* make "arrow down" */
.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled {
    background: url("../../../global/img/accordion-plusminus.png") no-repeat;
    background-position: right 12px;
    margin-right: 15px;
}
.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed {
  background: url("../../../global/img/accordion-plusminus.png") no-repeat;
  background-position: right -19px;
  margin-right: 15px;
}

.pte-popover,
.pte-popover .popover-content {
	max-width:740px;
	width:740px;
}
.pte-popover .popover-title {
	color:#000;
	font-weight: bold;
	background-color: #f5f5f5;
}

/* Change direction of the arrow > BUG 3692 */
.page-sidebar .page-sidebar-menu li > a > .arrow::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow::before {
    content: "\f105";
}

/* The declarations for print output */
@media all {
	.page-break	{ display: none ; }
}
/*  print media  */
@media print {

	/* global */
	body { 
		color:#000; 
		font-size:9pt; 
	}
	/* Page Break */
	.page-break	{ 
		display: block; 
		page-break-after:always; 
	}
	/* links */
	a { 
		text-decoration:underline; color:#999; 
	}
	/* Table */
	.table tr.child-level-2 td:first-child {
		padding-left:20px !important;
	}
	.table tr.child-level-3 td:first-child {
		padding-left:30px !important;
	}
	.table .badge {
		background: black !important;
		color:white !important;
	}
}

/* Sales Board */
.tilegrid.sb li:hover {
	
}
.tilegrid.sb .list-group-item-heading {
	font-weight: 600;
}
.tilegrid.sb .list-group-item-heading a {
	color:#34495e;
}
.tilegrid.sb .activity {
	padding-left:74px;
}
.tilegrid.sb .list-group-incentives .alert {
	margin-top:8px;
	padding:4px 10px;
	box-shadow: none;
	font-size: 12px;
	line-height: 22px;
	font-weight: 600;
	margin-bottom: 0px;
	width: 300px;
}
.tilegrid.sb .cont-col1 {
	padding-top:2px;
	color:black;
}
.tilegrid.sb .cont-col1 i {
	color:black;
}
.tilegrid.sb .feeds li .col1, 
.tilegrid.sb .feeds li .col1 > .cont > .cont-col2 {
	background: #e1e5ec;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	min-height: 30px;
}
.tilegrid.sb .feeds li .col1 > .cont > .cont-col2 .desc {
	color:#525e64;
}
.tilegrid.sb .feeds li a:hover .col1, 
.tilegrid.sb .feeds li a:hover .col1 > .cont > .cont-col2 {
	background: #bfcad1;
}
/* Sales Board Chat */
#wcs .mt-element-list.chat-list .list-todo.opt-1.mt-list-container ul > .mt-list-item > .list-todo-item::after,
#wcs .mt-element-list.chat-list .list-todo.opt-2.mt-list-container ul > .mt-list-item > .list-todo-item::after {
    border-right-color: #95A5A6;
}
#wcs .mt-element-list.chat-list .task-list ul {
    border-bottom: none;
}
#wcs .mt-element-list.chat-list .task-list .task-list-item.last {
    border-bottom: 1px solid #525E64;
}
#wcs .mt-element-list.chat-list .task-list .task-list-item > .task-content {
    padding: 0;
}
#wcs .mt-element-list.chat-list .task-list .task-list-item .action .btn-link {
    text-decoration: none;
}
#wcs ul.chats-sb {
	margin-top:0px;
	border:none;
}
#wcs ul.chats-sb li.in .message {
    border-left: 2px solid #455a64;
    background-color:#455a64;
}
#wcs ul.chats-sb li.in .message .arrow {
    border-right: 8px solid #455a64;
}
#wcs ul.chats-sb li.out .message {
	border-right: 2px solid #37474f;
	background-color:#37474f;
}
#wcs ul.chats-sb li.out .message .arrow {
    border-left: 8px solid #37474f;
}
#wcs ul.chats-sb .message .name {
	color:#32c5d2;
	font-weight: 600;
}
#wcs ul.chats-sb li .message .datetime {
	color:#ddd;
}

#wcs .modal ul.chats li.in .message {
	border-left: 2px solid #eee;
	background-color:#eee;
}
#wcs .modal ul.chats li.in .message .arrow {
    border-right: 8px solid #eee;
}
#wcs .modal ul.chats li.out .message {
	border-right: 2px solid #1BBC9B;
	background-color:#1BBC9B;
	color:#eee;
}
#wcs .modal ul.chats li.out .message .name {
	color:#F4D03F;
}
#wcs .modal ul.chats li.out .message .datetime {
	color:#fff;
}
#wcs .modal ul.chats li.out .message .arrow {
    border-left: 8px solid #1BBC9B;
}
#wcs .modal ul.chats li .message .datetime {
	color:#333;
}
#wcs .modal ul.chats li.date-divider {
	width: 100%; 
	height: 15px; 
	border-bottom: 1px solid #aaa; 
	text-align: center;
}
#wcs .modal ul.chats li.date-divider span {
	font-size: 10px; 
	background-color: #fff; 
	padding: 0 10px;
	text-transform: uppercase;
	font-family: arial;
	font-weight: normal;
}

/* Slide Box */
body.slidebox-open {
    overflow: hidden;
}
.slidebox {
	float:left;
	background: #364150;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 235px;
	display: none;
	z-index: 9990;
	-webkit-box-shadow: 10px 0 5px -2px #fff;
	box-shadow: 10px 0 5px -2px #fff;
}
.slidebox-inner {
	width: 235px;
	padding: 0px;
}
.slidebox ul.nav > li {
	margin: 0;
}
.slidebox ul.nav > li > a {
	border-radius: 0;
	color:#b4bcc8;
	font-size: 14px;
	font-weight: 300;
}
.slidebox ul.nav > li > a:hover,
.slidebox ul.nav > li > a:focus {
	background: #2C3542;
}
.slidebox ul.nav > li.active > a {
	background: #36C6D3;
	color:#fff;
	border-top: none;
}
.slidebox ul.nav > li > a > i {
    color: #606C7D;
}
.slidebox ul.nav > li.active > a > i {
    color: #fff;
}
.slidebox ul.nav > li.active > a > .selected {
	display: block;
	float: right;
	position: absolute;
	right: 0;
	top: 8px;
	background: 0 0;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-right: 12px solid #fff;
}
.slidebox ul > li > ul.sub-menu {
    list-style: none;
    padding: 0;
    margin: 8px 0;
}
.slidebox ul > li > ul.sub-menu li {
    background: 0 0;
    margin: 0;
    padding: 0;
    margin-top: 1px !important;
}
.slidebox ul > li > ul.sub-menu li > a {
    display: block;
    margin: 0;
    padding: 6px 15px 6px 35px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    background: 0 0;
    text-shadow: none;
    color: #b4bcc8;
}
.slidebox ul > li > ul.sub-menu > li:hover > a,
.slidebox ul > li > ul.sub-menu > li.active > a {
    background: #3e4b5c;
}
.slidebox ul > li > ul.sub-menu > li > a > i {
    color: #6b788b;
}
.slidebox ul > li > ul.sub-menu > li:hover > a > i,
.slidebox ul > li > ul.sub-menu > li.active > a > i {
    color: #959fae;
}

.slidebox ul.nav > li.heading {
    padding: 15px;
    border-bottom:1px solid #3d4957;
}
.slidebox ul.nav > li.heading > h3 {
	color: #708096;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 1.1;
}
.slidebox ul > li:hover > a > i,
.slidebox ul > li.active > a > i {
    color: #959fae;
}
.slidebox ul > li > a > i {
	margin-right: 4px;
	font-size: 16px;
}
@media (min-width: 1024px) {
	body.page-sb .page-logo .logo-default {
		display:block !important;
	}
}


/* For iPad */

/* Portrait */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: portrait)  {
  	.page-content-wrapper .page-content {
		min-height: 945px !important;
	}
	.slidebox {
  		display: none;
  	}
}
/* Landscape */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: landscape) {
  	.page-content-wrapper .page-content {
		min-height: 689px !important;
	}
}

/* JS TREE */
[rel=jstree-root-cbox] > a > .jstree-checkbox { display:none }
[rel=jstree-root-hide] > i.jstree-icon, 
[rel=jstree-root-hide] > a.jstree-anchor { display:none }


/* See More */
.seemore {
	font-weight: 400;
}
.seemorecontent span {
    display: none;
}
.seemorelink {
    display: block;
    font-weight: 500;
    font-size: 12px;
}

/* Make Arrow Visible on Hover - Sidebar Menu */
#wcs .page-sidebar .page-sidebar-menu > li.active > a > .selected,
#wcs .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
  display: block !important;
}

/* Activity Modal */
.activity-toolbar {
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	width:100%;
	padding:0;
	background-color: #90a4ae;
}
.activity-toolbar .well {
	background-color: #fff;
}
.activity-toolbar .nav-pills {
	margin:0;
}
.activity-toolbar .nav-pills li {
    width: auto;
}
.activity-toolbar .nav-pills li a {
	border-radius: 2px;
	color:#fff;
	text-shadow: 1px 1px #546e7a;
	font-weight: 700;
}
.activity-toolbar {
    display: block;
    width: 100%;
    padding: 0;
    background-color: #2b3643;
}
.activity-toolbar .nav-pills li a {
    color: #fff;
    padding: 20px 30px;
}
.activity-toolbar .well {
    background-color: #fff;
    margin-bottom: 0;
}
.activity-toolbar .well.activity-comment,.activity-toolbar .well.activity-attachment,.activity-toolbar .well.activity-attachment1,.activity-toolbar .well.activity-attachment2,.activity-toolbar .well.activity-share {
    min-height: 250px;
    max-height: 250px;
    height: 250px;
    border-radius: 0;
}
.callout-body .acticity-panel .panel-heading, .activity-toolbar .acticity-panel .panel-heading {
    padding-top: 0;
    padding-bottom: 0;
}
#timelineScroll {
    margin-right: 10px;
}
.acticity-panel{
	margin-right: 10px;
}
.acticity-panel .label{
	position: relative;
	top:-3px;
}
.callout-body .acticity-panel .panel, .activity-toolbar .acticity-panel .panel {
    margin-left: 3px;
    padding: 0px;
    margin-bottom: 13px;
}
#activitiesModal .modal-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: left !important;
    display: block;
    padding: 0;
    box-shadow: 1px -4px 10px #bbb;
    border-radius: 0;
    z-index: 99;
}
.activity-toolbar .nav-pills li.active a,
.activity-toolbar .nav-pills li.active a:hover {
	background-color: #525E64;
	text-shadow: 1px 1px #37474f;
	color: #fff;
}
.activity-toolbar .nav-pills li a:hover {
	background-color: transparent;
	text-shadow: 1px 1px #333;
	color: #fff;
}
.activity-toolbar .nav-pills li {
	position:relative;
}
.activity-toolbar .btn-close {
	box-shadow: none;
}
.activity-toolbar .nav-pills {
    margin: 0;
}

.nav-activity > li > a > span:last-child {
	display: inline-block;
}
@media (max-width: 1400px) {
	.nav-activity > li > a > span:last-child {
		display: none;
	}
}
/* Overflow Auto */
 
#trip-tiles, 
#trip-chat-scroll {
	overflow-y: scroll;
  	-webkit-overflow-scrolling: touch;
}
/* For Slidebox To Work (Toggle Menu) */
#wcs .page-header.navbar .menu-toggler.responsive-toggler {
	display: inline-block !important; 
}
#wcs .page-content-wrapper .page-content {
    margin-left: 0px !important;
}
#wcs .page-sidebar-closed .page-content-wrapper .page-content {
    margin-left: 0px !important;
}
#wcs .page-footer {
    margin-left: 0px !important;
}
#wcs .page-sidebar-closed .page-footer {
    margin-left: 0px !important;
}
#wcs .slide-toggle {
	margin-left:15px !important;
}
#wcs .page-header.navbar {
	padding: 0 !important;
}
#wcs .page-footer-inner img {
	width:20px;
	margin-top:-4px;
}
#wcs .page-footer #intro-tour {
	float: right;
	color: #fff;
	text-decoration: none;
}
#wcs .page-footer #intro-tour img {
	margin-top:-4px;
	width:28px;
}
.page-header .menu-bg-overlay .menu-close {
    display: none;
}
body.slidebox-open .page-header .menu-bg-overlay .menu-close {
    position: absolute;
    top: 5px;
    left: 15px;
    display: inline-block;
    font-size: 40px;
    font-weight: 300;
    line-height: 34px;
    color: #fff;
    background: #2B3643;
    border: none;
    outline: 0;
    display: block;
    padding:0px;
}
.grid-action .btn {
	margin-left:2px;
}
.grid-action a.btn-link {
	text-decoration: none;
	margin-left:20px;
	line-height:42px;
}
.grid-action a.btn-link sup {
	margin-top:-15px;
	margin-left:-15px;
}
.grid-action .dropdown-callout a.btn-link {
	line-height:42px;
	text-decoration: none;
	margin-left:2px;
}
.grid-action .dropdown-callout a.btn-link sup {
	margin-top:-16px;
	margin-left:-15px;
}
.program-icons a.btn-link {
	line-height:42px;
	text-decoration: none;
	margin-right:10px;
}
.program-icons a.btn-link .fa-stack{
	margin-top:10px;
}
/* Quick Sidebar Chat */
.page-quick-sidebar-chat-users .media .avatar {
	position: relative;
	float:left;
}
.page-quick-sidebar-chat-users .media .avatar .status {
	position: absolute;
	right: 6px;
	bottom: 0;
}
.page-quick-sidebar-chat-users .media .avatar .status {
	color:#D6D6D6;
}
.page-quick-sidebar-chat-users .media.online .avatar .status {
	color:#00c853;
}

/* Tooltiop */
#wcs .tooltip-inner {
	text-transform: initial !important;
}


/* Info Boards */
.info-board {
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 10px;
	border-left: 5px solid #b0bec5;
	background-color: #eceff1;
}

.info-board-green {
	background-color: #e8f5e9;
	border-color: #4caf50;
}
.info-board h4 {
	margin-top: 0;
}
.info-board p:last-child {
	margin-bottom: 0;
}

.info-board-blue {
	background-color: #EBF9FF;
	border-color: #00B4FF;
}
.info-board h4 {
	margin-top: 0;
}
.info-board p:last-child {
	margin-bottom: 0;
}

.info-board-red {
	background-color: #FBF0EE;
	border-color: #E74C3C;
}
.info-board h4 {
	margin-top: 0;
}
.info-board p:last-child {
	margin-bottom: 0;
}

.info-board-orange {
	background-color: #FFF2EB;
	border-color: #FFA973;
}
.info-board h4 {
	margin-top: 0;
}
.info-board p:last-child {
	margin-bottom: 0;
}
/* Portlet */
.portlet > .portlet-title > .tools > a.collapse {
    background-image: url(../../../global/img/portlet-expand-icon.png);
    width: 14px;
    visibility: visible;
}
.portlet > .portlet-title > .tools > a.expand {
    background-image: url(../../../global/img/portlet-collapse-icon.png);
    width: 14px;
    visibility: visible;
}
.portlet.no-border {
	border:none;
	box-shadow:none;
	padding:0;
}

/* Toggler Icon */
#wcs .page-header.navbar .menu-toggler {
    background-image: url(../../../layouts/layout/img/sidebar_toggler_icon_grey.png);
    filter: alpha(opacity=100);
	opacity: 1;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	margin-top:0;
	padding:0;
	height:46px;
}

/* Trips */

div.trip-container {
	width: 100%;
}

div.trip-container div.trip-tabs {
	float: left;
  	height: 100%;
  	width: auto;
  	margin-right:15px;
}
div.trip-container div.trip-tabs .nav > li > a {
	color:#4a4a4a;
}
div.trip-container div.trip-content {
	height: 100%;
	padding-top:0px;
	padding-bottom:0px;
}

div.trip-container div.clear {
	clear: both;
  	height: 1px;
  	overflow: hidden;
  	font-size: 0pt;
  	margin-top: -1px;
}

div.trip-container h4.media-heading {
	font-weight: bold;
	font-size: 16px;
	position: relative;
}
div.trip-container h4.media-heading .btn-link {
	position: absolute;
	top: 10px;
	right: 0;
}
div.trip-container div.media .from,
div.trip-container div.media .to {
	margin-bottom:0;
}

.trip-tile {
	min-height: 20px;
  	padding: 9px;
  	margin-bottom: 20px;
  	background-color: #fff;
  	border: 1px solid #e3e3e3;
  	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
		box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.trip-tile:hover {
	border-color:#b3b3b3;
	-webkit-box-shadow: 0 5px 2px rgba(0, 0, 0, .05);
		box-shadow: 0 5px 2px rgba(0, 0, 0, .05);
}
.trip-tile.incomplete {
	border: 1px dashed #e7505a;
}
.trip-tile.incomplete:hover {
	border: 1px solid #e7505a;
}
.trip-tile .info-board {
	margin-bottom: 0;
}
.trip-tile .media .more {
	margin-top: 10px;
}
.trip-tile .media h5 {
	margin-top: 5px;
	margin-bottom: 5px;
}
.trip-tile .label {
	box-shadow: none;
	border-radius: 2px;
}
#wcs ul.chats-trip li .message {
	font-size: 16px;
	box-shadow: 0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.18);
	border-radius: 2px;
}
#wcs ul.chats-trip li .message .body {
	padding-top:10px;
	padding-bottom:10px;
}
#wcs ul.chats-trip li .message ul.list-unstyled li {
	margin:0px;
    padding:0px;
    font-size: 16px;
}

#wcs ul.chats-trip li.in.highlight .message {
    border-left: 2px solid #F4EB49;
    background-color: #F4EB49;
}
#wcs ul.chats-trip li.in.highlight .message .arrow {
    border-right: 8px solid #F4EB49;
}

#wcs ul.chats-trip li.in .message {
    border-left: 2px solid #EBEBEB;
    background-color: #EBEBEB;
    padding-left:8px;
}
#wcs ul.chats-trip li.in .message .arrow {
    border-right: 8px solid #EBEBEB;
}

#wcs ul.chats-trip li.out .message {
	border-right: 2px solid #32A2FC;
	background-color: #32A2FC;
	color: #fff;
	padding-right:8px;
}
#wcs ul.chats-trip li.out .message .arrow {
    border-left: 8px solid #32A2FC;
}

#wcs ul.chats-trip li .message .name {
	font-weight: 600;
}
#wcs ul.chats-trip li.in .message .name {
	color:#333;
}
#wcs ul.chats-trip li.out .message .name,
#wcs ul.chats-trip li.out .message .datetime {
	color:#fff;
}
#wcs ul.chats-trip li.in.typing {
	display: none;
}
#wcs ul.chats-trip li.in.typing .body {
	display: none;
}

#trip-chat-scroll {
	padding-right:15px;	
}

@media (max-width: 991px) {
	#trip-tiles {
		height:250px;
	}
	#trip-chat-scroll {
		height: 673px;
	}
}

.trip-tiles .portlet.light.bordered > .portlet-title {
    border-bottom: none;
    margin-bottom: 0;
    min-height: 0;
    height:38px;
}
.trip-tiles .portlet.light.bordered > .portlet-body {
 	border-top: 1px solid #eef1f5;
 	padding-top:15px;
}

.trip-requests .portlet.box {
	border-radius: 4px;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.18);
}
.trip-requests .portlet.box .actions .label {
	background-color: #fff;
	color:#34495e;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
}
.trip-requests .portlet.box:hover .actions .label {
	background-color: #333;
	color:#fff;
}
.trip-requests .portlet-link {
	text-decoration: none;
	color: #34495e;
}
.trip-requests .portlet.box .portlet-footer {
    padding: 15px;
    margin: 0 -15px -15px -15px;
    background-color: #f5f5f5;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.trip-requests .portlet.box .portlet-footer ul {
	margin-bottom: 0;
}
.trip-requests .portlet.box .portlet-title {
	position:absolute;
	top:0;
	bottom:0;
	width:35px;
	border-radius:0;
}
.trip-requests .portlet.box .portlet-title .caption {
	font-size:12px;
	text-transform:uppercase;
	text-align:center;
	font-weight:600;
	line-height:1.1;
	width:10px;
}
.trip-requests .portlet.box .portlet-body {
	margin-left:30px;
	border-top-right-radius:2px;
}
.trip-requests .portlet.box .portlet-body h4 {
	margin-top:0;
	font-size: 18px;line-height: 18px;
	font-weight: bold;
}
.trip-requests .portlet.box .portlet-body .list-inline li {
	margin-right:10px;
	cursor: pointer;
}

.trip-requests .portlet.box {
    border: 1px solid #ccc;
    border-bottom: 0;
}
.trip-requests .portlet.box > .portlet-title {
    left:-1px;
    top:-1px;
    bottom:-1px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.trip-requests .portlet.box.blue > .portlet-title {
    border: 1px solid #32A2FC;
    background-color: #32A2FC;
}
.trip-requests .portlet.box.green > .portlet-title {
    border: 1px solid #4CAF50;
    background-color: #4CAF50;
}
.trip-requests .portlet.box.red {
    
}
.trip-requests .portlet.box.red > .portlet-title {
    border: 1px solid #FF5D55;
    background-color: #FF5D55;
}

.trip-request-detail .label-blue {
    background-color: #32A2FC;
}
.trip-request-detail .label-green {
    background-color: #4CAF50;
}
.trip-request-detail .label-red {
    background-color: #FF5D55;
}
.trip-request-detail .tab-pane dl dd {
	border-bottom: 1px solid #eee;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.trip-request-detail .tab-pane dl dd:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.trip-request-detail .tab-pane dl {
	margin-bottom: 0;
}
.trip-request-detail .grid-head {
	background-color:#CFD8DC;
	border-bottom:2px solid #B0BEC5;
	color: #3F444A;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0;
}

/* Trip Forms */

.tile-form .form-control {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-radius:0;
}
.form-group-readonly .form-control {
	background-color:#eef1f5;
}

/* Trip Steps */
.trip-step.mt-element-step .step-line .done .mt-step-number {
    color: #3598dc !important;
    border-color: #3598dc !important;
}
.trip-step.mt-element-step .step-line .done .mt-step-title,
.trip-step.mt-element-step .step-line .done .mt-step-content {
    color: #3598dc !important;
}
.trip-step.mt-element-step .step-line .done .mt-step-title:after,
.trip-step.mt-element-step .step-line .done .mt-step-title:before {
	background-color: #3598dc !important;
}
.trip-step.mt-element-step .mt-step-col > a {
	text-decoration: none;
}
.trip-step.mt-element-step .step-line .mt-step-col {
    margin-top: -30px;
    margin-bottom: -30px;
}
.trip-step .mt-step-number {
	background-color: #fff;
}
.trip-step.mt-element-step .step-line .mt-step-title {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
}
.trip-step.mt-element-step .step-line .active .mt-step-number {
  color: #fff !important;
  border-color: #32c5d2; 
  background-color: #32c5d2; 
}

.trip-step.mt-element-step .step-line .skipped .mt-step-number {
    color: #e7505a !important;
    border-color: #e7505a !important;
}
.trip-step.mt-element-step .step-line .skipped .mt-step-title {
    color: #e7505a !important;
}

.trip-step.mt-element-step .mt-step-col .mt-step-number .label {
    position:absolute;
    right:-6px;
    top:0px;
    background-color:#657384;
    padding:2px 3px;
    font-size:9px;
    font-weight:bold;
}

/*
==============================================
animate
==============================================
*/

.animate {
	animation-name: animate;
	-webkit-animation-name: animate;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes animate {
	0% {
		transform: scale(0.9);
	}
	50% {
		transform: scale(1);
	}	
	100% {
		transform: scale(0.9);
	}			
}

@-webkit-keyframes animate {
	0% {
		-webkit-transform: scale(0.95);
	}
	50% {
		-webkit-transform: scale(1);
	}	
	100% {
		-webkit-transform: scale(0.95);
	}			
}

/* Trip Request Detail */
.bk-detail-heading{
  background-color:#3598dc;
  margin-bottom:5px;
  color:#fff;
  border:0;
  padding: 15px 47px;
  font-size:16px;
  font-weight:bold;
}
.request-detail-form .form-control {
	border:2px solid #d6d6d6;
	border-radius:0;
	height:40px;
}
.booking-detail .portlet {
  margin-bottom: 3px;
}

#chats .chat-form {
    overflow:visible;
}
#chats .chat-form .dropup .dropdown-menu {
    top: auto !important;
    bottom: 100% !important;
    margin-bottom: 2px !important;
}
.input-group.attachment .form-control {
	border-top-right-radius:4px !important;
	border-bottom-right-radius:4px !important;
	border: 1px solid #ccc;
}
.input-group.uploading .form-control {	 
	 border-right: 0;
	 border: 1px solid #ccc;
}
@media (max-width:768px){
	.chat-form .form-control.input-clear {
	  padding-right: 0;
	}
}

/* Grid System */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-5ths {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/* Tour */
#wcs .btn-tour {
	padding-left:5px;
	padding-right:5px;
	margin-top:3px;
	color:#fff;
}
#wcs .btn-tour img {
	height:24px;
}
#wcs .popover.tour .arrow, 
#wcs .popover.tour .arrow::after {
    display: block !important;
    z-index: 9996 !important;
}
#wcs .popover.tour.orphan .arrow {
    display: none !important;
}
#wcs .tour-step-background {
	background: transparent;
}
.trip-tile .tr-blue {
	background:#ddd;
    border-bottom: 3px solid #ddd;
    border-bottom-color: #3598dc;
}
.trip-tile .tr-green {
	background:#ddd;
    border-bottom: 3px solid #ddd;
    border-bottom-color: #26C281;
}

/* TRR */
.trr .portlet.box {
    border-radius: 4px;
    position: relative;
    box-shadow: 0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.18);
    border: none !important;
    border-bottom: 0;
    width: 100%;
}
.trr .portlet.box > .portlet-title {
    left: -1px;
    top: -1px;
    bottom: -1px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.trr .portlet.box .portlet-title {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 35px;
    border-radius: 0;
    min-height: 0 !important;
}
.trr .portlet.box .portlet-body {
    margin-left: 15px;
    border-top-right-radius: 2px;
    padding: 5px 10px;
    /*min-height: 198px;*/
}
.trr .portlet.box.red{
    border: 1px solid #e7505a;
    background-color: #e7505a;
}
.trr .portlet.box.green{
    border: none !important;
    background-color: #26C281;
}
.trr .portlet.box.blue{
    border: none !important;
    background-color: #32A2FC;
}
.trr .red-border{
    border-left: 7px solid #e7505a;
    padding: 5px;
}
.trr .green-border{
    border-left: 7px solid  #26C281;
    padding: 5px;
}
.trr .blue-border{
    border-left: 7px solid #3598dc;
    padding: 5px;
}
.table-no-border > tr > td {
  border-color: transparent !important;
  padding: 0 !important;
}
.trr .btn-group.rl-btngroup button{
	padding: 2px 14px !important;
}
.trr .btn-group .reconcileactivetab{
    background: #94a0b2!important;
    color:#34495e !important;
}
.trr .filters .btn{
background-color: #E1E5EC;	
}
.trr .filters .btn:hover {
  background-color: #E1E5EC;
}

.trr .filters .btn:active,
.trr .filters .btn.is-checked {
  background-color: #94a0b2;}

.trr .filters .btn.is-checked {
  color: white;
}

.trr .filters .btn:active {
  box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}


/*Reconcile Chargeback*/
.label-green{
	border:1px dashed #26C281;
	padding:2px;
	font-size:10px;
	color:#26C281;
}
.label-green.credit{
	border-left:5px solid #26C281;
}
.label-blue{
	border:1px dashed #3598dc;
	padding:2px;
	font-size:10px;
	color:#3598dc;
}
.label-blue.fees{
	border-left:5px solid #3598dc;
}
.label-red{
	border:1px dashed #e7505a;
	padding:2px;
	font-size:10px;
	color:#e7505a;
}
.label-red.debit{
	border-left:5px solid #e7505a;
}

/* RTM */
.rtm .portlet.box {
	border-radius: 4px;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.18);
}
.rtm .portlet.light.bordered {
    border: 1px solid #aaa !important;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.18);
}
.rtm .portlet.box .actions .label {
	background-color: #fff;
	color:#34495e;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
}
.rtm .portlet.box:hover .actions .label {
	background-color: #333;
	color:#fff;
}
.rtm .portlet-link {
	text-decoration: none;
	color: #34495e;
}
.rtm .portlet.box .portlet-footer {
    padding: 15px;
    margin: 0 -15px -15px -15px;
    background-color: #f5f5f5;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.rtm .portlet.box .portlet-footer ul {
	margin-bottom: 0;
}
.rtm .portlet.box .portlet-title {
	position:absolute;
	top:0;
	bottom:0;
	width:35px;
	border-radius:0;
}
.rtm .portlet.box .portlet-title .caption {
	font-size:12px;
	text-transform:uppercase;
	text-align:center;
	font-weight:500;
	line-height:1.1;
	width:10px;
}
.rtm .portlet.box .portlet-body {
	margin-left:30px;
	border-top-right-radius:2px;
	min-height: 198px;
}
.rtm .portlet.box.mini .portlet-body {
	min-height: 0;
}
.rtm .portlet.box .portlet-body h4 {
	margin-top:0;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
}

.rtm .portlet.box {
    border: 1px solid #ccc;
    border-bottom: 0;
}
.rtm .portlet.box > .portlet-title {
    left:-1px;
    top:-1px;
    bottom:-1px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.rtm .portlet.box.red > .portlet-title {
    border: 1px solid #e7505a;
    background-color: #e7505a;
}
.rtm .portlet.box.green > .portlet-title {
    border: 1px solid #4CAF50;
    background-color: #4CAF50;
}
.rtm .portlet.box.blue > .portlet-title {
    border: 1px solid #32A2FC;
    background-color: #32A2FC;
}
.rtm .portlet.box.yellow > .portlet-title {
    border: 1px solid #c49f47;
    background-color: #c49f47;
}
.rtm .portlet.box.dark > .portlet-title {
    border: 1px solid #2f353b;
    background-color: #2f353b;
}
.rtm .portlet.box.purple > .portlet-title {
    border: 1px solid #8E44AD;
    background-color: #8E44AD;
}
.rtm .well .btn-group ul li.brdr-btm{
    border-bottom:1px solid #efefef !important;
    margin:4px;
    text-transform: uppercase;
}
.rtm .portlet.box .portlet-body h5 {
	font-weight: 500;
	margin: 0;
}
.rtm .portlet .list-group {
	margin-bottom: 0;
}
.rtm .portlet .list-group .list-group-item {
	border:none;
	padding:2px 0;
}
.rtm .portlet .list-group .badge {
	box-shadow: none;
	background-color: #525e64;
	float: left;
	margin-right:5px;
}
.rtm .input-group-addon {
	min-width:80px;
	text-align: left;
	padding-right:0px;
}

#wcs .arrow-box {
	position: relative;
}
#wcs .arrow-box:after {
	right: 100%;
	top: 25px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(170, 170, 170, 0);
	border-right-color: #aaa;
	border-width: 15px;
	margin-top: -15px;
}

.rtm .panel-group-position .panel-heading .action {
    float: right;
    margin-left: 15px;
}
.rtm .panel-group-position .panel-heading .action .btn {
	margin-top:-5px;
	height: 28px;
	width: 28px;
}
.rtm .panel-group-position .panel-heading .action .btn > i {
	line-height: 0 !important;
	top:0 !important;	
}
.rtm .panel-group-position .panel-heading > a h4 {
	color:#32A2FC;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
}
.rtm .panel-group-position .panel {
	margin-bottom: 10px;
	border-left: 1px solid #eee;
}

#wcs .dropdown-search .dropdown-menu {
	min-width: 360px;
	padding:15px;
}
#wcs .dropdown-search .dropdown-menu::before {
    position: absolute;
    top: -7px;
    right: 9px;
    display: inline-block !important;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #eee;
    border-left: 7px solid transparent;
    border-bottom-color: #fff;
    content: '';
}
#wcs .dropdown-menu.dropdown-callout {
	min-width: 500px;
	padding:15px;
  	-webkit-box-shadow: 3px 3px 30px 0px rgba(0,0,0,0.4) !important;
  	-moz-box-shadow: 3px 3px 30px 0px rgba(0,0,0,0.4) !important;
	box-shadow: 3px 3px 30px 0px rgba(0,0,0,0.4) !important;
}
.callout-body .btn-close, 
.activity-toolbar .panel .btn-close {
  font-size: 22px;
  color: #e7505a ;
  text-decoration: none;
  margin-left:10px;
  line-height: 0.8;
}
.callout-body .btn-close:hover, 
.activity-toolbar .panel .btn-close:hover {
	color:#333 ;
}
.callout-body .scroller .panel, 
.activity-toolbar .scroller .panel {
	margin-left:3px;
	padding:0px;
	margin-bottom: 13px;
}
.callout-body .scroller .panel-heading, 
.activity-toolbar .scroller .panel-heading {
	padding-top:0;
	padding-bottom: 0;
}

/* X-Editable */
.editable-click, a.editable-click, a.editable-click:hover {
    line-height: 36px;
}
.section-heading .btn-icon-only {
    height: 27px;
    width: 27px;
    padding: 4px 6px 2px;
    font-size: 13px;
	line-height: 1.5;
}
.section-heading .btn-icon-only > i {
    font-size: 14px;
    margin-left: 0;
	margin-right: 0;
}
/* Datepicker fix */
.datepicker.dropdown-menu, 
.datetimepicker.dropdown-menu {
  height: 242px;
}

/* Dropdown on hover */
.btn-group.mo:hover > .dropdown-menu {
	display: block;
    transition: opacity 1.5s cubic-bezier(.23,1,.32,1) 0s;
    opacity: 1;
    filter: alpha(opacity=100);
}
.input-icon.right>i {
	left:unset;
}

/* Icon Images */
.btn-icon-only .icon-img {
	margin-top:-1px;
}
.icon-img {
	width:20px;
	height: 20px;
}

/* No Page Header */
.no-page-header .page-container {
	margin-top:0;
}
.no-page-header .page-content-wrapper .page-content {
	padding:0;
	padding-bottom:24px;
}
@media (max-width: 991px) {
	.no-page-header .page-content-wrapper .page-content {
		padding-left:0 !important;
		padding-right:0 !important;
		padding-top:0 !important;
		padding-bottom:24px !important;
	}	
}
.no-page-header .navbar-fixed-bottom {
	border:0;
	padding:15px 0;
	text-align: center;
	background-color: #bfcad1;
}

/* toastr */
.toast {
	filter: alpha(opacity=100);
	opacity: 1 !important;
	
}
.toast.toast-success {
	background-color:#32c5d2;
}
#toast-container {
  top:0;
}

#section-supplier .panel-heading {
	display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    border:0;
    border-radius: 3px;
}
#section-supplier-VF .panel-heading {
	display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    border:0;
    border-radius: 3px;
}
#step-supplier.panel-heading{
	display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    border:0;
    border-radius: 3px;
}
#section-supplier .panel-heading > a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}
#section-supplier-VF .panel-heading > a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 500px;
}
#section-supplier .panel-heading.supplier-moredata > a{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width:230px;
}
#section-supplier-VF .panel-heading.supplier-moredata > a{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width:280px;
}
.tabbable-line > ul > li  > a {
	font-size:14px;
	font-weight: 400;
}
.page-content-white .page-title {
    font-size: 20px;
    font-weight: 400;
}
.form-group label {	
	font-weight: 400;
}
#wcs .form-group .form-control {
	color:#333 !important;
	font-weight: 400 !important;
}
.md-checkbox-inline .md-checkbox label {
	color:#333 !important;	
}
#wcs select.selectamount-reconcile{
	width: 70px;
	border-bottom: 1px solid #c2cad8 !important;
}
#wcs .select-inputgroup .input-group .input-group-addon{
	padding: 0px !important;
	border: 0;
}
#wcs .form-control-static {
	font-weight: 600 !important;
}
#wcs .form-control-box {
	border:1px solid #ddd !important;
}
.tile-active {
	border: 1px dashed #3598dc !important;	
}
.tile-active, 
.tile-active .panel-heading {
	background-color: #fffccd !important;
}

/* SC - modals with vertically center align */
.modal-vcenter {
  text-align: center;
  padding: 0!important;
}
.modal-vcenter:before{
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.modal-vcenter .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

/* SC - tab panel for payroll */
#wcs .tabs-payroll > ul.nav-tabs > li.active a {
  background-color: #fff;
  border: medium none transparent;
  color: #607d8b;
}
#wcs .tabs-payroll > ul.nav-tabs{
	border-bottom:transparent;
}
#wcs .tabs-payroll .nav-tabs > li > a{
	border:transparent;
}

/* KS - Form Popover Callout */
.form-popover,
.form-popover .popover-content {
	max-width:740px;
	width:740px;
}
.form-popover {
	border-radius: 10px;
	border: 1px solid #ACB5C3;
	-webkit-box-shadow: 3px 3px 30px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 3px 3px 30px 0px rgba(0,0,0,0.4);
	box-shadow: 3px 3px 30px 0px rgba(0,0,0,0.4);
}
.form-popover .popover-content {
	padding: 15px;
}
.form-popover .popover-title {
	color:#000;
	font-weight: bold;
	background-color: #f5f5f5;
}
.form-popover .popover-content .form-group > label {
	text-transform: uppercase;
}
.form-popover .arrow {
	display: block !important;
}
.form-popover.bottom {
    margin-top: 10px !important;
    left: 15px !important;
}
.form-popover.bottom > .arrow {
    margin-left: -30px !important;
}

/* KS - Modal Slide Right */
.modal.modal-sr .modal-dialog {
    margin-top: 70px;
    margin-left: 15px;
}
.modal.modal-sr.in .modal-content, 
.modal.modal-sl.in .modal-content, 
.modal.modal-ipad.in .modal-content, 
.modal.modal-vcenter.in .modal-content {
	border-radius: 4px;
	border: 1px solid #ACB5C3;
	-webkit-box-shadow: 3px 3px 30px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 3px 3px 30px 0px rgba(0,0,0,0.4);
	box-shadow: 3px 3px 30px 0px rgba(0,0,0,0.4);
}
.modal.modal-sl {
	position: absolute;
}
.modal.modal-sl .modal-dialog {
    margin: 70px 15px 70px 30px;
    float: right;
}
.no-page-header .modal.modal-sl, 
.no-page-header .modal.modal-sr {
	position: absolute;
	width:1280px;
	margin:0 auto;
}
.no-page-header .modal.modal-sl .modal-dialog, 
.no-page-header .modal.modal-sr .modal-dialog {
    margin-top: 15px;
    margin-right: 50px;
}
/* KS - DateRangePicker */
.daterangepicker .ranges {
	width: auto;
}
.daterangepicker .ranges .btn {
    margin-top: 0px;
}

/* KS - ActivityPopover */
.activity-popover,
.activity-popover .popover-content {
	max-width:600px;
	width:600px;
	padding-bottom: 5px;
}
.sticky-footer .page-content {
	padding-bottom: 80px;
}
.sticky-footer .navbar-fixed-bottom {
	min-height: auto;
	background-color: #364150;
}
.sticky-footer .navbar-fixed-bottom .statusbar {
	background-color: #F7F6F6;
	padding:15px 6px;
	font-size:16px;
	font-weight: 400;
}
/* SC -Callout in Modal */
.callout-right .modal-dialog .modal-body {
	padding:30px;
}

.page-container-lg .modal.modal-sl.manage-rule {
	position: absolute;
	width:1280px;
	margin:0 auto;
}
.page-container-lg .modal.modal-sl{
	position:absolute;
	width:1920px;
	margin:0 auto;
}
.page-container-lg  .modal.modal-sl.manage-rule .rule-edit {
    margin-right: 70px!important;
}

/* SC -Callout for filter modal-sr */
.page-container-lg  .modal.modal-sr {
	position:absolute;
	width:1920px;
	margin:0 auto;
}
.modal-sr.modal-filter {
	padding-left:0 !important;
}

.modal-sr.modal-ticket {
	margin-right: 0;
}
.modal.modal-sr.modal-ticket .modal-dialog {   
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	margin: 0 auto; 
}
.Ticket-TabPanel .tab-content {
    max-height: 600px;
    overflow-y: scroll;
    overflow-x: hidden;
}

/* Large Container */
.container-lg {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1920px) {
  .container-lg {
    width: 1865px;
  }
}

.list-tags {
	margin-bottom: 15px;
	border:none;
}
.list-tags li {
	padding:6px;
	border:none;
	border-top: 1px dotted #ddd;
	border-radius: 0;
	text-transform: uppercase;
}
.list-tags li:first-child {
	border-top: none;
}
.list-tags li .btn {
	margin-top: -3px;
	margin-left: 5px;
	margin-right: 0;
}
.label-tag {
	margin-right: 5px;
}

/* KS - Home Dashboard */
.hd .portlet.welcome .list-simple, 
.hd .portlet.welcome .list-simple.mt-list-container ul>.mt-list-item {
	border:none;
}
.hd .portlet.welcome .list-simple.mt-list-container ul>.mt-list-item {
	padding-bottom:10px;
}
.hd .portlet.welcome .list-simple.mt-list-container ul>.mt-list-item>.list-item-content>h3>a:hover {
    color: #32c5d2;
}
.hd .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content {
    padding-left:40px;
}
.hd #owl-rockstars {
	background-color: #fafafa;
	padding-bottom: 20px;
}
.hd #owl-rockstars .item {
	margin: 0 auto;
    display: block;
    width: 350px;
    height: auto;
    padding:30px 15px;
    background-color: #fafafa;
}
.hd #owl-rockstars .item .media .media-left {
	padding-right:30px;
}
.hd #owl-rockstars .item .media .media-object {
	width:100px;
	height:100px;
}
.hd .owl-theme .owl-controls .owl-page.active span {
	background-color: #32c5d2;
}
.hd .dashboard-stat {
	min-height: 140px;
	padding-top: 10px;
	padding-left: 0px;
	margin-bottom: 15px;
	font-size: 35px;
	line-height: 35px;
	text-decoration: none;
}
.hd .dashboard-stat .details {
	position: relative;
}
.hd .dashboard-stat .details .number, 
.hd .dashboard-stat .details .desc, 
.hd .dashboard-stat .details .help {
	text-align: center;
}
.hd .dashboard-stat .details .number {
	font-size:42px;
}
.hd .jumbotron-chart {
	border-radius: 14px;
	text-decoration: none;
}
.hd .jumbotron-chart .number {
	font-size: 46px;
	font-weight: 700;
}
.hd .chart-circle {
	margin-bottom: 30px;
    margin-left: 15px;
    margin-right: 15px;
    display: inline-block;
    color:#95A5A6;
}
.hd .chart-circle:hover {
	color:#525e64;	
}
.hd .chart-circle .number {
    width:160px;
    height:160px;
    border-radius:250px;
    font-size:50px;
    line-height:160px;
    text-align:center;
    border:3px solid #000;
    margin: 0 auto;
}
.hd .chart-circle.blue .number {
  border-color: #007aff; 
}
.hd .chart-circle.red .number {
  border-color: #ff3b30; 
}
.hd .chart-circle.green .number {
  border-color: #4cd964; 
}
.hd .chart-circle.purple .number {
  border-color: #5856d6; 
}
.hd .chart-circle.cyan .number {
  border-color: #5AC8FA; 
}
.hd .chart-circle.yellow .number {
  border-color: #ffcc00; 
}
.hd .chart-circle.orange .number {
  border-color: #ff9500; 
}
.hd .chart-circle.pink .number {
  border-color: #ff2d55; 
}
.hd .chart-circle .desc {
    font-weight: 500;
    font-size: 14px;
    padding-top: 10px;
}
.hd .chart-circle .help {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    letter-spacing: 1px;
    padding-top: 5px;
}
.hd .portlet.mywork {
	/*min-height: 640px;*/
}
.hd .dropdown-header {
    font-size: 12px;
    color: #666;
    padding: 3px 5px 0px 5px;
}
.hd .dropdown-filter {
	min-width: 400px;
	border:1px solid red;
}
/* SC- HomeDashboard Changes */
.hd .chart-circle.green-solid .number {
	background-color:#4cd964;
	color:#fff;
	border:none;
}
.hd .chart-circle.purple-solid .number {
	background-color:#5856d6;
	color:#fff;
	border:none;
}
.hd .chart-circle.cyan-solid .number {
	background-color:#5AC8FA;
	color:#fff;
	border:none;
}
.hd .chart-circle.yellow-solid .number {
	background-color:#F4D03F;
	color:#fff;
	border:none;
}


/* KS - Dropdown */
.dropdown-menu-tags, 
.dropdown-filter-tags {
	font-size: 12px;
	font-family: Rubik, sans-serif;
	font-weight: normal;
	padding: 10px;
	min-width: 230px;
}
.dropdown-filter-tags {
	font-size: 11px;
	min-width: 250px;
}

/* KS - SB iPad */
.page-ipad .navbar-fixed-bottom {
	border:0;
	padding:15px 5px;
	background-color: #364150;
	color:#d6d6d6;
}
.page-ipad .navbar-fixed-bottom a {
	color:#98a6ba;
	text-decoration: none;
}
.page-ipad .navbar-fixed-bottom .list-inline {
	margin-bottom: 0;
	float:right;
}
.page-ipad .navbar-fixed-bottom .bot-help {
	border-right:2px solid #98a6ba;
}
.page-ipad .navbar-fixed-bottom .foot-logo img {
	width:24px;
}
.page-ipad .navbar-fixed-bottom .nav-justified {
	margin-left:-15px;
	margin-bottom:-15px;
	margin-top: -15px;
	height:60px;
	padding:0;
}
.page-ipad .navbar-fixed-bottom .nav-justified > li > a {
	border-radius: 0;
	height: 60px;
	background-color: #364150;
	font-weight: 400;
	border-right: 1px solid #3E4B5C;
}
.page-ipad .navbar-fixed-bottom .nav-justified > li:last-child > a {
  	border-right: 0;
}
.page-ipad .navbar-fixed-bottom .nav-justified > li.active > a,
.page-ipad .navbar-fixed-bottom .nav-justified > li.active > a:hover,
.page-ipad .navbar-fixed-bottom .nav-justified > li.active > a:focus {
	background-color: #2B3643;
}
.page-ipad .navbar-fixed-bottom .nav-justified > li > a:hover,
.page-ipad .navbar-fixed-bottom .nav-justified > li > a:focus {
	background-color: #3E4B5C;
}
.page-ipad .navbar-fixed-bottom .nav-justified > li .icon {
	padding-bottom: 2px;
}
.page-ipad .navbar-fixed-bottom .nav-justified > li .icon > img {
	border-radius: 50%;
	width:22px;
	height: 22px;
}
.page-ipad .navbar-fixed-bottom .nav-justified .dropdown.open > .dropdown-toggle {
    background: #3E4B5C;
    color: #fff;
    border-color: transparent;
}

.page-ipad .stat-tile {
    display: block;
    margin-bottom: 25px;
    overflow: hidden;
    border-radius: 2px;
    background-color: #95A5A6;
}
.page-ipad .stat-tile .details {
    height: 120px;
    display: block;
}
.page-ipad .stat-tile .details .number {
    padding-top: 25px;
    text-align: center;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: -1px;
    margin-bottom: 0;
    font-weight: 600;
    color: #fff;
}
.page-ipad .stat-tile .details .desc {
    text-align: center;
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 400;
    color: #fff;
}
.page-ipad .stat-tile .details .more {
    text-align: center;
    font-size: 12px;
    letter-spacing: 0;
    font-weight: 300;
    color: #fff;
}

#wcs .table-sb-ipad td.program > a {
    max-width: 350px;
    color: #606060;
    font-weight: 500;
}
#wcs .table-sb-ipad td.supplier > span {
	display: block;
	max-width: 148px;
	white-space: nowrap;
	float: left;
	margin-right:5px;
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

  	#wcs .table-sb-ipad td.program > a {
	    max-width: 460px;
	}
  	
}
#wcs .table-sb-ipad td.category img {
    width: 32px;
    height: 32px;
}
#wcs .table-sb-ipad tr td:last-child .btn,
#wcs .table-sb-ipad tr td:last-child .btn-group {
	visibility: visible;
}
#wcs .table-sb-ipad tr:hover td:last-child .btn,
#wcs .table-sb-ipad tr:hover td:last-child .btn-group {
	visibility: visible;
}

/* KS - Tag */
.tag {
  background: #c49f47;
  border-radius: .25em;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 5px 0 23px;
  position: relative;
  margin: 0 2px 10px 0;
  text-decoration: none;
}
.tag::after {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  left: 10px;
  position: absolute;
  width: 6px;
  top: 7px; 
}
.tag::before {
  background: #fff;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #c49f47;
  border-top: 10px solid transparent;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
}
.tag a {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	font-size: 11px;
}

/* SC-IE-hide textbox-clear icon*/
::-ms-clear
{
    display: none !important;
}

/* KS - MODAL LEFT/RIGHT */
#wcs .modal.modal-left .modal-dialog,
#wcs .modal.modal-right .modal-dialog {
	position: fixed;
	margin: auto;
	top:15px;
	/*width: 320px;
	height: 100%;*/
	-webkit-transform: translate3d(0%, 0, 0);
	    -ms-transform: translate3d(0%, 0, 0);
	     -o-transform: translate3d(0%, 0, 0);
	        transform: translate3d(0%, 0, 0);
}
#wcs .modal.modal-left .modal-content,
#wcs .modal.modal-right .modal-content {
	/*height: 100%;*/
	overflow-y: auto;
}
#wcs .modal.modal-left .modal-body,
#wcs .modal.modal-right .modal-body {
	/*padding: 15px 15px 80px;*/
}

/*Left*/
#wcs .modal.modal-left.fade .modal-dialog{
	left: -320px;
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
	-o-transition: opacity 0.3s linear, left 0.3s ease-out;
	transition: opacity 0.3s linear, left 0.3s ease-out;
}
#wcs .modal.modal-left.in .modal-dialog{
	left: 15px;
}
    
/*Right*/
#wcs .modal.modal-right.fade .modal-dialog {
	right: -320px;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
	-o-transition: opacity 0.3s linear, right 0.3s ease-out;
	transition: opacity 0.3s linear, right 0.3s ease-out;
}
#wcs .modal.modal-right.in .modal-dialog {
	right: 15px;
}


/* SC- Breadcrumbs for grids */
.breadcrumb {
	padding:0px 6px;
	margin:0;
	float:left;
	background-color:transparent;
}
/*SC- No data found grid*/
.nodata-content {
  padding: 10%;
  text-align: center;
}

/* Element List Type2 */
#wcs .mt-element-list.type2 .list-todo.opt-1.mt-list-container ul > .mt-list-item > .list-todo-item::after {
	display: none;
}
#wcs .mt-element-list.type2 .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item {
	margin-left:0px;
	width:100%;
}
#wcs .mt-element-list.type2 .list-toggle {
	padding:15px 0;
}
#wcs .mt-element-list.type2 .list-toggle-title {
	width: 100%; 
	text-align: center; 
	border-bottom: 1px solid #818B8E; 
	line-height: 0.1em;
	padding: 0;
	margin:0 -15px;
}
#wcs .mt-element-list.type2 .list-toggle-title span {
	background-color: #41474D;
	padding:2px 10px; 
	border-radius: 4px;
}
#wcs .mt-element-list.type2 .list-todo.opt-1.mt-list-container ul > .mt-list-item > .list-todo-item .task-list {
	border: none;
}

#wcs .mt-element-list.type2 .mt-list-head .label-outline {
	border:0;
}
#wcs .mt-element-list.type2 .mt-list-item .label-outline {
	background-color: transparent;
}
#wcs .mt-element-list.type2 .list-todo.mt-list-head {
	padding: 15px;
	padding-top: 10px;
}


/* To keep the Popoup Modal on top */
#wcs .page-quick-sidebar-wrapper {
	z-index: 9995;
}
#wcs .page-quick-sidebar-toggler {
    z-index: 9996;
}


/*SC-TripRequest*/
#CommentModal .media-object{
	width:32px;
	height:32px;
}
#CommentModal .media{
	padding:5px;
	border-bottom:1px solid #efefef;
}
.trip-container .media-body a sup{
	margin-top:-13px;
	margin-left:-10px;
}
.table-processrequest tbody tr td sup{
	margin-left:-5px;
	margin-top:-5px;
}

.trip-request .grid-head {
  background-color: #cfd8dc;
  border-bottom: 2px solid #b0bec5;
  color: #3f444a;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 0;
}
.trip-request .portlet dl dd {
  border-bottom: 1px solid #eee;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.trip-request .portlet dl dt {
  line-height: 28px;
}
.trip-request .input-readonly .form-control{
	border:transparent;
}

/*SC- Activities modal Content to wrap*/
#activitiesModal #about-incentive .form-group p {
    word-wrap: break-word;
    display: inline;
    margin-bottom: 15px;
    line-height: 30px;
}
.searchbox .form-control.input-clear{
	padding: 6px 28px;
    border-radius: 0;
    border-right: 0;
    border-left: 0;
    border-top: 0;
}

#wcs .program-edit .editable-container.editable-inline{
	display:block !important;
}
#wcs .program-edit .editable-input{
	width:100% !important;
}
#wcs .program-edit .editable-inline .form-group{
	width:100% !important;
}
.program-edit #programName_feedback{
	display:none;
}
#programName_feedback{
	position:absolute;
	right:-13px;
	top:8px;
}
.trip-tiles-review .portlet.light.bordered > .portlet-title{
	border-bottom:none;
	margin-bottom:0;
	min-height:0;
	height:38px;
}

.tripProcess .portlet.light.bordered > .portlet-title{
	border-bottom:none;
	margin-bottom:0;
	min-height:0;
	height:38px;
}
/* Reconsile */
#wcs .table.table-reconcile th,#wcs .table.table-unmatched th, #wcs .table.table-unmatched td{
	border: none !important;
}
#wcs .custom-tripsreconsile .panel .panel-body{
  	padding: 0 !important;
}
#wcs .custom-tripsreconsile .tabbable-line{
	position: relative;
}
#wcs .custom-tripsreconsile .tab-content .well{
	padding: 10px !important;
}
#wcs .custom-tripsreconsile .table td h5,.custom-tripsreconsile .well h5, .custom-tripsreconsile .panel-recocileunmatched td .dropdown-menu li a{
	font-weight: 500;
}
#wcs .reconcile_expand .dropdown-menu{
	min-width: 0px !important;
}
#wcs .reconcile_expand .form-group.form-md-line-input{
	margin-bottom: 0;
	padding-top: 10px;
}
#wcs .reconcile_expand .form-control-static{
	margin-top: 3px;
}
#wcs .reconcile-links{
 	list-style: none;
 	margin: 0;
 	padding: 0;
}
#wcs .reconcile-links li{
 	margin: 0 !important;
 	padding: 0 !important;
}
#wcs .btn-tripreconcile-edit{
	margin-right:1px !important; 
}
#wcs .tabbaleline-search{
	position: absolute;
	right: 0;
	top: 6px;
}
#wcs .panel-recocileunmatched .panel{
	border: none !important;
	box-shadow: none !important; 
}
#wcs .panel-recocileunmatched{
	border: 1px solid #EBEBEB;
	position: relative;
}
#wcs .panel-recocileunmatched:after {
    right: 100%;
    top: 70px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(170, 170, 170, 0);
    border-right-color: #aaa;
    border-width: 15px;
    margin-top: -15px;
}
#wcs .panel-recocileunmatched .panel .panel-body{
	padding: 0 !important;
}
#wcs .panel-recocileunmatched .popover{
	max-width: 500px;
	margin: 0;
	padding: 0;
}

.table-reconcile td.reconciledata > h5{
	    max-width: 113px;
}
.table td.reconciledata > h5{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

#wcs .scroller-editincentive .panel .btn-close {
  font-size: 22px;
  color: #e7505a ;
  text-decoration: none;
  margin-left:10px;
  line-height: 0.8;
  background: none;
  border: none;
  box-shadow: none;
  outline: none;
  padding: 0;
}
#wcs .scroller-editincentive .panel .btn-close:hover {
	color:#333 ;
}
#wcs .scroller-editincentive .popover{
	padding: 10px;
}
#wcs .scroller-editincentive .popover>.popover-title{
	text-transform: none;
	font-size:14px;
	line-height: 22px;
}
#wcs .scroller-editincentive .popover>.popover-content a {
	padding: 7px 40px;
}
#wcs .scroller-editincentive .popover>.popover-content{
	float: right;
}

/* Trip Request Collpase and Expand */

.triprequest-bookedbtn{
	padding: 2px 10px !important;
	margin-left: 10px;
}
.btn-stripe-green {
	border-bottom: 3px solid #26C281 !important;
	background: #ddd;
	color: #333;
}
.btn-stripe-muted {
	border-bottom: 3px solid #e08283 !important;
	background: #ddd;
	color: #333;
}
.btn-stripe-blue {
	border-bottom: 3px solid #3598dc !important;
	background: #ddd;
	color: #333;
}
.btn-stripe-red {
	border-bottom: 3px solid #e7505a !important;
	background: #ddd;
	color: #333;
}
#wcs .table-chargeback.table-advance tr td:first-child{
	border-left-width:0 !important;
}
#wcs .table.table-reconcile td{
	cursor: pointer;
	border-top: none !important;
}
.applied-filters .label {
    float: left;
    margin-right: 3px;
    margin-bottom: 5px;
    line-height: 14px;
    padding: 3px 6px;
    font-size: 12px !important;
    font-weight: 500;
}
.applied-filters .label .fa{
	line-height:11px !important;
}
.applied-filters .label.label-custom a{
    color: #606060;
}

.applied-filters .label.label-custom {
    background-color: #fff;
    color: #00a4d3;
    font-size: 14px;
    padding: 4px 6px;
    text-transform: none;
    box-shadow: none;
    border: 1px solid #cec7c7;
    font-weight: normal;
}
.copy-payout{
	padding-left:10px;
	padding-top:2px;
	margin-bottom: 0;
}
.portlet.light.position-section>.portlet-title>.actions{
	padding:0;
}
.portlet.light.position-section>.portlet-title>.actions a, .portlet.light.position-section>.portlet-title>.actions a{
	box-shadow: none;
	background: transparent;
}
.portlet.light.position-section>.portlet-title{
	margin-bottom:0;
	min-height: 30px;
	border-bottom:0;
}
.positions-list-view .panel{
	margin-bottom:0;
}
/* Dropdown and Typeahead */
#wcs .ang-ui-typeahead{
    display:block !important;
	z-index: 10051;
}
#wcs .ang-ui-material{
    max-height: 250px; overflow-y: auto;
}

#wcs .version {
  float: right;
  color: #98a6ba;
  margin-bottom: 0;
}
.report-grid{
	background: #F7F6F6;
}
/*IE*/
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu{
	width:195px !important;
}
.bg-default.label {
    color: #444;
}
.grid-action .btn-filter {
    font-size: 14px;
    border: 1px solid #757575 !important;
    color: #757575;
    font-weight: normal;
    padding: 4px 6px;
}
.table-incentive .label.label-outline {
    top: -6px !important;
}
.f-500 {
    font-weight: 500 !important;
}
.bootstrap-select .btn {
    font-size: 14px !important;
    font-weight: 400 !important;
}
#wcs .md-checkbox-inline label, #wcs .md-radio-inline label, #wcs .md-checkbox-list label, #wcs .md-radio-list label {
    font-weight: 400;
}
.sbold {
    font-weight: 500!important;
}
#wcs .form-control-static {
    font-weight: 400 !important;
}
.track_new .label.label-outline,.chargeback .label.label-outline{
	position: initial !important;
}
.timeline .timeline-body-alerttitle, .timeline .timeline-body-title{
	font-weight: 500;
}
.modal .modal-content .modal-title {
    font-weight: 500;
}
.modal .modal-content .modal-title span{
    margin-left:10px;
}

/*iPad*/
#wcs .table-sb-ipad tr>td:first-child span.glyphicon, 
#wcs .table-sb-ipad tr>td:first-child span.fa {
	color:#ACB5C3;
}
#wcs .table-sb-ipad tr>th:last-child, 
#wcs .table-sb-ipad  tr>td:last-child {
	text-align: left;
}
#wcs .table-action.table-incentive tr td:last-child .btn-group .btn , #wcs .table-action.table-user tr td:last-child .btn-group .btn {
    margin-right: 0;
    background-color: transparent;
    border: 0;
    box-shadow: 0 0 0;
}

/* Activity modal */
.modal.modal-slideout .modal-content .modal-title {
    font-size: 14px;
    line-height: 20px;
}
#activitiesModal .modal-header {
    border-bottom: 0;
    background: #21282E;
    color: #fff;
    padding: 13px;
}
.timeline .timeline-body{
	background: #fff;
}
#timelineScroll {
	overflow: auto;
}
.timeline:before{
	background: #fff !important;
	top:20px;
}
#activitiesModal .timeline .timeline-badge {
    padding-right: 0;
    padding-left: 10px;
}
#activitiesModal .timeline .timeline-icon {
    width: 60px;
    height: 60px;
    background-color: #f5f6fa;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    display: table;
    text-align: center;
    padding: 0;
}
#activitiesModal .timeline .timeline-icon i {
    font-size: 25px;
    display: table-cell;
    vertical-align: middle;
    line-height: 60px;
}
#activitiesModal .close {
    background-image: url(../img/portlet-remove-icon-white.png) !important;
    height: 13px;
    width: 11px;
    opacity: 1;
}
.timeline{
	margin-right: 10px;
}
.table-incentive .supplier  .label.label-outline {
     top: 0 !important; 
}
.table-incentive.table>tbody>tr>td, .table-incentive.table>tbody>tr>th, .table-incentive.table>tfoot>tr>td, .table-incentive.table>tfoot>tr>th, .table-incentive.table>thead>tr>td, .table-incentive.table>thead>tr>th{
	padding: 10px 3px;
}
.p-r-10{
	padding-right: 10px !important;
}
.m-l-10 {
	margin-left: 10px;
}
.activity-close {
	position: absolute;
    right: 20px;
    top: 3px;
}
#activitiesModal .modal-body .m-h-100 {
	min-height: 0 !important;
}
.l-h-16{
    line-height:16px !important;
}
.m-t-10{
    margin-top:10px;
}
.table-sb-ipad .list-division li.hover-text {
	visibility: visible;
    color: #848a96 !important;
}
.timeline .timeline-body-arrow {
	border-color: transparent #ffffff transparent transparent;
}

#paging-select {
 width: 70px;
 padding:5px 0px;
} 
 
#width_paging-select{
 display : none;
} 
#wcs.page-ipad .label.label-xs {
    border: 0;
}

/* mngt report */
.report-title {
    background: #37414B;
    color: #fff;
}
.report-logo{
	display: inline-block;
	vertical-align: top;
}
.report-program{
	display: inline-block;
	font-weight: 400;
}
.f-18{
	font-size:18px;
}
.b-1{
	border: 1px solid #efefef;
}
.table-heading{
    margin: 0;
    padding: 10px !important;
    background: #E2F1FF !important;
    color: #0e589e !important;
    font-weight: 500 !important;
}
.table-report thead{
	background: #F1F4F7;
}
.table.table-report>tbody>tr>td, .table.table-report>tbody>tr>th, .table.table-report>tfoot>tr>td, .table.table-report>tfoot>tr>th, .table.table-report>thead>tr>td, .table.table-report>thead>tr>th{
	border-top:transparent;
}
.brand-item .dropdown-menu {
	left: auto !important;
    right: 0;
}
.select2-container--bootstrap {
    z-index: 10050;
}
.p-0 {
	padding: 0 !important;
}
.m-b-0 {
	margin-bottom: 0 !important;
}
@media (max-width: 1400px) {
	#activitiesModal .nav-activity>li>a>span:last-child {
	    display: inline-block;
	}
}
#FilterCalloutModal .md-checkbox-inline .md-checkbox{
	margin-right: 10px !important;
	margin-bottom: 10px;
}
.cross-spacing.list-group li.list-group-item{
    padding: 10px 15px 10px 30px;
}
.cross-spacing.list-group li.list-group-item a{
    position: absolute;
    left: 8px;
}
.list-group-item .text {
    position: absolute;
    left: 8px;
}
.list-group-item .brand-data {
    left: 15px;
    position: relative;
}
/* For Print Pages only Starts */
.no-page-header-print .pad15{
    padding: 15px;
}
.no-page-header-print .navbar-fixed-bottom {
    border: 0;
    padding: 15px 0;
    text-align: center;
    background-color: #bfcad1;
}
#wcs.no-page-header-print.page-ipad .table.table-chargeback th{
    background-color: #f1f4f7;
}
#wcs.no-page-header-print.page-ipad .table.table-chargeback th.table-heading{
    padding: 8px !important;
}
#wcs.no-page-header-print.page-ipad .report-title h3 {
      margin-bottom: 5px;
      margin-top: 10px;
}
#wcs.no-page-header-print.page-ipad .report-title p {
    padding-bottom: 10px !important;
}
#wcs.no-page-header-print.page-ipad .table.table-chargeback td p.no-space{
    line-height: 24px;
}
.no-page-header-print .p-l-r-15 {
      padding-right: 15px !important;
      padding-left: 15px !important;
}
#wcs.no-page-header-print.page-ipad .report-title h3 {
      font-size: 16px;
}
#wcs.no-page-header-print.page-ipad .table th, #wcs.no-page-header-print.page-ipad .table td, #wcs.no-page-header-print.page-ipad .table p, #wcs.no-page-header-print.page-ipad .report-title p {
      font-size: 12px;
}
.no-page-header-print.page-ipad .navbar-fixed-bottom {
    background-color: #364150;
}
/* For Print Pages only Ends */

.page-ipad .form-group .form-control[readonly] {
	background-color: #fff;
}
.table-sb-ipad .text-right {
    text-align: right !important;
}
#wcs .btn-group .fa, #wcs .btn-group .icom{
	line-height: 18px;
}

.table-payroll-ipad thead.fixedHeader tr {
	position: relative;
}
.table-payroll-ipad tbody.scrollContent tr {
	position: relative;
	width: 100%;
	display: table;
}
.table-payroll-ipad tbody.scrollContent tr td.text-right, .table-payroll-ipad thead.fixedHeader tr th.text-right {
	padding-right: 20px;
}
.table-payroll-ipad tbody.scrollContent tr td.text-right {
	padding-right: 20px;
	vertical-align: bottom;
    padding-bottom: 18px;
}
.table-payroll-ipad thead.fixedHeader {
	display: table;
	overflow: auto;
	width: 100%
}
.font-green.dotted{
	border:1px dashed #32c5d2!important;
	box-shadow: none;
	color:#fff !important;
}
.font-yellow.bg{
	background: #e87e04!important;
	box-shadow: none;
	color:#fff !important;
}
.section-heading{
	font-weight:500;
}
.section-heading span{
	font-weight: 300;
}
#wcs .table-sb-ipad.table-payroll-ipad td.program > .program-name {
	max-width: 100%;
	white-space: normal;
	color: #606060;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
}
.close-back {
	font-size: 22px;
	font-weight: 400;
}
.green-jungle {
	border-left: 5px solid #26C281 !important;
}
.bg-yellow-new {
	background-color: #f3c200 !important;
}
.font-green-jungle {
	color: #26C281 !important;
}
.font-yellow-new {
	color:  #f3c200 !important;
}
.border-yellow-gold-new {
	border-left: 5px solid #E87E04!important;
}

/* users grid */
.searchbox.user-search .form-control.input-clear {
    padding: 6px 0px;
}
.searchbox.user-search .btn-left button{
    background-color: #e6e6e6;
	margin-left: 0 !important;
}
.searchbox.user-search .input-group-btn button:hover{
    background-color: none;
}
.searchbox.user-search .btn-left,.searchbox.user-search .btn-right{
	border-bottom:1px solid #c2cad8;
}
#AddUsersFilterModal .modal-dialog{
	margin-left: 20px;
}

/* Pagination */
.pagination-custom .pagination.pagination-circle>li>a{
	color: #606060;
	margin-right: 5px;
	border-radius: 10px;
	background: #ebebeb;
	border: 2px solid transparent;
}
.pagination-custom .pagination.pagination-circle>li>a:hover{
	color: #606060;
	margin-right: 5px;
	border-radius: 10px;
	background: #ebebeb;
	border: 2px solid transparent;
}
.pagination-custom .pagination.pagination-circle>li:first-child>a{
	border:none;
	cursor: default;
	color:#606060;
	background: none;
	font-size:12px;
	top:3px;
}
.pagination-custom .pagination.pagination-circle>li:last-child>a{
	border:none;
	cursor: default;
	color:#606060;
	background: none;
	font-size:12px;
	top:4px;
}
.pagination-custom .pagination .active>a.page-link,.pagination-custom .pagination .active>a.page-link:hover{
	background: none;
    border: 2px solid #ddd;
}
.pagination-custom .pagination>li>a, .pagination-custom .pagination>li>span{
	padding: 1px 8px;
}
#wcs.page-ipad .btn-group .btn {
	height: 35px;
} 
.box-line .well {
	box-shadow:0 0px 3px rgba(0,0,0,.1), 0 0px 2px rgba(0,0,0,.18)
}
/*#wcs.page-ipad .btn:hover {
	box-shadow: none;
	background-color: #fff;
}*/
#wcs .table-massdata tbody tr td{
	padding:20px;
}
.align-count {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    float: left;
}
.align-btn{
    margin-left: 5px;
    margin-right: auto;
    display: inline-block;
    float: left;
}
#wcs .list-division li.icon-only{
	background: transparent;
	border-color: transparent;
}

/* The "show" class is added to the filtered elements */
.column {
    display: none; /* Hide all elements by default */
}
.showdata {
  display: table-row;
}
/* Ipad changes  */
#wcs.page-ipad .page-header.navbar {
    padding-left: 15px !important;
    background: #fff;
    height: 60px;
    position: fixed;
	z-index: 1002;
	width: 100%;
}
#wcs.page-ipad .page-header-inner .page-title {
    color: rgba(0,0,0,.5) !important;
    display: inline;
    float: left;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 60px;
}
#wcs.page-ipad .btn-add-header, #wcs.page-ipad .btn-add-header:hover, #wcs.page-ipad .btn-add-header.focus, #wcs.page-ipad .btn-add-header:focus, #wcs.page-ipad a.btn-add-header, #wcs.page-ipad a.btn-add-header:hover, #wcs.page-ipad a.btn-add-header.focus, #wcs.page-ipad a.btn-add-header:focus {
    right: 0;
    padding: 0 20px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    min-height: 60px !important;
    background: #232323 !important;
    color: #fff;
    border-radius: 0px;
    box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus {
    color: #606060 !important;
    box-shadow: none !important;
}
#wcs.page-ipad .page-header.navbar .top-menu .navbar-nav{
	margin-right:0;
}
@media (min-width: 1024px) {
	/* .page-ipad .page-footer {
	    background-color:#2b3643;
	    width:100%;
	}
	.page-ipad .navbar-fixed-bottom {
	    width: 50%;
	}
	body.page-ipad{
		background-color:transparent;
	}
	.page-ipad .page-header.navbar{
		width:50%;
	}
	.page-ipad .portlet.no-border{
		width:50%;
	}
	.page-ipad .table{
		width:50%;
	}
	.page-ipad .grid-action{
		width:50%;
	} */
	/*
	.page-ipad .table-payroll-ipad{
		width:100%;
	}*/
    #wcs.page-ipad .page-content-wrapper .page-content .largeView-ipad{
        width:100%;
    }
}
/* @media (max-width: 1025px){
	.page-ipad .navbar-fixed-bottom {
	    background-color:transparent;
	    width:100%;
	}
	.page-ipad .main-grid-title{
	    width: 100%;
	}
	body.page-ipad{
		background-color:#2b3643;
	}
	.page-ipad .page-header.navbar{
		width:100%;
	}
	.page-ipad .portlet.no-border{
		width:100%;
	}
	.page-ipad .table{
		width:100%;
	}
	.page-ipad .grid-action{
		width:100%;
	}
    #wcs.page-ipad .page-header.navbar{
        padding-left: 0 !important;
        padding-right: 0;
    }
    #wcs.page-ipad .page-header-inner{
        padding-left: 15px;
    }
    #wcs.page-ipad .main-grid{
        width: 100%;
        margin-top: 100px;
    }
    #wcs.page-ipad .modal.modal-fullHeight .modal-body{
        height: calc(100vh - 112px);
        overflow-y:scroll;
    }
    #wcs.page-ipad .applied-filters .label-custom span{
        max-width:100%;
    }
    #wcs.page-ipad .applied-filters .label{
        margin-bottom: 0;
    }
    #wcs.page-ipad .page-header-inner button.btn.btn-link, .page-header-inner a.btn.btn-link {
        padding: 16px 15px 20px !important;
        overflow: visible;
        text-transform: capitalize;
    }
}  */

#wcs.page-ipad .page-header-inner button.btn.btn-link, .page-header-inner a.btn.btn-link {
	padding: 16px 15px 20px !important;
	overflow: visible;
	text-transform: capitalize;
}
#wcs.page-ipad .main-grid-title {
    left: 0px;
    padding: 10px 15px;
    position: fixed;
    margin: 0;
    top: 60px;
    z-index: 1001;
	background: #F5FAFE;
	width:100%;
	box-shadow: 0 1px 6px rgba(57,73,76,.35);
}
#wcs.page-ipad .main-grid{
	margin-top:116px;
}

#wcs.page-ipad .notification-div-wrapper{
	padding-left: 92px;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #ffffff;
    padding-top: 20px;
	padding-bottom: 20px;
    z-index: 9;
}
/* @media (min-width: 1026px){
	.main-grid-title{
	    width: 50%;
	}
}     */

/* Applied Filter Tags */
#wcs.page-ipad .applied-filters .label.label-custom {
    background-color: #32c5d2;
    color: #fff;
    font-size: 11px !important;
    padding: 4px 10px;
    text-transform: uppercase !important;
    box-shadow: none;
    border: 1px solid #32c5d2;
    font-weight: normal;
    border-radius: 60px;
}
.applied-filters .label-custom span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100px;
    float: left;
}

#wcs.page-ipad .applied-filters .label-custom span {
    max-width: 100%;
}
#wcs.page-ipad .applied-filters .label {
  float: left;
  margin-right:3px;
  line-height: 14px;
  padding:3px 6px;
}
#wcs.page-ipad .applied-filters .label.label-custom a {
    color: #fff;
    font-size: 15px;
    padding-left: 10px;
    line-height:6px;
}
#wcs.page-ipad div.main-grid {
    position: relative;
}
.page-ipad .navbar-fixed-bottom {
    border: 0;
    padding: 15px 5px;
    background-color: #364150;
    color: #d6d6d6;
}
.more-anchor {
    font-style: italic;
    text-decoration: underline;
    font-size: 13px;
    top: 3px;
    position: relative;
}
/* left fix modal */

.modal-fx-left .modal-dialog {
    top: 0;
    position: fixed;
    margin: 0;
    width: 550px;
    height: 100%;
}
.modal-fx-left .modal-dialog .modal-content {
    top: 0;
    position: absolute;
    margin: 0;
    width: 550px;
    height: 100%;
    border-radius: 0;
}
.modal-fx-left .modal-header {
    background-color: #333;
    padding: 12px 13px;
    color: #fff;
}
.modal.modal-fx-left .modal-dialog{
	right: -320px;
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	     -o-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
}
	
.modal.modal-fx-left.in .modal-dialog{
	right: 0;
}
/* Modal end */
.list-positions .list-group-item{
	border-left:0;
	border-right:0;
	border-radius:0;
}
.list-positions .list-group-item:first-child{
	border-top:0;
}
/* search box - drop down menu button */
.page-header.navbar .top-menu .navbar-nav>li.search-dropdown{
    line-height: 0;
}
.search-dropdown .navbar-default{
    background-color: transparent;
    border: transparent;
}
.search-dropdown .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{
    margin-left: 0;
}
.search-dropdown .navbar-form {
    padding-right: 0;
}
.btn-search{
    padding: 7px 8px 8px;
    background-color: transparent !important;
}
.btn-search1{
    padding: 7px 8px 8px;
    background-color: transparent !important;
}
.searchicon2{
     padding: 7px 8px 8px;
    background-color: transparent !important;
}
.searchinput {
    width: 300px;
    height:auto;
    max-width: 0;
    padding: 6px;
    transition: all .5s ease;
    position: absolute !important;
    right: 3px;
    box-sizing: border-box;
    opacity: 0;
    top: 3px;
    right: 0;
    background-color: #fff;
    /* border: 1px solid rgba(62, 77, 108,0.7); */
    border-bottom: 1px solid #c2cad8;
    color: #333;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    line-height: 1.3;
    border-radius: 0;
}
.searchinput.expanded {
    max-width: 300px;
    height:auto;
    width:300px !important;
    opacity: 1;
    top: 0;
    right: 3px;
    position: absolute;
    padding-left: 0px;
    padding-right: 50px;
    padding-top: 15px;
    padding-bottom: 0px;
    outline: none;
    background: transparent;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    line-height: 1.3;
    border-radius: 0;
}
.shift-btn{
    right: 260px;
}
.search-box button[aria-label]:hover,.search-box span[aria-label]:hover,.search-box a[aria-label]:hover{
    line-height: 60px !important;
}
.search-dropdown button:focus,.search-dropdown button:active,.search-dropdown button:hover,.search-dropdown button.active.focus{
    background-color: transparent;
}
.search-dropdown .btn-default.active, .search-dropdown .btn-default.focus, .search-dropdown .btn-default:active, .search-dropdown .btn-default:focus, .search-dropdown .btn-default:hover, .search-dropdown .open>.btn-default.dropdown-toggle{
    background-color: transparent;
}
.search-dropdown .navbar-search .dropdown-menu{
    position: absolute;
    left: -259px;
    top: 34px;
}
.search-dropdown .navbar-search .input-group-addon, .input-group-btn {
    vertical-align: middle;
}
.table-sb-ipad .prog-name-trunc {
    max-width: 585px;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #606060;
    font-weight: 500;
    vertical-align: middle;
}
.table-sb-ipad .list-wine {
    display: inline-block;
    margin-left: 15px;
    margin-bottom: 0;
}
/* labels ipad */
#wcs .label.label-xs.darkgray {
    background-color: #7a7a7a;
    color: #fff;
    border: 1px solid #7a7a7a;
}
#wcs .label.label-xs.border-yellow-gold-new {
    background-color: #E87E04!important;
    color: #fff;
    border: 1px solid #E87E04;
}
#wcs .label.label-xs.blue {
    background-color: #3598dc;
    color: #fff;
    border: 1px solid #3598dc;
}
#wcs .label.label-xs.red {
    background-color: #e7505a;
    color: #fff;
    border: 1px solid #e7505a;
}
.tabbable-line>.nav-tabs>li.right-btn.open, .tabbable-line>.nav-tabs>li.right-btn:hover {
    border-bottom: 0;
}
#wcs .table-user tbody td .roleWrap{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 200px;
}
@media (min-width: 992px){
	.modal-xlg {
	    width: 990px;
	}
	
}
.select2-container--bootstrap .select2-selection{
	box-shadow: none;
}
#FormTripReq .form-control{
	box-shadow: none;
}
#wcs.page-ipad .main-grid.no-filter-grid{
	margin-top:60px;
}
#wcs.page-ipad .main-grid .supplier{
    max-width: 230px;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.custom-form-static .form-control-static{
	display: block;
}
/* Copied from developer start */
#activitiesModal .modal-body {
    height: calc(100vh - 325px);
    overflow-y: auto;
    padding:15px 5px 15px 15px;
    overflow: hidden;
}
.media-file{
    height: calc(100% - 100px);
    overflow: hidden;
}
.share-files{
	height: calc(100% - 80px);
	overflow: hidden;
}
.timeline{
	height: calc(100% - 69px);	
	margin-bottom: 0;
}
.table-payroll-ipad tbody.scrollContent {
	display: block;
	max-height: calc(100vh - 303px);
	overflow: auto;
	width: 100%
}
@media (max-width: 1023px) {
	#wcs.login .logo {
		right: 30px;
    	top: calc(50% - 200px);
	}

	#wcs.page-ipad .main-grid{
		margin-top:182px;
	}
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape) {
	.table-payroll-ipad tbody.scrollContent {
		max-height: calc(100vh - 230px);
	}
}
/* Copied from developer end */

.userEditTeam {
	padding-left: 12px;
	margin-bottom: 5px;
}
.userEditTeam li {
	list-style: none;
}
.userEditTeam li span {
	margin-right: 10px;
}


/* sidebar */
.sidebar {
    display:none;
}
    .page-ipad .page-content-wrapper {
    height: 100%;
}
.page-ipad .sidebar {
    list-style: none;
    background-color: #364150;
    height: 100%;
    position: fixed;
    width: 70px;
    padding: 0;
    z-index: 11;
    top: 0;
    left: 0;
    display:block;
}
.page-ipad .sidebar .app-logo{
	padding: 10px 0 60px;
    text-align: center;
}
.page-ipad .sidebar .app-logo img{
	width: 48px;
}
.page-ipad .sidebar .sidebar__item {
    text-align: center;
}
.page-ipad .sidebar .sidebar__item .sidebar__item--link, .page-ipad .sidebar .sidebar__item .sidebar__item--link:link, .page-ipad .sidebar .sidebar__item .sidebar__item--link:visited{
	font-size: 11px;
	color:#b4bcc8;
    text-decoration: none;
    display: block;
    padding: 15px 5px;
    letter-spacing: 0.6px;
}
.page-ipad .sidebar .sidebar__item.active .sidebar__item--link{
	background-color: #2C3542;
}
.page-ipad .sidebar .sidebar__item--link .icon{
    display: block;
	margin: auto;
	font-size: 14px;
	padding-bottom: 2px;
}
.page-ipad .sidebar .user-profile{
	position: absolute;
    bottom: -13px;
	left: 50%;
	transform: translate(-50%, -50%);
}
.page-ipad .sidebar .user-profile .user-pro-body .version{
	font-size: 12px;
    text-align: center;
    margin: 0;
}
 a.nav-icon{
	color: rgba(0,0,0,.5) !important;
	margin-right:5px;
}
@media (max-width: 768px){
	.page-ipad .sidebar {
		z-index: 1050 !important;    
		-webkit-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.page-ipad .sidebar.sidebar-ipad.open {
		left: 0;
		-webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.4);
		box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.4);
	}
	.page-ipad .sidebar.sidebar-ipad {
		left: -70px;
	}
	.sidebar-backdrop {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0px;
		z-index: 1040;
		display: block;
	}
	.no-page-header.page-ipad .page-content-wrapper .page-content{
		width: 100%;
		padding: 0px 20px 80px 0 !important;
	}

	#wcs.page-ipad .notification-div-wrapper{
		padding-left: 20px;
	}
}
@media (min-width: 769px){
	#wcs.page-ipad .main-grid-title, #wcs.page-ipad .page-header.navbar{
		width: calc(100% - 70px);
		left:70px;
	}
	.nav-icon{
		display: none;
	}
	#wcs.page-ipad .page-content-wrapper .page-content{
		width: calc(100% - 70px);
		margin-left:70px !important;
		padding: 0px 20px 60px 0 !important;
	}
}
#wcs.page-ipad .page-content-wrapper .page-content.page-viewGrid{
	width: 100%;
	margin-left: 0px !important;
}


.panel-left{
	float: left;
	width: 60%;
	/*white-space: nowrap;*/
	text-overflow: ellipsis;
	/*overflow: hidden;*/
	font-size: 12px;
}
.panel-left h4{
	color: #32A2FC;
	font-weight: 500;
}
.panel-middle{
	float: right;
	width: 100px;
	margin-right: 20px;
}

.budget-txt{
	color: #848a96;
	font-weight: bold;
}

.mr-50{
	margin-right: 50px;
}

.notification-div-wrapper{
	padding: 0;
}

.notification-div{
	/*position: absolute;*/
	border: 1px solid #A01E21;
	padding:5px 10px;
	color: #606060;
	width:calc(100% - 20px);
	text-align:center;
}

.notification-div-new{
	position: absolute;
	bottom:65px;
	left:90px;
	border: 2px solid #A01E21;
	padding:5px 10px;
	color: #606060;
}