/*================================================================================
	Item Name: Robust - Responsive Admin Theme
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/*
Added this for chartjs - not sure if it will break other parts of the site??
*/
canvas {
	-moz-user-select: none;
    -webkit-user-select: none;
	-ms-user-select: none;
}

/*
Used to create our fixed column tables
*/

.fixed-column {
    position: absolute;
    display: inline-block;
    width: auto;
	background-color: #ffffff;
	width: 200px;
	padding: 0px;
	padding-left: 1rem !important;
}

.fixed-column-2 {
    position: absolute;
    display: inline-block;
    width: auto;
	background-color: #ffffff;
	width: 225px;
	padding: 0px;
	padding-left: 1rem !important;
}

.fc > thead:first-child > tr:first-child > th:nth-child(2) {
    padding-left: 220px;
}

.fc-2 > thead:first-child > tr:first-child > th:nth-child(2) {
    padding-left: 265px;
}

.fc > tbody > tr > td:nth-child(2) {
    padding-left: 220px !important;
}

.fc-2 > tbody > tr > td:nth-child(2) {
    padding-left: 265px !important;
}

.fc-3 > thead:first-child > tr:first-child > th:nth-child(2) {
    padding-left: 220px;
}

.fc-3 th, .fc-3 td {
    text-align: center;
    /*padding-left: 1rem !important;*/
}
.fc-3 th {
    text-align: left;
    padding: 0.3rem;
    text-align: left;
    line-height: 2rem;
}

.fc-3 .fixed-column {
    width: 14rem;
}
.fc-3 > thead:first-child > tr:first-child > th:nth-child(2) {
    padding-left: 14rem !important;
    padding-right: 0.2rem;
}

.fc-3 > tbody > tr > td:nth-child(2) {
    padding-left: 16rem !important;
    padding-right: 2rem !important;
}

.fc-3 .tac {
    text-wrap: nowrap;
}

#lostNetworkTable {
    font-size: 0.8rem;
    text-wrap: nowrap;
}

#lostNetworkTable th,
#lostNetworkTable td {
    padding: 0.5rem 1.5rem;
}
.min-width {
    min-width: 310px !important;
}

.vin-table-wrapper {
    max-height: 500px;
    overflow: auto;
    display: inline-block;
}

@keyframes spinner-border {
  to { transform: rotate(360deg); }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-top-width: 0.25em;
    border-right-width: 0.25em;
    border-right-color: currentcolor;
    border-bottom-width: 0.25em;
    border-left-width: 0.25em;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em;
}



.navigation > li > a > span {
    font-size: 0.85em;
    white-space: normal !important;
}

.fixed-column-big {
    position: sticky;
    left: 0;
    background-color: #ffffff;
    vertical-align: middle;
    padding: 10px 8px;
    min-width: 300px;
    max-width: 300px;
    z-index: 3;
}
/*.fc-big > thead:first-child > tr:first-child > th:nth-child(2) {*/
/*    padding-left: 310px;*/
/*}*/

/*.fc-big > tbody > tr > td:nth-child(2) {*/
/*    padding-left: 310px !important;*/
/*}*/

.fixed-column-big-2 {
    position: absolute;
    display: inline-block;
    width: auto;
	background-color: #ffffff;
	width: 470px;
	padding: 0px;
}
.fc-big-2 > thead:first-child > tr:first-child > th:nth-child(2) {
    padding-left: 480px;
}

.fc-big-2 > tbody > tr > td:nth-child(2) {
    padding-left: 480px !important;
    width: 800px
}

.table-hover tbody tr:hover,
.table-hover tbody tr:hover td {
	background:#f8e0c6 !important;
}

tr.tac,
th.tac {
	text-align: center !important;
}


/*
See Data Source
*/
#refere a {
	color: #3B7AB2;
	text-decoration: none;
	cursor: pointer;
	font-size: 13px;
}

/*
Force Center Align
*/
.center-imp {
	text-align: center !important;
}

/*
Month Year Picker
*/
.monthPicker {
    background: #4fc1e9;
    box-shadow: 0 1px 5px #696969;
	display: none;
	min-width: 220px;
	width: 220px;
}

