.sidebar-nav {
padding: 9px 0;
}

.validationMessage {
height: 15px;
text-align: right;
}

.navbar-nav > li > .dropdown-menu {
background: #F6F6F6;
}

.validationMessageRightShort {
height: 15px;
text-align: right;
padding-bottom: 20px;
}

.validation-message-chzn-select {
height: 20px;
text-align: right;
}

.field-validation-error {
color: #B94A48;
font-size: 11px;
}

label {
font-weight: 100 !important;
font-size: 12px;
margin-bottom: 0 !important;
}

.label-info {
text-align: left !important;
}
/*ROW*/
.row {
margin-right: 0 !important;
margin-left: 0 !important;
}
/***/
/*predefinisan bootstrapov menu*/
.navbar-nav > li > a, .navbar-brand {
padding-top: 6px !important;
padding-bottom: 0 !important;
height: 74px;
}

.navbar-nav > li > .multilanguageDiv {
padding-top: 26px !important;
padding-left: 12px !important;
padding-right: 12px !important;
font-size: 18px;
}

.navbar-nav > li > .logOutDiv {
padding-top: 26px !important;
padding-left: 12px !important;
padding-right: 12px !important;
font-size: 18px;
}

.nav > li > a {
padding-left: 0 !important;
padding-right: 0 !important;
}

.navbar {
min-height: 74px !important;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
border-color: #eee !important;
}
/******************/

/*popover style*/
.popover {
color: white;
background: #333 !important;
}

.popover.bottom .arrow:after {
border-bottom-color: #333 !important;
}

.popover.right .arrow:after {
border-right-color: #333 !important;
}
/**************/

/*table style*/
td .btn-gray {
margin: 0;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}

td .btn-gray:hover {
text-decoration: none;
}

table.display tbody tr:nth-child(even) td {
background-color: rgba(255, 255, 255, 0) !important;
}

table.display tbody tr:nth-child(odd) td {
background-color: rgba(173, 220, 153, 0.3) !important;
}

.table-div table.dataTable tbody th, .table-div table.dataTable tbody td, .table-div-new table.dataTable tbody th, .table-div-new table.dataTable tbody td, table.tblIncidents tbody th, table.tblIncidents tbody td, #vehicleDT tbody th, #vehicleDT tbody td {
padding: 3px !important;
}

table.dataTable thead th, table.dataTable thead td {
padding: -1px 18px !important;
}

#tableAuditLog tbody th, #tableAuditLog tbody td {
padding: 7px !important;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tfoot > tr > td {
background-color: rgba(250, 250, 250, 0);
}
/***datatable2***/
/*.dataTableRowColor>tbody>tr{
background-color: rgba(249, 249, 249, 0) !important;
}*/
.selected {
background-color: #B0BED9 !important;
}

.tr.danger.odd.selected {
/*background-color: rgba(249, 249, 249, 0) !important;*/
background-color: #B0BED9 !important;
}

#tblReportStatistic tbody th, #tblReportStatistic tbody td {
padding: 7px 10px !important;
}

/******/
/**login forma style***/
.userNameIcon {
background-image: url(./Images/user.png);
background-repeat: no-repeat;
background-position: 6px;
/* padding-left: 30%; */
height: 50px;
margin-top: 8px;
}

.passwordIcon {
background-image: url(./Images/pass.png);
background-repeat: no-repeat;
background-position: 6px;
/* padding-left: 30%; */
height: 50px;
margin-top: 8px;
}

.passInputFieldDiv {
padding-bottom: 25px;
}

.loginInput {
height: 50px !important;
border: none;
border-bottom: 2px solid #C1272C;
padding-top: 30px;
font-weight: 600;
}

.passInput {
height: 50px !important;
border: none;
border-bottom: 2px solid #C1272C;
}

input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset;
}

.loginValidationMessage {
height: 20px;
float: right;
}

.customTextMessage {
text-align: center;
color: #C1272C;
}

