/*

SIDEBAR

*/

.glyphicon-custom-margins{
    margin-left: -20px;
    width: 30px;
    margin-right: 5px;
    font-size: initial !important;
    text-indent: 15px;
}
ul.sidebar-nav ul{
    padding-left: 10px;
}
.sidebar-nav li {
    text-indent: 0px;
    margin-left: 10px;
}

/*

Calendar

*/

#page-content-wrapper .fc-toolbar h2 {
    font-size: 18px;
}

/*

MISC

*/
.makewidth div.input-group{
    display:block;
}
.makewidth #caseSearchinput{
    border-radius: 4px;
}
#MemberLoginForm_LoginForm_Remember_Holder{
    display:none;
}
#MemberLoginForm_LoginForm_action_doLogin{
    margin-bottom: 10px;
    position: absolute;
    display: block;
    margin-top: 20px;
}
#MemberLoginForm_LoginForm{
    width:100% !important;
}
#MemberLoginForm_LoginForm_Remember_Holder{
    margin-left:30px;
}
#MemberLoginForm_LoginForm_Remember_Holder label{
    margin-left: -10px;
}
fieldset+.btn-toolbar {
    margin-top: 15px !important;
    margin-bottom: 10px;
}
body .login-form {
    background-color: #00441d !important;
    color: #FFF !important;
    width: 100%;
}
.mfa-app{
    color: #FFF !important;
}
main.boka #MemberLoginForm_LoginForm input.btn-success{
    background-color: #3ca92e;
    color: #FFF;
}
.mfa-app a{
    color: #FFF !important;
}
.mfa-app pre {
    background-color: #555;
}
.mfa-app .mfa-app-title, .mfa-app .mfa-section-title{
    color: #FFF !important;
}
body .login-form.boka {
    background-color: #008638 !important;
    color: #FFF !important;
    width: 100%;
    
}
body .login-form.boka input.text,
body .login-form.boka input.text:focus,
body .login-form input.text,
body .login-form input.text:focus{
    width: -webkit-fill-available;
}
body .login-form .login-form-control--text .login-form-control__field, .login-form input.text, .login-form input.text:focus {
    background-color: #e4e8ec !important;
    color: #191c1f !important; 
}
body .login-form__message--error, .message.bad, .message.error, .message.required {
    color: #c3c3c3 !important;
    font-weight: bold !important;
}
#paymentInputGroup .btn.dropdown-toggle.has-error{
    border-color: #a94442;
}
.right-caret, .caret-right, .sidebar-nav li a.collapsed span.caret {
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid #FFF;
    display: inline-block;
    height: 0;
    opacity: 1;
    vertical-align: middle;
    width: 0;
}
ul ul {
    list-style-type: none;
    padding-left: 20px;
}
*.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}
#page-content-wrapper {
    padding-right: 0px;
    padding-left: 0px;
}
.navbar-toggle{
	margin-left:15px;
}
.badge{
	text-indent: 0px;
}
.hover, .table-hover>tbody>tr:hover, .mouseCursor {
	cursor:pointer;
}
.move-item{
	cursor: move;
}
.modal-dialog {
    margin: 80px 10px 10px 10px;
	z-index: 1053;
}
#ChangeStatusModal, #GetDistanceModal, #UploadCareErrorModal, #UploadCareSuccessModal, #UploadCareNotSupportedFileTypeModal{
    z-index: 4000;
}
.statusText{
    padding-top: 2px;
    display: inline-block;
    padding-right: 6px;
}
#ContentAreaForStatusChange .statusText{
    padding-top: 3px;
    display: block;
    padding-right: 6px;
    text-overflow: ellipsis;
    height: 20px;
    float: left;
    padding-left: 7px;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
}
.statusRadios{
    margin-top: 6px !important;
}
.picker__frame {
    top: 0px !important;
    bottom: auto !important;
	position: fixed;
}
pro.progress-bar {
    -webkit-transition: none !important;
    transition: none !important;
}
.centerText{
    text-align: center;
}
#Tiki{
    background: url(../images/FL-Tools-72x72-round.png) center center no-repeat;
    background-size: 30px 32px;
    width: 55px;
    background-position-x: 20px;
    background-position-y: 10px;
}
#Tiki-Transport{
    background: url(../images/logo-transport.png) center center no-repeat;
    background-size: 30px 32px;
    width: 85px;
    background-position-x: 48px;
    background-position-y: 10px;
}
body{
	padding-top: 50px;
}
.lowercase{
	text-transform: lowercase;
}
.uppercase{
	text-transform: uppercase;
}
.capitalize{
	text-transform: capitalize;
}
#CharactersRemaining{
	display: none;
}
body.Page .sidebar-nav {
    top: 10px;
}
body .ui-widget{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
body .navbar{
	z-index: 2000;
	position: absolute;
}
body.Page.Security{
	padding-top: 0px;
}
#page-content-wrapper{
    margin-top:10px;
    position: absolute;
	z-index: 2000;
	min-width: 320px;
	margin-bottom: 50px;
}
#CustomLoginForm_LoginForm_Remember{
    margin-left:0px;
}
#mainPreloader{
    position: fixed;
    background: #FFF url(../images/preloader.gif) no-repeat center;
    background-size: 110px 10px;
    width: 100%;
    height: 100%;
    z-index: 10000;
    color:#000;
    display:none;
    top:0px;
}
#mainPreloaderText{
    position: fixed;
    z-index: 10001;
    width: 100%;
    text-align: center;
    top: 40%;
    font-weight: bold;
    display:none;
}
#preloader, #ATIPreloader{
    background: url(../images/preloader.gif) no-repeat;
    background-size: 110px 10px;
    width: 110px;
    height: 10px;
    margin: 0px auto 20px;
    display: none;
}
.DigitalSigned, .Calibration{
    width: 22px;
    height: 22px;
}
.MessageBox{
    padding:10px;
    border-radius: 4px;
    display: none;
	margin-bottom: 20px;
}
.mb-3{
    margin-bottom: 5px;
}
.clear{
    clear: both;
}
#backButton{
    background-color: lightgrey;
    margin-bottom: 10px;
}
#changeCaseButton, #changeDateButton{
    margin-bottom: 20px;
}
.btn-primary-darker{
    background-color: #18558a;
    border-color: #0f3c63;
}
.btn-primary-even-darker{
    background-color: #0f3c63;
    border-color: #134066;
}
.progress{
	display: block;
}
.statisticsLink{
	color:#000;
}
Body.Security #BigLogo {
    width: 20% !important;
}
#BigLogo{
	width:30%;
    max-width: 256px;
}
body.LoggedOut #page-content-wrapper, body.FrontPage #page-content-wrapper{
	position: initial;
	width: initial;
}
body.LoggedOut #wrapper, body.FrontPage #wrapper{
	padding-left: 0px;
}
.imageThumb{
	max-width: 500px;
	margin-bottom: 20px;
	width: 100%;
}
.detailed-table{
	display: none;
}
#DashboardStatisticsContainer{
	overflow: hidden;
	min-height: 355px;
}
#DashboardButtons{
    display: flex;
}
.DashboardButton{
	min-width:25%;
	max-width:50%;
	float:left;
	margin: 0px auto;
    flex-wrap: wrap;
}
.DashboardButton img{
	width:70%;
}
#DashboardDropdownMenus{
    clear:both;
}
#StatisticsButtonGroup{
	margin-bottom:40px;
}
#OpauthLoginForm_LoginForm_tab{
	display:block !important;
}
#Form_EditForm div.ss-tabset.ui-tabs.ui-widget.ui-widget-content.ui-corner-all{
	border:none;
}
#Form_EditForm ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all{
	display: none;
}
.ui-tabs .ui-tabs-panel{
	padding:0px !important;
}
body #Remember{
    margin: 15px 10px 0px 10px!important;
}
#Remember input {
	margin: 4px 5px 0 0 !important;
}
#ForgotPassword a{
	color:#FFF;
}
#ForgotPassword a:hover{
	text-decoration: none;
}
#ForgotPassword{
	cursor: pointer;
	padding: 0px 20px 0px 27px;
    height: 41px;
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
    border-radius: 6px;
    border: 1px solid transparent;
    margin-bottom: 20px;
    max-width: 250px;
    line-height: 38px;
    width: 170px;
    display: none;
}
#ForgotPassword:hover{
	background-color: #31b0d5;
    border-color: #269abc;
}
#OpauthLoginForm_LoginForm_action_handleStrategyCustomFacebook{
	padding: 0px 20px 0px 60px;
    height: 55px;
    background-image: url(../images/facebook.png);
    background-size: 45px;
    background-repeat: no-repeat;
    background-position: 5px;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    border-radius: 6px;
    border: 1px solid transparent;
    width: 100%;
    margin-bottom: 20px;
}
#OpauthLoginForm_LoginForm_action_handleStrategyCustomFacebook:hover{
    background-color: #449d44;
    border-color: #398439;
}
#OpauthLoginForm_LoginForm_action_handleStrategyGoogle{
	padding: 0px 20px 0px 60px;
    height: 55px;
    background-image: url(../images/google.png);
    background-size: 45px;
    background-repeat: no-repeat;
    background-position: 5px;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    border-radius: 6px;
    border: 1px solid transparent;
    width: 100%;
    margin-bottom: 20px;
}
#OpauthLoginForm_LoginForm_action_handleStrategyGoogle:hover{
	background-color: #449d44;
    border-color: #398439;
}
#paymentInputGroup{
    margin-bottom: 15px;
}
#HourPicker{
    width: 90%;
    margin-bottom: 15px;
}
#MinutesFieldForOddNumbers{
    display: none;
}
#MinutesPicker, #MinutesFieldForOddNumbers{
    width: 90%;
    margin-bottom: 15px;
}
.move-icon{
    float: right;
    margin-top: 5px;
	cursor: move;
}
button.dragging{
	background-color: #FFF;
}
#LoginBox ul:nth-of-type(1), #CustomLoginForm_LoginForm h3:nth-of-type(1), #OpauthLoginForm_LoginForm h3:nth-of-type(1){
	display:none;
}
#SearchAllLabel{
	margin-top: 2px;
    margin-bottom: 2px;
}
#getAllCheckBox{
	margin-left:3px;
}
.navbar-icons{
	margin-top: 15px;
    margin-left: 10px;
}
a.navbar-icons.mobile{
	display:none;
}
.btn-success-darker{
    background-color: #4ca24c;
    border-color: #41ad41;
}
#ContentAreaForStatusChange{
    padding: 5px 30px;
}
/*

    Price

*/
.hidePriceFromUser, .Hidden{
    display:none;
}
/*

	Login

*/
#CustomLoginForm_LoginForm_action_dologin{
	font-size: 14px;
    margin-bottom: 20px;
    margin-top:20px;
    width: 100%;
}
#CustomLoginForm_LoginForm_Remember_Holder{
    display:none;
    
}
/*

    PurchaseOrder

*/
#SwitchAllBox{
    padding: 0px 10px 0px 0px;
    width: 120px;
    height: 32px;
}
#SwitchAllBox input{
    margin-left: 15px;
}
/*

	Worksheets

*/
tr.MarkedAsSpecial{
    background-color: #fcf8e3ba !important;
}
tr.finalized td {
	color:#999;
}
.priority{
	width:20px;
	height: 20px;
}
#ReleaseWorksheet{
	background-image: url(../images/padlock48x48.png);
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: center 7px;
    width: 40px;
}
#TopPanelIcons, #TopPanelIcons2{
	margin-bottom: 10px;
}
.fiftypercentwidth{
	width:45%;
}
.thirtypercentwidth{
	width:30%;
}
.PRE_as_label{
	padding-top: 6px;
    padding-bottom: 6px;
    height: 34px;
    line-height: 22px;
}
.swiper-container {
    width: 100%;
}
.shapeIcon{
	width:32px;
}
.table.additionTable>tbody>tr>th{
	line-height: 30px;
}
.additionTableRowCheckboxColumn{
    text-align:right;
}
#SavePanel{
    top: 0px;
    left: 0px;
    margin-left: 0px;
	position: fixed;
    top: -80px;
    background: #FFF;
    width: 100%;
    height: 70px;
    z-index: 203;
    padding-top: 20px;
    box-shadow: 0px 10px 5px #888888;
}
#PriceArea{
	display:none;
}
.innerDropShadowTop{
   -moz-box-shadow: inset 0px 8px 12px -10px #000;
   -webkit-box-shadow: inset 0px 8px 12px -10px #000;
   box-shadow: inset 0px 8px 12px -10px #000;
}
.sectionBackground{
    background:#D9D9D9;
    border-bottom: 0px;
    border-top: 0px;
    padding-left: 30px;
}
#PriceAreaContainer{
    clear:both;
}
#PicturesIcon{
    width:64px;
    cursor: pointer;
    margin-bottom: 20px;
}
#ImagesPreview{
    display: none;
    margin-left: 15px;
    margin-right: 15px;
    clear: both;
}
#UnfoldLessIcon{
    display: none;
    width: 20px;
    float: left;
    margin-right: 22px;
    margin-left: 22px;
    margin-bottom: 14px;
    margin-top: 0px;
    cursor: pointer;
}
#WorksheetRows .Section{
    display: none;
}
.unfold-fold-icon{
    width: 10px;
    background: url(../images/unfold-more-icon.png);
    height: 16px;
    background-size: 10px 16px;
    cursor: pointer;
    float: right;
    margin-right: 5px;
    margin-top: 5px;
}
.unfold-fold-icon.open{
    background: url(../images/unfold-less-icon.png);
    background-size: 10px 16px;
}
.list-group-item{
    padding:10px;
}
.list-group-item.draggable{
    padding: 0px;
}
.list-group-top-item-container{
    padding:10px;
}
.list-group-item.undraggable .list-group-top-item-container{
    padding:0px;
}
.list-group-item .checkbox{
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
}
#WorksheetRowsButtons{
    
}
.editIcon{
    margin-left: 10px;
}
.col-xs-11.alert{
    width: 90%;
    max-width: 350px;
}
div.popover{
    color:#000;
}
button.pop-status-change{
    margin: 0px 14px 9px 14px;
}
#AbstractFinanceTable tr.Items.Future{
    background-color: #5894c1;
    color: #FFF;
}
#AbstractFinanceTable tr.Items.Today{
    background-color: #5bc0de;
    color: #FFF;
}
#AbstractFinanceTable tr.Items.Past{
    background-color: #d9edf7;
    color: #333;
}
.glyphicon.glyphicon-time, div.Status span.glyphicon{
    font-size: 26px;
}
.sidebar-nav .glyphicon.glyphicon-time{
    font-size: 15px;
}
.StatusIcon{
    width:26px;
}
#ContentAreaForStatusChange .StatusIcon {
    width: 26px;
    float: left;
    padding-top: 1px;
}
#AbstractFinanceTable.table>tbody>tr>td, 
#AbstractFinanceTable.table>tbody>tr>th, 
#AbstractFinanceTable.table>tfoot>tr>td, 
#AbstractFinanceTable.table>tfoot>tr>th, 
#AbstractFinanceTable.table>thead>tr>td, 
#AbstractFinanceTable.table>thead>tr>th,
#LatestPaymentPeriods.table>tbody>tr>td, 
#LatestPaymentPeriods.table>tbody>tr>th, 
#LatestPaymentPeriods.table>tfoot>tr>td, 
#LatestPaymentPeriods.table>tfoot>tr>th, 
#LatestPaymentPeriods.table>thead>tr>td, 
#LatestPaymentPeriods.table>thead>tr>th,
#TourTable.table>tbody>tr>td, 
#TourTable.table>tbody>tr>th, 
#TourTable.table>tfoot>tr>td, 
#TourTable.table>tfoot>tr>th, 
#TourTable.table>thead>tr>td, 
#TourTable.table>thead>tr>th,
#InvoicesTable.table>tbody>tr>td, 
#InvoicesTable.table>tbody>tr>th, 
#InvoicesTable.table>tfoot>tr>td, 
#InvoicesTable.table>tfoot>tr>th, 
#InvoicesTable.table>thead>tr>td, 
#InvoicesTable.table>thead>tr>th,
#SalesPersonsTable.table>tbody>tr>td, 
#SalesPersonsTable.table>tbody>tr>th, 
#SalesPersonsTable.table>tfoot>tr>td, 
#SalesPersonsTable.table>tfoot>tr>th, 
#SalesPersonsTable.table>thead>tr>td, 
#SalesPersonsTable.table>thead>tr>th{
    padding: 6px;
}
#SendQuoteImage, #DownloadQuotePDF, #ViewCoverageIcon, #DuplicateIcon{
    width:16px;
    margin-top: -3px;
}
#QualityControlImage{
    width: 20px; 
    margin: 4px 0px 4px 2px;
}
#EditItem span.ion-android-car{
    font-size: 1.4em;
}
#RegistrationPlateField{
    width: 70%;
}
#VINNumberField,
#EuroCodeField{
    width: 65%;
}
#RearWindowSelector, #SideWindowSelector, #SideWindowLabel{
    display: none;
}
.spinner-border{
    background: #FFF url(../images/preloader.gif) no-repeat center;
    background-size: 110px 10px;
    width: 100%;
    height: 100%;
    color:#000;
    height: 60px;
}
.attachmentContainer{
    width: 30%;
    float: left;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}