.monthPicker-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 20px;
    border-bottom: 1px solid #fff;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.monthPicker-top-action {
    font-size: 2rem;
    position: relative;
    width: 45px;
    height: 45px;
    color: #fff;
    border-radius: 50%;
    background: none;
}

.monthPicker-top-action span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.monthPicker-top-action:hover {
    background: rgba(0, 0, 0, .1);
}

.monthPicker-top-current {
    color: #008080;
    background: #fff;
}

/* newly added*/                   
.monthPicker-body-qtr {
    display: -ms-flexbox;
    padding: 1rem;
    text-align: center;
    justify-content: space-around;

}
/* newly added*/
.monthPicker-body-month-qtr {
    line-height: 35px;
    height: 35px;
    margin: 5px;
    vertical-align: middle;
    text-decoration: none;
    color: #008080;
    color: #fff;
    border-radius: 3px;
    background: #fff;
    background: none;
    
}
.monthPicker_qtr {
    background: #4fc1e9;
    box-shadow: 0 1px 5px #696969;
	display: none;
	min-width: 220px;
	width: 220px;
}
/*
.monthPicker-top-current .selectYear {
    display: none;
}

.monthPicker-top-current:hover .currentYear {
    display: none;
}

.monthPicker-top-current:hover .selectYear {
    display: inline;
}
*/
.monthPicker-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem;
    text-align: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;

}

.monthPicker-body-month {
    line-height: 35px;
    height: 35px;
    margin: 5px;
    vertical-align: middle;
    text-decoration: none;
    color: #008080;
    color: #fff;
    border-radius: 3px;
    background: #fff;
    background: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3 - 10px);
    flex: 0 0 calc(100% / 3 - 10px);
}

.monthPicker-body-month:hover {
    text-decoration: none;
    color: #008080;
    background: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .34);
}

/*
For the vertical accordion headings, make them thinner. Default for card header is 1rem;
*/
.card-header-thinner {
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
}

/*
Select2 height
*/
.select2-container--default .select2-selection--single {
	height: 38px !important;
}

/*
Select2 icon size
*/
.select2-icon-size {
	font-size:1.5em;
	 display: inline-flex;
    vertical-align: middle;
}


/*
Small Bottom Margin
*/
.mb-small {
	margin-bottom: 0.5rem !important;
}

/*
Reduce Gap between custom radio button and description
*/

.small-pad-left {
	padding-left: 0.5rem !important;
}

.custom-select-blue {
	color: #2b85f1;
	font-size: 1.2em;
	font-weight: 600;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
}

/*
change cursor
*/
.cursorPointer{
	cursor: pointer;
}

/*
less padding on tables
*/
.less-td-padding {
	padding: 0.5rem 0.5rem !important;
}

.less-td-padding-form {
	padding-top: 0.85rem !important;
	padding-bottom: 0.15rem !important;
	padding-right: 0.5rem !important;
	padding-left: 0.5rem !important;
}

.evenless-td-padding {
	padding: 0.1rem 0.1rem !important;
}

.kpi-due {
	padding-top: 12px !important;
}

/*
Regional ranking
*/
.regionalRanking {
	color:#0066ff;
}

/*
Prospects
*/
td.searchLabel {
	padding-right: 20px;
}
td.field {
	padding-right: 20px;
	padding-bottom: 20px;
}
td.field2 {
	padding-right: 20px;
	padding-bottom: 3px;
}
input.oldDatePicker {
	width:130px;
	cursor: pointer;
	display: inline-block !important;
}
td.dpDayTD {
	padding: 5px !important;
}

tr.results-alt3 {
	background-color: #dcdde3;
}
tr.highlightnp2 {
	background-color: #b3cccc;
}
tr.orange {
	background-color: #fdeab0;
}
td.modelList {
	padding-top:0.3rem !important;
	padding-bottom:0.3rem !important;
}
button.searchExport {
	margin-right: 15px !important;
}

span.required {
	color: #ff2661;
}

span.required-hide {
	color: #ff2661;
	display: none;
}

.myPadding {
	padding-bottom: 30px;
}

td.smallCarparcTable {
	font-size: small !important;
	padding: 0.4rem 0.4rem !important;
}

.remove-top-bottom-padding {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.modal-dialog-centered {
    margin:20% auto;
}