/**********************/
/***chose style**/
.chosen-container .chosen-results li.highlighted {
background-color: red !important;
background-image: linear-gradient(#C2272B 20%, #C2272B 90%) !important;
color: #fff;
}
/* Ajax loader image and blur
-----------------------------------------------------------*/

#ModalDiv {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: Gray;
filter: alpha(opacity=40);
opacity: 0.4;
z-index: 9999995;
cursor: wait;
}


#ProgressImage {
position: fixed;
left: 50%;
top: 50%;
height: 100%;
cursor: wait;
z-index: 9999;
}


/*-------------------- JQ Tooltip Style ---------------*/
.fa-info-circle {
cursor: pointer;
}
/*
.tooltip
{
display: none;
background: transparent url(/Content/tooltip/images/black_arrow.png);
font-size: 12px;
height: 70px;
width: 160px;
padding: 25px;
color: #fff;
z-index: 9999;
}

*/

.tooltipBlack {
display: none;
height: 163px;
padding: 30px 30px 10px 30px;
width: 310px;
font-size: 14px;
color: #fff;
font-family: Calibri;
z-index: 10010;
/*background-image: url('tooltip/images/black_arrow.png');*/
background-image: url('tooltip/images/black_arrow_big.png');
/*background: url(/Content/tooltip/images/black_arrow_big.png);*/
}


.tooltipBlack.bottom {
background: url(/Content/tooltip/images/white_arrow_big.png);
}

/* a .label element inside tooltip */
.tooltipBlack .label {
color: yellow;
width: 35px;
}

.tooltipBlack a {
color: #ad4;
font-size: 11px;
font-weight: bold;
}

/* Styles for paging container
----------------------------------------------------------*/
div.pagingContainer {
float: right;
margin-right: 2%;
}
/* Styles for message notification 
----------------------------------------------------------*/
.messageNote {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 0;
position: relative;
margin: 0 0 0 0;
cursor: pointer;
}

.messageNote span {
font-weight: bold;
padding: 0 4px 4px 0;
}

.messageNote.success {
color: #1c8400;
border: #b4e8aa solid 1px;
background: #e9f9e5 10px 50% no-repeat;
}

.messageNote.warning {
color: #828400;
border: #e8e3aa solid 1px;
background: #f9f9e5 10px 50% no-repeat;
}

.messageNote.error {
color: #b50007;
border: #e8aaad solid 3px;
background: #f9e5e6 10px 50% no-repeat;
}

.messageNote.information {
color: #0055b5;
border: #aac6e8 solid 1px;
background: #e5ecf9 10px 50% no-repeat;
}

.messageNote.tip {
border: 1px solid #fdd845;
background: #fff6bf 10px 50% no-repeat;
}

/* TABLE
----------------------------------------------------------*/

table {
border: solid 1px #e8eef4;
border-collapse: collapse;
position: relative;
z-index: 2;
}

table td {
padding: 5px;
border: solid 1px #e8eef4;
font-size: 12px;
vertical-align: middle !important;
}

table th {
padding: 6px 5px;
text-align: left;
background-color: #e8eef4;
border: solid 1px #e8eef4;
color: #555;
font-size: 12px;
vertical-align: middle !important;
}


table.style1 td {
background-color: #f2f2f2;
font-size: 11px;
}

table.style1 th {
padding: 6px 5px;
text-align: left;
background-color: #f2f2f2;
border: solid 1px #e8eef4;
color: #555;
font-size: 11px;
}

.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > thead > tr > td.success,
.table > thead > tr > th.success {
background-color: rgba(173, 220, 153, 0.3) !important;
}

.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > thead > tr > td.danger,
.table > thead > tr > th.danger {
background-color: rgba(230, 158, 158, 0.3) !important;
}

/*table.dataTable:not(#vehicleDT) tbody tr {
background-color: rgba(255, 255, 255, 0) !important;
}*/
/* SEARCH BOX
----------------------------------------------------------*/