.attachmentContainer .d-flex{
    display: flex;
    height: 150px;
    align-items: center;
}
.attachmentContainer img{
    max-width: 100%;
    max-height: 100%;
    border: solid 6px white;
    filter: drop-shadow(0 0 0.75rem rgba(0,0,0,0.3));
    margin-bottom: 20px;
}
.attachmentContainer img.fileNotFound{
    border:none;
    filter:none;
}
.attachmentContainer img.file{
    border: none;
    filter: none;
    width: initial;
    margin-right: 0px;
    margin-top: 10px;
}
.notThird{
    margin-right: 5%;
}
#ImagesPreview .row{
    display: flex;
    align-items: center;
}
/*

	Upload
	
*/
.my-config {
  --cfg-pubkey: "28504b66b21749a024cc";
  --cfg-img-only: 0;
  --cfg-multiple: 1;
  --cfg-max-local-file-size-bytes: 5242880;
  --cfg-multiple-max: 10;
  --cfg-use-cloud-image-editor: 1;
  --cfg-source-list: "local, url, camera";
  --darkmode: 0;
  --h-accent: 223;
  --s-accent: 100%;
  --l-accent: 61%;
}
.uploadcare--file__preview{
    width: 150px;
    height: 150px;
}
#uploadWrapper, 
#drawingWrapper,
#mapWrapper{
	min-height: 200px;
    position: fixed;
    width: 100%;
    z-index: 3000;
    top: -2000px;
	overflow-y: scroll;
	padding-bottom: 30px;
}
#drawingWrapper{
	z-index: 4000;
}
#mapWrapper{
	z-index: 4001;
}
#map{
    min-height:300px;
    width:100%; 
    margin-top:20px;
}
#EraseDrawing{
	margin-bottom:10px;
}
#DrawingBoard{
	clear:both;
	min-height: 400px;
}
#uploadWrapperBackground, 
#drawingWrapperBackground,
#mapWrapperBackground{
	background-color: #31708f;
    opacity: 0.95;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    color: #FFF;
}
#uploadWrapperContentArea, 
#drawingWrapperContentArea, 
#drawingWrapperContentAreaForUpload,
#mapWrapperContentArea
{
	z-index: 2;
    width: 70%;
    margin: 0px 15%;
    float: none;
    position: fixed;
	padding-top: 30px;
	overflow-y: auto;
    height: 100%;
    padding-bottom: 20px;
}
.qq-gallery.qq-uploader:before {
    font-size: 100% !important;
}
#drawingWrapperContentAreaForUpload{
	z-index: 3;
	opacity: 0;
	display: none;
}
#uploadWrapper h1, #drawingWrapper h1,
#uploadWrapper h2, #drawingWrapper h2,
#uploadWrapper h3, #drawingWrapper h3,
#uploadWrapper h4, #drawingWrapper h4,
#uploadWrapper h5, #drawingWrapper h5,
#uploadWrapper p, #drawingWrapper label{
	color:#FFF;
}
#uploadWrapper h6.filename{
	color:#333;
	margin-left: 15px;
}
#DrawingBoard{
	background-color: #FFF;
    width: 100%;
}
#DrawingEnabledToogle{
    padding-left: 5px;
}
#DrawingEnabledToogle div.toggle{
	margin-left: 10px;
}
#AddPhoto{
    margin-left: 10px;
    padding: 6px 6px;
}
#AddText{
    padding: 6px 6px;
}
#photo-file-upload{
    display:none;
}
#addTextConfirmation{
	z-index: 4500;
}
.canvas-container{
	margin-bottom: 10px;
    width:100%;
}
.upper-canvas {
    width:100%;
}
.worksheet-image-container{
    text-align: center;
    margin-bottom: 20px;
}
.worksheet-image{
	width:100%;
	margin-right:5%;
    margin-bottom: 20px;
}
.ath-container {
    padding: 1.7em 1.6em !important;
}
.ath-container.ath-ios .ath-application-icon {
    margin: 0 auto 1em auto !important;
}
.additionTableRowExtraFields{
	display: none;
	overflow: hidden;
}
.additionTableRowDescriptionColumn{
	width:60%;
}
.buttonpanel button{
    margin-bottom: 10px;
}
/*

Upload fineUploader

*/
#fine-uploader-gallery .qq-gallery .qq-upload-button{
    width:100%;
    border-radius: 5px;
    margin-bottom: 20px;
    height: 35px;
    margin-top: 20px;
    padding: 0px;
}
#fine-uploader-gallery .qq-gallery .qq-upload-button div{
    padding-top:5px;
}
#fine-uploader-gallery .qq-gallery .qq-upload-cancel {
    right: -10px;
    top: -11px;
    padding-top: 3px;
}
#fine-uploader-gallery .qq-gallery .qq-delete-icon {
    background: url(../images/trash.png);
    width: 16px;
    height: 16px;
    background-size: 16px;
}
#fine-uploader-gallery .qq-gallery .qq-upload-spinner {
    top: 50%;
}
#uploadPhotos{
    bottom: 15px;
    right: 20px;
    position: absolute;
    padding-top: 3px;
}
#cancelUploads{
    bottom:15px;
    position: absolute;
}
#fine-uploader-gallery .qq-gallery.qq-uploader {
    padding: 20px 20px 50px 20px;
    max-height: initial;
}
#fine-uploader-gallery .qq-gallery .qq-upload-list {
    max-height: initial;
    overflow: initial;
}
#fine-uploader-gallery .qq-gallery .qq-upload-list li {
    width: 29%;
    max-width: initial;
    margin-right: 6%;
    height: initial;
    background-color: #eee;
    border-radius: 5px;
    padding: 15px;
}
#fine-uploader-gallery .qq-gallery .qq-upload-list li:nth-child(3n){
    margin-right: 0px;
}
#fine-uploader-gallery .qq-gallery .qq-thumbnail-wrapper {
    overflow: hidden;
    position: relative;
    height: 120px;
    width: 100%;
    margin: 0px 0px 5px;
}
#fine-uploader-gallery #uploadButtonSelector input{
    position: initial !important;
    height: 35px !important;
    width: 100% !important;
    margin: -25px 0px 0px 0px !important;
}
#fine-uploader-gallery .qq-gallery .qq-file-info {
    padding: 0px;
}
#fine-uploader-gallery .qq-gallery .qq-total-progress-bar-container {
    margin-left: 0px;
    float: none;
    width: 100%;
    margin-bottom: 20px;
    position: initial;
}
#fine-uploader-gallery .qq-gallery .qq-progress-bar {
    height: inherit;
}
/*

Customer Number

*/
#CustomerNumberGroup, #CustomerNumberButtonGroup{
    width:50%;
}
/*

Additions

*/
#columnIndicator{
    width:100%;
    height: 20px;
}
#columnIndicator div{
    width:16%;
    float:left;
    text-align: center;
}
#columnIndicator div .columnIndicatorNumber{
    border-radius: 10px;
    background: #F0f0f0;
    width:20px;
    margin: 0px auto;
    display:block;
    font-weight: bold;
    cursor:pointer;
}
#columnIndicator div .columnIndicatorNumber:hover{
    cursor:pointer;
}
#columnIndicator div .columnIndicatorNumber.selected{
    background: #5cb85c;
    color: #FFF;
}
.Tour td.changeStatus[clientstatus="1"] {
    cursor:default;
}
#ClientSignatureField, #WorkshopSignatureField{
    display: block;
}
.SignatureContainer{
    margin-top: 0px;
    margin-bottom: 20px;
    background: #99999920;
    min-width: 300px;
    max-width: 600px;
    height: 250px;
    width: 100%;
}
#ClientSignatureBoard, #WorkshopSignatureBoard{
    width: 100%;
    max-width: 100%;
    margin-right: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
}
#GlassControl{
    width: 35%;
    margin-top: 20px;
}
.glasscontrol{
    background: lightgray;
    border-radius: 5px;
    text-align: left;
}
.glasscontrol h6{
    font-weight: bold;
    font-size: 14px;
}
.additionTableRowDescriptionColumn{
    width: 100%;
}
.optionSetsForAddition{
    background: #e8e8e8;
    border-radius: 8px;
    width: 100%;
    margin-top: 10px;
}
.optionSetsForAddition.even{
    background: #cacaca;
}
.setOptionForAddition:first-child{
    padding: 8px 11px 8px 11px;
}
.setOptionForAddition{
    padding: 0px 11px 8px 11px;
    min-width: 200px;
    width: 100%;
    margin: 0px;
}
.setOptionForAddition input{
    margin-right: 8px;
    margin-left: -25px;
    margin-top: 9px;
}
.optionSetsForAddition.bg-danger{
    background-color: #f2dede;
}
.statusRadioContainer{
    width: 50%;
    position: initial;
    float: left;
    overflow: hidden;
    height: 38px;
    margin-bottom: 5px;
    padding: 4px;
    cursor: pointer;
}
.statusRadioContainer.selected{
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    background-color: #efefefef;
}
.uploadcare--powered-by, .uploadcare--powered-by__link {
    display: none;
}
li.paginate_button a{
    padding: 6px 6px !important;
}
.zoomist-container {
    width: 100%;
}

.zoomist-image {
    width: 100%;
}

.zoomist-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.mb-0{
    margin-bottom: 0px !important;
}
#atiSearchList{
    display: none;
}
@media (min-width: 1200px){
	
	#Username {
		clear: left;
	}
	#DashboardButtons{
		margin-bottom: 20px;
	}
    
}
@media (min-width: 768px){
    #caseSearchlist{
        padding-top: 33px;
    }
    #page-content-wrapper {
        padding: 5%;
        width: 70%;
    }
	#uploadWrapper, #drawingWrapper {
		width: 100%;
	}
	#uploadWrapper{
		/*margin-left: 30%;*/
	}
	.imageThumb{
		max-width: 100%;
		margin-bottom: 20px;
		width: 100%;
	}
	.modal-dialog {
		margin: 80px auto 10px;
	}
	#wrapper {
		padding-left: 30%;
		width: 100%;
	}
	#sidebar-wrapper {
		width: 30%;
	}
    .statusRadioContainer{
        width: 50%;
        position: initial;
        float: left;
        overflow: hidden;
        height: 38px;
        margin-bottom: 5px;
        padding: 4px;
    }
    #releaseConfirmation .statusRadioContainer,
    #finishConfirmation .statusRadioContainer{
        margin-bottom: 0px;
        padding: 4px;
    }
    #releaseConfirmation .modal-body,
    #finishConfirmation .modal-body{
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .statusRadioContainer.selected{
        border: 1px solid #e9e9e9;
        border-radius: 5px;
        background-color: #efefefef;
    }
    #releaseConfirmation #ContentAreaForStatusChange,
    #finishConfirmation #ContentAreaForStatusChange{
        overflow: scroll;
    }
    #releaseConfirmation #ContentAreaForStatusChange,
    #finishConfirmation #ContentAreaForStatusChange {
        padding: 5px 0px;
    }
    #ContentAreaForStatusChange .statusText{
        width: 85%;
    }
}
@media (max-width: 768px){
	.navbar-icons{
		display: none;
	}
	a.navbar-icons.mobile{
		display:block;
	}
	body #TopPanelIcons{
		float: left !important;
        margin-right: 10px;
	}
    body #TopPanelIcons2{
		float: left !important;
        margin-right: 0px;
	}
    #LatestPaymentPeriods_wrapper li.paginate_button a{
        padding: 6px 9px !important;
    }
    #AvailableWorksheetsTable.table>tbody>tr>td, 
    #AvailableWorksheetsTable.table>tbody>tr>th, 
    #AvailableWorksheetsTable.table>tfoot>tr>td, 
    #AvailableWorksheetsTable.table>tfoot>tr>th, 
    #AvailableWorksheetsTable.table>thead>tr>td, 
    #AvailableWorksheetsTable.table>thead>tr>th,
    #InvoicesTable.table>tbody>tr>td, 
    #InvoicesTable.table>tbody>tr>th, 
    #InvoicesTable.table>tfoot>tr>td, 
    #InvoicesTable.table>tfoot>tr>th, 
    #InvoicesTable.table>thead>tr>td, 
    #InvoicesTable.table>thead>tr>th,
    #LatestPaymentPeriods.table>tbody>tr>td, 
    #LatestPaymentPeriods.table>tbody>tr>th, 
    #LatestPaymentPeriods.table>tfoot>tr>td, 
    #LatestPaymentPeriods.table>tfoot>tr>th, 
    #LatestPaymentPeriods.table>thead>tr>td, 
    #LatestPaymentPeriods.table>thead>tr>th,
    #AbstractFinanceTable.table>tbody>tr>td, 
    #AbstractFinanceTable.table>tbody>tr>th, 
    #AbstractFinanceTable.table>tfoot>tr>td, 
    #AbstractFinanceTable.table>tfoot>tr>th, 
    #AbstractFinanceTable.table>thead>tr>td, 
    #AbstractFinanceTable.table>thead>tr>th,
    #SalesPersonsTable.table>tbody>tr>td, 
    #SalesPersonsTable.table>tbody>tr>th, 
    #SalesPersonsTable.table>tfoot>tr>td, 
    #SalesPersonsTable.table>tfoot>tr>th, 
    #SalesPersonsTable.table>thead>tr>td, 
    #SalesPersonsTable.table>thead>tr>th
    {
        padding: 6px 3px;
    }
    #AvailableWorksheetsTable td:nth-child(1),
    #AvailableWorksheetsTable th:nth-child(1),
    #InvoicesTable td:nth-child(1),
    #InvoicesTable th:nth-child(1),
    #AbstractFinanceTable td:nth-child(1),
    #AbstractFinanceTable th:nth-child(1){
        max-width:150px;
    }
    #LatestPaymentPeriods td:nth-child(1),
    #LatestPaymentPeriods th:nth-child(1){
        max-width:30%;
    }
    #LatestPaymentPeriods td:nth-child(2),
    #LatestPaymentPeriods th:nth-child(2){
        max-width:30%;
    }
	#AvailableWorksheetsTable_wrapper div.col-sm-6,
	#YourWorksheetsTable_wrapper div.col-sm-6,
    #ChooseTourTable_wrapper div.col-sm-6,
    #InvoicesTable_wrapper div.col-sm-6,
    #AbstractFinanceTable_wrapper div.col-sm-6,
    #SalesPersonsTable_wrapper div.col-sm-6{
		width: 50%;
		float: left;
	}
    #LatestPaymentPeriods_wrapper div.col-sm-6{
        width: 50%;
		float: left;
    }
	#AvailableWorksheetsTable_filter input,
	#YourWorksheetsTable_filter input,
    #ChooseTourTable_filter input,
    #InvoicesTable_filter input,
    #AbstractFinanceTable_filter input,
    #LatestPaymentPeriods_filter input,
    #SalesPersonsTable_filter input
    {
		width: 80px;
	}
	#AvailableWorksheetsTable_length,
	#YourWorksheetsTable_length,
    #ChooseTourTable_length,
    #InvoicesTable_length,
    #LatestPaymentPeriods_length,
    #AbstractFinance_length,
    #SalesPersonsTable_length{
		text-align: left;
	}
	#AvailableWorksheetsTable_length select,
	#YourWorksheetsTable_length select,
    #ChooseTourTable_length select,
    #InvoicesTable_length select,
    #AbstractFinance_length select,
    #SalesPersonsTable_length select,
    #LatestPaymentPeriods_length select
    {
		width: 55px;
		padding: 5px;
	}
	#AvailableWorksheetsTable_info,
	#YourWorksheetsTable_info,
    #ChooseTourTable_info,
    #InvoicesTable_info,
    #AbstractFinanceTable_info,
    #LatestPaymentPeriods_info,
    #SalesPersonsTable_info{
		text-align: left;
		margin-bottom: 15px;
		white-space: initial;
	}
	.WorksheetListsHeadline{
		margin-bottom: 15px;
	}
	#AvailableWorksheetsTable_paginate ul.pagination,
	#YourWorksheetsTable_paginate ul.pagination,
    #ChooseTourTable_paginate ul.pagination,
    #InvoicesTable_paginate ul.pagination,
    #AbstractFinanceTable_paginate ul.pagination,
    #LatestPaymentPeriods_paginate ul.pagination,
    #SalesPersonsTable_paginate ul.pagination{
		width: 100%;
	}
	#AvailableWorksheetsTable_filter,
	#YourWorksheetsTable_filter,
    #ChooseTourTable_filter,
    #InvoicesTable_filter,
    #AbstractFinanceTable_filter,
    #LatestPaymentPeriods_filter,
    #SalesPersonsTable_filter{
		text-align: right;
	}
    #SavePanel{
        position: fixed;
        top: -80px;
        background: #FFF;
        width: 100%;
        height: 70px;
        z-index: 203;
        padding-top: 20px;
        box-shadow: 0px 10px 5px #888888;
        margin-left: 0px;
    }
    #fine-uploader-gallery .qq-gallery .qq-upload-list li {
        width: 100%;
        max-width: initial;
        margin-right: 0px;
    }
    #uploadWrapperContentArea, 
    #drawingWrapperContentArea, 
    #drawingWrapperContentAreaForUpload,
    #mapWrapperContentArea
    {
        width: 98%;
        margin: 0px 1%;
    }
    .glasscontrol{
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .SignatureContainer{
        height: 150px;
    }
    #ContentAreaForStatusChange .statusText{
        width: 75%;
    }
    #releaseConfirmation #ContentAreaForStatusChange .statusText,
    #finishConfirmation #ContentAreaForStatusChange .statusText{
        width: 85%;
    }
    .statusRadioContainer{
        width: 50%;
        position: initial;
        float: left;
        overflow: hidden;
        height: 38px;
        margin-bottom: 5px;
        padding: 4px;
    }
    .statusRadioContainer.selected{
        border: 1px solid #e9e9e9;
        border-radius: 5px;
        background-color: #efefefef;
    }
    .attachmentContainer{
        width: 100%;
        float: left;
        min-height: 200px;
        margin-bottom: 70px;
    }
    .notThird{
        margin-right: 0;
    }
    #ImagesPreview{
        display: none;
        margin-left: 20px;
        margin-right: 20px;
    }
    #ImagesPreview .row{
        display: block;
    }
    #releaseConfirmation .statusRadioContainer,
    #finishConfirmation .statusRadioContainer{
        margin-bottom: 0px;
        padding: 4px;
        height: 30px;
    }
    #releaseConfirmation .modal-body,
    #finishConfirmation .modal-body{
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .statusRadioContainer.selected{
        border: 1px solid #e9e9e9;
        border-radius: 5px;
        background-color: #efefefef;
    }
    #releaseConfirmation #ContentAreaForStatusChange,
    #finishConfirmation #ContentAreaForStatusChange{
        overflow: scroll;
        padding: 0px 0px 5px;
    }
    #releaseConfirmation #ContentAreaForStatusChange .StatusIcon,
    #finishConfirmation #ContentAreaForStatusChange .StatusIcon{
        width: 20px;
    }
    .smallerHorisontalRuller{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #TopPanelIcons .btn, #TopPanelIcons2 .btn{
        font-size: 20px;
        height: 45px !important;
        width: 45px !important;
    }
    #SendQuoteImage {
        width: 20px;
        margin-top: -4px;
    }
    #QualityControlImage{
        width: 26px; 
    }
    #EditItem span.ion-android-car{
        font-size: 1.27em;
    }
    #ReleaseWorksheet {
        background-image: url(../images/padlock48x48.png);
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: center 9px;
        width: 40px;
    }
}