div.searchBoxMap {
margin: 0 0 10px 0;
border: 3px solid #f2f2f2;
padding: 10px 0 10px 0;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}

div.searchBox {
margin: 10px 0 10px 0;
border: 3px solid #f2f2f2;
padding: 10px;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}

div.searchBox div.setQuarter {
padding: 5px;
margin: 5px 0 0 30px;
}

div.searchBox div.setQuarter div {
padding: 4px;
}

div.searchBox div.setQuarter a {
color: Gray;
font-size: 120%;
text-decoration: underline;
}

.excel-report-box {
float: right;
margin-right: -12px;
margin-top: 7px;
}

table.fixed {
table-layout: fixed;
width: 200px;
}

table.fixed td {
width: 50px;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}

.vehicle-fieldset .control-label {
width: 220px !important;
}

.vehicle-fieldset .controls {
margin-left: 240px !important;
}

/*iframe{border: 3px solid #f2f2f2; padding:1px;}*/

/***********Zorica novi dizajn *************************/
.btn-primary {
margin-top: 0;
margin-right: 10px;
margin-left: 10px;
background-color: #C2272B !important;
border-color: #C2272B !important;
}

.btn-gray {
margin-top: 0;
margin-right: 10px;
margin-left: 10px;
/*background-color: #EEEEEE !important;*/
background-color: rgba(231, 228, 228, 0.5) !important;
border-color: #CCCCCC !important;
color: #878787;
}

.border-box-vehicle {
padding-bottom: 67px;
margin-top: 10px;
border: 1px solid #DDDDDD;
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
border-radius: 10px;
}

.border-box-alarm {
margin-top: 10px;
border: 1px solid #DDDDDD;
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
border-radius: 10px;
}

.border-box-search, .border-box {
border: 1px solid #DDDDDD;
margin-left: 10px;
margin-right: 10px;
padding-left: 10px;
padding-right: 10px;
border-radius: 10px;
}

.border-box-search {
padding-bottom: 20px;
margin-top: 35px;
}

.border-box {
padding-bottom: 15px;
margin-top: 25px;
}

.border-box-device {
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.border-box-search h1, .border-box h1, .border-box-vehicle h1, .border-box-alarm h1, .border-box-device h1 {
    text-align: center;
    margin-top: -10px;
    line-height: 20px;
}

.border-box-search h1 {
height: 20px;
font-size: 15px;
}

.border-box h1, .border-box-vehicle h1, .border-box-alarm h1, .border-box-device h1 {
    height: 15px;
    font-size: 13px;
}

.border-box-search h1 span, .border-box h1 span, .border-box-vehicle h1 span, .border-box-alarm h1 span, .border-box-device h1 span {
float: left;
margin-left: 1px;
background-color: #FAFAFA !important;
color: #aeaeae;
padding-left: 5px;
padding-right: 5px;
}


.leftBoxIn {
background-color: #FAFAFA;
border: 1px solid #DDDDDD;
margin-left: 3%;
border-radius: 10px;
/*box-shadow: 0px 0px 8px #A0A0A0;*/
}

.floatLeftWithMargin {
text-align: left;
margin-left: 5%;
}

.logoOnCenterBottom {
position: absolute;
right: 34%;
top: 26%;
height: 255px;
}

.logoOnCenterBottom-report {
position: absolute;
right: 34%;
top: 34%;
height: 255px;
}

.logoOnRightBottom {
/*position:absolute;*/
/*right:30px;
bottom:30px;*/
float: right;
margin-right: 30px;
height: 255px;
}

.logoOnBottom {
position: absolute;
left: 30%;
bottom: 8%;
height: 255px;
z-index: 1;
}

.fleet-form {
height: 100%;
margin-bottom: -255px;
}

.cont {
width: 100%;
}

.inputField {
border: 1px solid #eaeaea;
border-radius: 5px;
height: 30px;
width: 100%;
padding-left: 5px;
}

.inputFieldHalf {
border: 1px solid #eaeaea;
border-radius: 5px;
height: 30px;
width: 49%;
padding-left: 5px;
}

.inputFieldWithBtnHalf {
border: 1px solid #eaeaea;
border-radius: 5px;
height: 30px;
width: 40%;
padding-left: 5px;
}

.inputFieldRadius {
width: 80%;
}

.inputFieldRightShort {
border: 1px solid #eaeaea;
border-radius: 5px;
height: 30px;
width: 50px;
float: right;
padding-left: 5px;
}

.inputFieldShort {
border: 1px solid #eaeaea;
border-radius: 5px;
height: 30px;
width: 150px;
padding-left: 5px;
}

.inputFieldRightShortContainer {
height: 30px;
}

.inputFieldContact {
border: 1px solid #eaeaea;
border-radius: 5px;
height: 18px;
width: 100%;
padding-left: 5px;
}

.inputFieldUpload {
    border: 1px solid #eaeaea;
    border-radius: 5px;
    height: 25px;
    width: 100%;
    padding-left: 5px;
}

::-webkit-input-placeholder { /* WebKit browsers */
padding-left: 5px;
}

.textOverInputField {
float: left;
margin-left: 5%;
}

.showDeletedBox {
float: left;
padding-top: 1%;
width: 20%;
}

.rightBoxIn {
background-color: #FAFAFA;
border: 1px solid #DDDDDD;
border-radius: 10px;
}

#editBox {
margin: 0 auto;
width: 280px;
}

#editBoxUpload {
    margin: 0 auto;
    width: 400px;
}

#editBoxVehicle {
margin: 0 auto;
width: 1120px;
}

#editBoxDevice {
    margin: 0 auto;
    width: 932px;
}

#routeTimeLimit {
margin: 0 auto;
width: 840px;
}

#editBoxAlarm, #editBoxCity, #editBoxCustomer, #editBoxDriver {
margin: 0 auto;
width: 560px;
}

#editBoxCity3 {
margin: 0 auto;
width: 840px;
}

.customAlertInfo {
height: 35px;
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
cursor: pointer;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}

.notificationMessage {
margin-top: 6px;
display: inline-block;
margin-left: 6px;
}

.zhigImgCreate {
margin-top: 40%;
float: right;
margin-right: 5%;
}

.editBoxIn {
background-color: #FAFAFA;
border: 1px solid #DDDDDD;
/*margin: 7% 7% 7% 0;*/
border-radius: 10px;
padding-bottom: 25px;
}

.dayCheckBox {
white-space: nowrap;
margin-top: 5px;
}

.dayName {
width: 150px;
}

.messageInfoContainer {
height: 35px;
}

.editButtonsGroup {
padding-top: 30px;
text-align: center;
}

.editVehicleButtonsGroup {
text-align: right;
margin-top: 10px;
}

.routeTimeButtonsGroup {
padding-top: 20px;
text-align: right;
margin-right: 10px;
}

.radioWeekDays {
padding-top: 5px;
height: 30px;
}

.leftBoxIn > h1, .rightBoxIn > h1, .editBoxIn > h1, .tableContainer > h1 {
text-align: left;
margin-top: -10px;
height: 20px;
line-height: 20px;
font-size: 15px;
}

.rightBoxIn > h1 {
margin-bottom: 3px;
}

.leftContainer {
width: 300px;
float: left;
}

.leftContainerReport {
width: 340px;
float: left;
}

.leftContainerHome {
width: 480px;
float: left;
}

#rightContainer {
float: right;
padding-right: 10px;
}
/*************/
.leftBoxIn > h1 span, .rightBoxIn > h1 span, .editBoxIn > h1 span, .tableContainer > h1 span {
background-color: #C2272B;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
font-size: 14px;
width: 100%;
/*margin-top: 9px;*/
display: inline-table;
}

.bb-alert {
position: fixed;
bottom: 60%;
left: 0;
margin-bottom: 0;
font-size: 1.2em;
z-index: 2000;
border-radius: 5px;
padding: 15px 15px 0 15px;
background-color: white;
}

.err-container {
border: #b50007 solid 1px;
}

.zobs-table-time {
font-size: 11px;
margin: 0.7%;
width: 98%;
border: none;
}

.zobs-warning-cell {
border: none;
padding: 0;
}

.zobs-warning {
display: table;
margin-left: 10px;
color: #828400;
border-collapse: separate;
border: #e8e3aa solid 1px;
background: #f9f9e5;
border-radius: 5px;
width: 100%;
height: 61px;
}

.zobs-warning span {
font-weight: bold;
padding-left: 10px;
vertical-align: middle;
display: table-cell;
font-size: 14px;
}

.zobs-first-td {
width: 185px
}

.zobs-second-td {
text-align: right;
width: 135px
}

.tab-container {
margin-top: 20px;
}

.zobs-table-div {
overflow: auto;
height: 308px;
}

.reports-table-div {
overflow: auto;
margin-bottom: 7px;
margin-left: 7px;
margin-right: 7px;
}

.reportstab-table-div {
    overflow: auto;
    margin-bottom: 7px;
    margin-left: 1px;
    margin-right: 7px;
    height: 753px;
}

.dropdown-custom {
width: 248px;
}

.dropdown-note {
width: 100%;
}

.dropdown-editbox {
width: 238px;
}

.dropdown-report {
width: 285px;
}

.left-first-element {
padding: 7px 7px 7px 10px;
}

.left-first-element-label {
padding-top: 8px;
}

.routing-padding {
    padding-left: 12px;
    padding-right: 12px;
}

.left-button-group {
text-align: center;
}

.dataTables_wrapper {
position: inherit !important;
}

.isTownDiv {
height: 20px;
}

.areaField {
height: 70px !important;
resize: none;
}

.areaFieldHalf {
height: 46px !important;
resize: none;
}

.border-box .radio {
line-height: 20px;
margin-bottom: 3px !important;
}

.datepickerDiv {
margin-top: 5px;
}

#buttonsContainer.border-box {
padding-bottom: 8px;
}

#buttonsContainer.border-box h1 {
height: 14px;
}

.table tbody tr.yellow td {
background-color: rgba(249, 249, 99, 0.3) !important;
}

.table tbody tr.orange td {
background-color: rgba(255, 127, 0, 0.4) !important;
}

.table tbody tr.red td {
background-color: rgba(230, 158, 158, 0.3) !important
}

.nav-tabs > li > a {
padding: 1px 12px !important;
font-size: 12px;
font-weight: bold;
background-color: #777;
color: white !important;
border-top-left-radius: 5px !important;
border-top-right-radius: 5px !important;
}

.nav-tabs > li > a:hover {
color: #777 !important;
}

.nav > li.disabled > a {
color: #999 !important;
}

.vth-tabs {
margin-top: -9px;
}

.map-cell {
padding-bottom: 2px !important;
padding-top: 2px !important;
width: 24px;
}

.map-img {
height: 20px;
}

.tabs-container {
margin: 7px;
}

.travel-distance {
padding-top: 8px;
padding-bottom: 8px;
font-size: 13px;
color: #9D9B9B;
}

.relative {
position: relative;
margin-top: 39px;
}

.relative-report {
position: relative;
}

.uppercase {
text-transform: uppercase;
}

.alarmLink, .zoneLink {
display: inline-block;
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0, 0);
}

.report-map {
margin-left: 17px;
margin-right: 17px;
}

.instruction {
margin-left: 20px;
}

.instruction h3 {
margin-bottom: 20px;
}

.file-input-div {
height: 89px;
}

.result-table-scroll {
margin-top: 10px;
}

.table-alarm tbody > tr > td, .table-alarm tbody > tr > th {
padding-top: 2px !important;
padding-bottom: 2px !important;
}

.table-alarm {
margin: 0 !important;
}

.right-border {
border-right: 1px solid #eaeaea;
}

.left-border {
border-left: 1px solid #eaeaea;
}

.fa {
display: inherit !important;
}

.btn-gray.desabled {
pointer-events: none;
cursor: not-allowed;
opacity: .65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}

.inputFieldAddress {
width: 83% !important;
}

#mapModal .modal-dialog {
width: 800px !important;
}

.dialog-map {
height: 355px;
}

#mapModal .modal-footer {
margin: 0 !important;
}

#confirmChanges .modal fade {
display: block !important;
}

#confirmChanges .modal-dialog {
overflow-y: initial !important;
}

#confirmChanges .modal-body {
height: 250px;
overflow-y: auto;
}

#mapErrorMesage {
font-size: 13px !important;
}

.mileage-table-div {
overflow: auto;
}

.tooltip-li {
text-align: left !important;
}

.ui-widget-header {
color: black !important;
}

.workingTime-table-div {
overflow: auto;
}

a.disabled {
pointer-events: none;
cursor: default;
}

#timeIntervalBox .radio input[type=radio] {
position: relative;
margin-left: 0;
}

#travelHistoryCheckboxBox .radio input[type=radio] {
    position: relative;
    margin-left: 0;
}

.rankingDrivers-table-div {
overflow: auto;
}

a.chosenDriverHidden {
display: none !important;
}

.nav-tabs > li > a.chosenDriverVisible {
background: none repeat scroll 0 0 !important;
border: medium none !important;
color: #555 !important;
}

.olLayerGooglePoweredBy.olLayerGoogleV3.gmnoprint {
display: none;
}

.deletedPOI {
text-decoration: line-through;
}

.vehicle-icons-container {
height: 225px;
background-color: white;
overflow: auto;
border: 1px solid #eaeaea;
border-radius: 5px;
}

.vehicle-icons-container-superadmin {
height: 168px;
background-color: white;
overflow: auto;
border: 1px solid #eaeaea;
border-radius: 5px;
}

.vehicle-icon-wrapper {
width: 75px;
height: 65px;
overflow: hidden;
display: inline-block;
text-align: center
}

.vehicle-icon-image {
height: 55px;
margin: 7px 0px 0px 7px;
}

.active-icon {
background-color: gainsboro;
}

/*clear date*/
.clearDate > input {
width: 90%;
}

.clearDate > span, .deleteDateBtn {
display: inline-block;
width: 12%;
background: white;
line-height: 28px;
border: 1px solid;
border: 1px solid #eaeaea;
text-align: center;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-left: -11px;
color: #c2272b;
cursor: pointer;
}


#popupWithTabs {
border: 0px !important;
background-color: transparent;
min-width: 350px;
min-height: 270px;
}
#popupWithTabs a:link, #popupWithTabs a:visited {
outline: 0;
}

/*D3 - Creates a small triangle extender for the tooltip */
.d3-tip {
    line-height: 1;
    font: 14px sans-serif;
    padding: 12px;
    background: rgba(245, 245, 245, 0.9);
    border-radius: 2px;
    max-width: 300px;
    border-radius: 5px;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
}

.resetZoomBtn {
    margin-top: 3px;
    display: none;
    position: absolute;
    width: 106px;
    right: 0;
    top: 147px;
    outline: none;
}

    .resetZoomBtn:hover {
        background-color: #a72226 !important;
        border-color: #a72226 !important;
    }
    
.resetZoom3AxisBtn {
    margin-top: 3px;
    display: none;
    position: absolute;
    width: 106px;
    right: 0;
    top: 114px;
    outline: none;
}

    .resetZoom3AxisBtn:hover {
        background-color: #a72226 !important;
        border-color: #a72226 !important;
    }

.overlay {
    cursor: default;
    font-weight: 500;
}

.boldClass {
    font-weight: bold;
    color: #444444;
}

.disabled-selection {
    user-select: none; /* supported by Chrome and Opera */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none;
}