.note, .smart-form .note{ display: block;}
#description{
    padding: 6px;
    width: 100%;
    max-height:180px;
    background: #fff;
}
.smart-form.form-style .form-control{padding: 5px;}
.smart-form.form-style .icon-addon .form-control, .smart-form.form-style .icon-addon.addon-md .form-control{padding-left:30px;}
.form-control-feedback {margin-right:8px;}
#add-agreement-form .agreement_description,
#edit-agreement-form .agreement_description{ display: none;}
/*smart-form section*/
.smart-form section{ margin-bottom: 5px !important;}
/*end smart-form section*/
.select2-container-multi .select2-search-choice-close{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
/* IMAGE UPLOAD PREVIEW */
#image-field-wrapper, #image-field-wrapper2{
    border: 1px solid #bdbdbd;
    position: relative;
    min-height: 32px;
    border-radius: 3px;
    z-index:9;
}
#image-field-wrapper .fa-edit, #image-field-wrapper2 .fa-edit{cursor: pointer;}
#image-field-wrapper img.img-profile, #image-field-wrapper2 img.img-profile{margin-top: 0;}
.input.input-file.with_preview, .input.input-file.with_preview2 {
    cursor: pointer;
    border-radius: 3px;
}
.white-logo .input.input-file.with_preview{ background: #dcdbdb;}
.input.input-file.with_preview span.button,
.input.input-file.with_preview input[type="text"]{
    position: absolute;
    top: 0;
    opacity: 0;
}
.input.input-file.with_preview.has-error #image-field-wrapper{border-color:#b94a48;}
#dvPreview {
    max-height: 50px;
    max-width: 100px;
    padding: 5px;
}
#dvPreview img{
    max-height: 50px;
    max-width: 50px;
    margin:0;
    cursor: pointer;
}
#dvPreview.logo {
    max-height: 290px;
    width: 70%;
}
#dvPreview.logo img{
    max-width: 100%;
    height: auto;
    cursor: pointer;
}
#dvPreview.logo img#place_holder{
    max-height: 50px;
    max-width: 50px;
    cursor: pointer;
}
/*END  IMAGE UPLOAD PREVIEW */
.jarviswidget > div.smart-form {border: 0 none;}
.jarviswidget-color-blueDark div.smart-form header{
    margin: 0;
    background: #4c4f53;
    border-color: #0097f7 !important;
    color: #fff;
    height: 34px;
    line-height: 40px;
    padding: 0;
    display: block;
}
.jarviswidget div.smart-form header > .widget-icon {
    display: block;
    float: left;
    font-size: 111%;
    height: 32px;
    line-height: 32px;
    margin-right: -10px;
    position: relative;
    text-align: center;
    width: 30px;
}
.jarviswidget div.smart-form header h2 {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    letter-spacing: 0;
    line-height: 34px;
    margin: 0;
    position: relative;
    width: auto;
}
.jarviswidget div.smart-form header > h2 {
    float: left;
    margin-left: 10px;
}
/*For Browse button styling*/
.input.input-file > input {
    padding-right: 80px;
    text-overflow: ellipsis;
}
/*END For Browse button styling*/
.smart-form .tooltip.in{opacity: 0.9;}
.modal-body.visitor-pass span[role="status"]{display: none;}
.smart-form .label.heading{
    padding: 0;
    font-weight: bold;
}
.smart-form .select i.glyphicon{
    background: none repeat scroll 0 0 transparent !important;
    bottom: 0 !important;
    box-shadow: none;
    position: absolute;
    right: 5px !important;
    top: 1px !important;
    width: 20px !important;
}
.smart-form .label{
    max-width: none;
    font-weight: 400;
    font-size: 13px;
    text-transform: capitalize;
}
.smart-form .label:first-letter,
h3:first-letter{text-transform: uppercase;}
.smart-form .label.text-capitalize{text-transform:capitalize !important;}
.smart-form .label.text-uppercase{text-transform:uppercase;}
.smart-form .label.text-lowercase{text-transform:lowercase;}
.smart-form .text-transform-inherit{text-transform:inherit;}
.text-uppercase{text-transform:uppercase !important;}
.text-transform-inherit{text-transform:inherit !important;}
.smart-form .label .tag-line{
    font-size: 13px;
    vertical-align: middle;
    margin: 0;
    color: #333;
}
/*accordian style*/
.no-padding.collapse_style .smart-accordion-default .panel-default > .panel-heading{background: #fff !important;}
.no-padding.collapse_style .smart-accordion-default.panel-group .panel-title a{ padding: 10px 0;}
.no-padding.collapse_style .smart-accordion-default.panel-group .panel-title{
    font-size: 13px;
    font-weight: bold;
}
.no-padding.collapse_style .smart-accordion-default.panel-group .panel-title.detail{color: #3399cc;}
/*END accordian style*/
.smart-form .label .required,
.smart-form .label .optional {
    color: #e3e3e3;
    display: inline-block;
    font-size: 10.5px;
    font-style: italic;
    line-height: 12px;
    margin: 0 0 0 3px;
    vertical-align: middle;
    text-transform: lowercase;
}
.smart-form .input input,
.smart-form .select select,
.smart-form .textarea textarea{
    font-size: 13px;
    border-radius: 3px !important;
}
.smart-form footer{padding: 10px 14px;}
#import-users.import_event > footer{ padding: 10px 14px !important;}
.smart-form footer .btn{margin-top:0;border-radius:50px;-webkit-border-radius: 50px;}
.smart-form .img_bar_code{
    width: 100px;
}
.smart-form .img_bar_code.pass{
    width: 85px;
}
.form-message{
    overflow: hidden;
    width: 95%;
    padding:5px 14px;
    color: #000;
}.smart-form .label .required,
.smart-form .label .optional {
    color: #e3e3e3;
    display: inline-block;
    font-size: 10.5px;
    font-style: italic;
    line-height: 12px;
    margin: 0 0 0 3px;
    vertical-align: middle;
    text-transform: lowercase;
}
.smart-form .input input,
.smart-form .select select,
.smart-form .textarea textarea{
    font-size: 13px;
    border-radius: 3px !important;
}
.smart-form footer{padding: 10px 14px;}
#import-users.import_event > footer{ padding: 10px 14px !important;}
.smart-form footer .btn{margin-top:0;}
.smart-form .img_bar_code{
    width: 100px;
}
.smart-form .img_bar_code.pass{
    width: 85px;
}
.form-message{
    overflow: hidden;
    width: 95%;
    padding:5px 14px;
    color: #000;
}
.has-error .select2-choice,
.has-error .select2-container .select2-choice .select2-arrow,
.has-error .select2-container-multi .select2-choices{border-color: #a90329;}
.has-error .select2-container.select2-container-disabled .select2-choice{border-color: #a90329;}
.has-error .select2-container .select2-choice .select2-arrow{background: transparent;}
.help-block{
    margin-top: 6px;
    font-size: 11px;
    line-height: 15px;
    color: #d56161;
}
.has-feedback .invalid.help-block{
    margin-top: 6px;
    font-size: 11px;
    line-height: 15px;
    color: #d56161;
}
.container--body .form-group label.invalid.help-block{
    font-weight: normal;
    text-transform: inherit;
}
.has-success .help-block{margin-top: 0;}
.select2-container .select2-choice{
    padding: 0 0 1px 10px;
    border-radius:3px;
}
.select2-container .select2-choice > .select2-chosen{/*added for truncate text issue in firefox*/
    position: absolute;
    width: 100%;
    padding-right: 26px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
}
.select2-container.select2-allowclear .select2-choice .select2-chosen{padding-right: 42px;}
.smart-form .checkbox input:focus + i,
.smart-form .input input:focus,
.smart-form .radio input:focus + i,
.smart-form .select select:focus,
.smart-form .textarea textarea:focus,
.smart-form .toggle input:focus + i{
    border-color: #3276b1 !important;
}
.smart-form .checkbox input:hover + i,
.smart-form .input input:hover,
.smart-form .radio input:hover + i,
.smart-form .select select:hover,
.smart-form .textarea textarea:hover,
.smart-form .toggle input:hover + i{
    border-color: #3276b1 !important;
}
.smart-form .select .select2-choice:hover,
.smart-form .select2-container-multi .select2-choices:hover{
    border-color: #3276b1 !important;
    transition: border-color 0.3s ease 0s;
    -webkit-transition: border-color 0.3s ease 0s;
    -moz-transition: border-color 0.3s ease 0s;
    -ms-transition: border-color 0.3s ease 0s;
    -o-transition: border-color 0.3s ease 0s;
}
.select2-container-multi.select2-container-disabled .select2-choices:hover{border-color: #ddd !important;}
.select2-container-multi.select2-container-active .select2-choices,
.select2-container-active .select2-choice,
.select2-container-active .select2-choices{border-color: #ccc !important;}
.select2-default{color:#b2b2b2 !important;}
.select2-container-multi .select2-choices,
.smart-form .checkbox i, .smart-form .icon-append, .smart-form .icon-prepend, .smart-form .input input, .smart-form .select select, .smart-form .textarea textarea,
.form-control, .input-lg, .input-sm, .input-xs{border-radius: 3px !important;}
.select2-container.select2-dropdown-open .select2-choice,
.select2-container-multi.select2-dropdown-open .select2-choices{border-radius: 3px 3px 0 0 !important;}
.smart-form .select .select2-container-disabled .select2-choice:hover,
.smart-form .select2-container-multi .select2-container-disabled .select2-choices:hover{border-color: #ddd !important;}
.smart-form .input-file .button{height: 24px;background: #0092c2;line-height: 24px;}
.smart-form .select i{
    top:12px;
    right: 12px;
    box-shadow: 0 0 0 8px #fff;
}
.smart-form .select i::after,
.smart-form .select i::before{
    /*Changed for Arrow size in Chrome*/
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
}
.select2-container .select2-choice{
    height: 32px;
    line-height: 31px;  /*Changed for Alignment issue in Chrome*/
}
.select2-container-multi .select2-choices .select2-search-choice{
    margin: 3px 5px 3px 0;
    line-height: 20px;
    border-color: #eae9e9;
}
.watchlist-add-person .select2-container-multi .select2-choices .select2-search-choice{
    padding: 1px 16px 1px 0px;
}
.watchlist-add-person .select2-search-choice-close{
    margin-top: 1px !important;
}
.watchlist-add-person .empdropdown-Col .option-with-image .user-text span.small{
    line-height:10px;
}
.watchlist-add-person .select2-search-field{
    display: none;
}
.watchlist-add-person .select2-container-active .select2-search-field{
    display: block;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    margin: 3px 5px 3px 0;
    line-height: 20px;
    background: #fff;
    border-color: #fff;
    color: #0092c2;
    padding: 1px 28px 1px 8px;
}
.smart-form .info-btn{
    color: #0097f7;
    display: inline-block;
    font-size: 10px;
    line-height: 1;
    vertical-align: middle;
}
.jarviswidget .smart-form.view-layout label.input,
.jarviswidget .smart-form.view-layout label.select,
.smart-form .textarea textarea{
    border: 1px solid #ccc;
    background: #fff;
    color: #404040;
    display: block;
    border-radius: 3px;
    min-height: 31px;/*Min height and max width added for "Location" in "Edit Client" */
    padding: 6px 10px 5px 10px;
    max-width: 100%;
    width: 100%;
    text-overflow: ellipsis;
    word-wrap: break-word;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.jarviswidget .smart-form.survey-form.view-layout label.input{
    border: 0 none;
    height: auto;
    padding: 0;
}
.jarviswidget .smart-form.view-layout label.input.img-view-holder img{
    display:block;
    max-width:70px;
}


.fb-option.image {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}
.fb-option.image.checked {
    border: 1px solid #000;
}

.fb-option.image > img {
    height: auto;
    max-width: 63px;
}
.option.image .upload-wrapper > div {
    display: inline-block;
    height: 39px;
    margin-bottom: 5px;
    margin-right: 10px;
    width: 39px;
}
.option.image .upload-wrapper > div > img {
    height: 40px;
    width: 40px;
}

.edit-response-field input[type="file"] {
    cursor: pointer;
    display: inline;
    left: 0;
    opacity: 0;
    position: absolute;
    top:0;
}
.edit-response-field .option {
    position: relative;
    margin-bottom: 10px;
}

/*toggle styling "width classes"*/
.smart-form .toggle-container .toggle{
    padding-right: 56px;
}

.smart-form .toggle{
    display: inline-block;/*"inline-block" and "height" added for height issue in SAFARI*/
    height: 20px;    /*Height reduce for spacing*/
    line-height: 20px; /*changed for equal height with INPUT and vertical alignment of trigger*/
    vertical-align: top;
    padding-right: 60px;
}
.radiobtnCls .smart-form .toggle{
    width: 73% !important;
    padding-right: 74px;
}
.smart-form .toggle i{
    top: 50%;
    margin-top: -9px; /*Added for Vertical align */
    width: 52px;
}
.smart-form .toggle i::after{
    line-height: 13px; /*changed for alignment issue in chrome*/
    left: 7px;
    right: 7px;
    text-transform: capitalize;
}
.smart-form .toggle i::before{background-color: #808080;}
.smart-form .toggle input:checked + i {border-color: #3276b1;}
.smart-form .toggle input:checked + i::before{
    background: #3276b1;
    right: 38px;
}
.smart-form .toggle input:checked + i::after{color: #3276b1;}
    /*/////////width classes/////////*/
.smart-form .toggle.md{padding-right: 78px;}
.smart-form .toggle.md i {width: 70px;}
.smart-form .toggle.md input:checked + i::before {right: 56px;}
/*////for Large////*/
.smart-form .toggle.lg{padding-right: 108px;}
.smart-form .toggle.lg i {width: 100px;}
.smart-form .toggle.lg input:checked + i::before {right: 86px;}
/*////for extra Large////*/
.smart-form .toggle.xl{padding-right: 118px;}
.smart-form .toggle.xl i {width: 110px;}
.smart-form .toggle.xl input:checked + i::before {right: 96px;}
/*////for extra extra Large////*/
.smart-form .toggle.xxl{padding-right: 188px;}
.smart-form .toggle.xxl i {width: 180px;}
.smart-form .toggle.xxl input:checked + i::before {right: 166px;}
/*////for extra extra extra Large////*/
.smart-form .toggle.xxxl{padding-right: 263px;}
.smart-form .toggle.xxxl i {width: 255px;}
.smart-form .toggle.xxxl input:checked + i::before {right: 241px;}

/*END toggle styling "width classes"*/
#addVisitorForm{
    position: absolute;
    border: 1px solid #0097f7;
    background: #FFFFFF;
    z-index: 1000;
    display: none;
    padding: 10px;
    margin-top: -1px;
}
/*  Roles Screen Classes  */
.class-1{padding-bottom: 15px;}
.class-border-top{
    border-top: 1px solid #DDDDDD;
    padding-bottom: 15px;
}

.tabs-left > .tab-content .tab-pane.cloudgate_app_settings {overflow:initial;} /*for color picker cropping */
.features-tabs.tabs-left > .nav-tabs{width: 250px;margin: 0;}
.features-tabs.tabs-left .nav-tabs>li>a{margin: 0;border:0;}
.features-tabs.tabs-left .nav-tabs>li.active>a{
    border: 0;
    box-shadow: 0 0 0 transparent;
    background: #0092c2;
    color: #fff;
    text-shadow: 0 0 transparent;
    font-weight: normal;
    margin: 0;
}
.features-tabs.tabs-left .nav-tabs>li.parent>a{
    padding: 15px 10px;
    background: #f1f1f1;
    font-size: 15px;
}
.features-tabs.tabs-left .tab-content{
    margin: 0;
    overflow: hidden;
    color: #333;
}
.tabs-left > .tab-content .tab-pane {overflow:auto;overflow-x: hidden;}
.tabs-left > .tab-content #permissions {
    table-layout:fixed;
    width: 100%;
}
.tabs-left > .tab-content #permissions td{
    border: 0;
}
.tabs-left > .tab-content #permissions > tbody > tr:first-child{
    background: #f1f1f1;
}
.tabs-left > .tab-content #permissions > tbody > tr:first-child td{
    padding: 15px 10px;
    font-size: 15px;
}
.securityactionsrow tr table {
    table-layout: fixed;
    width: 100%;
}
.securityactionsrow > td {
    padding: 0 10px;
}
.securityactionsrow tr table .toggle{
    float: left;
    margin: 0 10px 0 0; 
}
.securityactionsrow tr table .label{
    overflow: hidden;
    margin: 1px 0 0 !important;
    font-weight: 400 !important;
}
/* END Roles Screen Classes  */
/* Image Cropper Styling */
.upload-wrapper {
    display: table;
    table-layout: fixed;
    text-align: center;
    position: relative;
    height: auto;
}
.profile_box .upload-wrapper{
    max-height: 365px;
    width: 300px;
}
.upload-wrapper > img#placeholder {
    cursor: pointer;
    border-radius: 100%;
    display: block;
    margin: 0 auto 25px;
    height: 200px;
    width: 200px;
}

.coverwrap .upload-wrapper > img#placeholder {
    cursor: pointer;
    display: block;
    height: 104px;
    margin: 0 auto 25px;
    width: 212px;
    border: none;
    border-radius: 0;
}
.coverwrap .bottom-arrow{display: none;}
.zoom-helper {
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    margin-top: -31px;
    color: #7a7a7a;
}
.zoom-helper.zoom-in {right: 10px;}
.zoom-helper.zoom-out {left: 10px;}
.fb-main .edit-response-field .option.image div .zoom-helper{margin-top: -51px;}
.form-wrapper.profile_box .upload-wrapper > img#placeholder{ border: 6px solid #ececec;}
.profile_box .upload-wrapper.ready{
    height: auto;
    width: 300px;
    padding: 0 0 10px;
}
.upload-wrapper #upload{
    height: 62px;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
}
.upload-wrapper #cropper_loader{
    position: absolute;
    width: 50px;
    left: 0;
    padding: 5px;
}
.upload-wrapper .imgTxtWrapper #cropper_loader{
    position: absolute;
    width: 40px;
    left: 0;
    padding: 0;
    height: auto;
}
.upload-wrapper.ready img#placeholder{display  :none;}
.upload-wrapper #upload-cropper,
.upload-wrapper #upload-cropper.croppie-container.form-control-feedback{display: none !important;}
.upload-wrapper.ready #upload-cropper,
.upload-wrapper.ready #upload-cropper.croppie-container.form-control-feedback{
    display:block !important;
    box-sizing: unset;
}
.upload-wrapper #upload-cropper a#close_cropper {
    color: #aaa;
    display: block;
    float: right;
    font-weight: bold;
    line-height: 25px;
    position: relative;
    right: -5px;
    text-align: center;
    text-decoration: none;
    top: -5px;
    width: 24px;
}
.form-wrapper.profile_box .upload-wrapper #upload-cropper a#close_cropper{display: none;}
.upload-wrapper #upload-cropper a#crop_cropper {
    margin-top: 10px;
    padding: 5px 15px;
}
.user-profile-area a#close_cropper,
.user-profile-area a#crop_cropper{display: none;}
.image-cropper-wrapper .upload-wrapper.ready img#placeholder{display  :block;}
.image-cropper-wrapper .upload-wrapper{
    border: 1px solid #bdbdbd;
    position: relative;
    width: 100%;
    border-radius: 3px ;
}
.image-cropper-wrapper.options.images .upload-wrapper{
    border: none;
    position: relative;
    width: 100%;
    display: inline-block;
    max-width: 270px;
}
.fb-edit-field-wrapper.image-cropper-wrapper .upload-wrapper{
    border: none;
    position: relative;
    width: 81%;
    display: inline-block;
}
.fb-edit-field-wrapper.image-cropper-wrapper .option.has-success .help-block {
    float: left;
    margin-top: 0;
}
.image-cropper-wrapper.options.images .upload-wrapper input.cr-slider,
.fb-edit-field-wrapper.image-cropper-wrapper .upload-wrapper input.cr-slider{
    max-width: 100% !important;
    width: 100% !important;
}
.image-cropper-wrapper.has-error .upload-wrapper{border: 1px solid #a90329;}
.image-cropper-wrapper .upload-wrapper > img#placeholder{height: 50px; width: 50px; margin: 5px; border-radius: 0;}
form#add-banner-form .image-cropper-wrapper .upload-wrapper > img#placeholder,
form#edit-banner-form .image-cropper-wrapper .upload-wrapper > img#placeholder,
form#add-event-banner-form .image-cropper-wrapper .upload-wrapper > img#placeholder,
form#edit-event-banner-form .image-cropper-wrapper .upload-wrapper > img#placeholder{
    border-radius: 0;
    height: 160px;
    margin: 5px;
    width: 235px;
}
.image-cropper-wrapper .upload-wrapper #upload-cropper{
    padding: 10px;
    width: 300px;
    z-index: 1000;
    position: absolute;
    background: #f4f4f4 none repeat scroll 0 0;
    border: 1px solid #bbbbbb;
    border-radius: 5px;
    box-shadow: 2px 1px 10px #efefef;
    height: 408px;
    pointer-events: auto;
}
.image-cropper-wrapper.options.images .upload-wrapper #upload-cropper,
.fb-edit-field-wrapper.image-cropper-wrapper .upload-wrapper #upload-cropper{height: 428px;}
#userDetailTabContent .upload-wrapper.ready .croppie-container {
    left: 0;
    top: -344px;
}
form#add-users .upload-wrapper.ready .croppie-container,
form#add-visitor-form .upload-wrapper.ready .croppie-container{
    height:auto;
}
form#add-contractor-form .upload-wrapper.ready .croppie-container,
form#edit-contractor-form .upload-wrapper.ready .croppie-container{
    bottom: -240px;
    right: 0;
}
form#add-banner-form .upload-wrapper.ready .croppie-container,
form#edit-banner-form .upload-wrapper.ready .croppie-container{
    top: -257px;
    left: 0;
}
form#add-event-banner-form .upload-wrapper.ready .croppie-container,
form#edit-event-banner-form .upload-wrapper.ready .croppie-container{
    top: -100px;
    left: 0;
}
.add-event-form .upload-wrapper.ready .croppie-container{
    top: -350px;
    left: 0;
}
form#edit-client-form .upload-wrapper.ready .croppie-container{
    top: -350px;
    left: 0;
}
.editable-container.popover {
    left: 70% !important;
    width: auto;
}
.image-cropper-wrapper.options.images .upload-wrapper.ready .croppie-container,
.fb-edit-field-wrapper.image-cropper-wrapper .upload-wrapper.ready .croppie-container{
    top: -230px;
    left: 0;
}
form#add-category-form .upload-wrapper.ready .croppie-container,
form#edit-category-form .upload-wrapper.ready .croppie-container{
    top: -230px;
    left: 0;
}
form#add-coverphoto-form .upload-wrapper.ready .croppie-container,
form#edit-coverphoto-form .upload-wrapper.ready .croppie-container{
    top: -270px;
    left: 0;
}
form#add-instruction-form .upload-wrapper.ready .croppie-container,
form#edit-instruction-form .upload-wrapper.ready .croppie-container{
    top: -270px;
    left: 0;
}
form#add-device-form .upload-wrapper.ready .croppie-container{
    top: -370px;
    left: 0;
}
form#add-visitor-form-dynamic .upload-wrapper.ready .croppie-container{
    left: -157px;
    top: -30px;
}
form#add-visitor-form-dynamic .image-cropper-wrapper .upload-wrapper #upload-cropper{
    width: 170px;
    height: 248px;
}
form#add-machine-form .upload-wrapper.ready .croppie-container,
form#edit-machine-form .upload-wrapper.ready .croppie-container{
    top: -290px;
    left: 0;
}
form#add-coverphoto-form .image-cropper-wrapper .upload-wrapper > img#placeholder,
form#edit-coverphoto-form .image-cropper-wrapper .upload-wrapper > img#placeholder{width: auto;}
#remoteModalCoverPhoto .modal-dialog.coverpopup {
    left: 40px;
    top: 170px;
    display: block;
}
/* End Image Cropper Styling */
.emergencyCon .owl-item > div{width: 95%;}
.hide_on_start{display: none;}
/*search-form styling*/
.smart-form.search-form footer.btn-search-area{
    background:transparent;
    border-bottom:1px solid rgba(0,0,0,.1);
    border-top:0;
    padding-top: 0;
}
/*END search-form styling*/
/*check box size styling class*/
.smart-form .checkbox.small-checkbox{
    line-height: 20px;    /*changed for label vertical alignment */ /*see example in "Assign over time shift" CPL*/
    padding-left: 20px;
}
.smart-form .checkbox.small-checkbox i{
    width: 14px !important;
    height: 14px !important;
}
.smart-form .checkbox.small-checkbox input + i::after{
    font-size: 14px !important;
    left: -1px !important;
    top: -2px !important;
}
/*END check box size styling class*/
/*Survey questions Active and Inactive functionality */
#add-survey-form .is_activeCls{display: none;}
/*END Survey questions Active and Inactive functionality */
/*spinner Controller styling*/
.ui-spinner{/*width issue in spinner*/
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
.smart-form .ui-widget-content .ui-spinner-input{
    height: 32px;
    padding: 0 20px 0 10px;
}
.ui-spinner-down,
.ui-spinner-up{background: none;padding: 0 !important;}
.ui-spinner-button.form-control-feedback{margin: 0;}
.ui-spinner-down:active,
.ui-spinner-up:active,
.ui-spinner-down:focus,
.ui-spinner-up:focus,
.ui-spinner-down:hover,
.ui-spinner-up:hover{background: none;}
.ui-spinner-down:before,
.ui-spinner-up:before{
    font-family: fontello;
    font-size: 12px;
    color: #333;
    margin-right: 5px;
}
.ui-spinner-up:before{content: "\e945";margin-top: 5px;}
.ui-spinner-down:before{content: "\e944";}
.ui-spinner-down > *:first-child,
.ui-spinner-up > *:first-child{display: block;}
.popup-with-tabs .ui-spinner-down{
    background: transparent;
    border-radius: 0 0 4px 0;
    -webkit-border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
}
.popup-with-tabs .ui-spinner-up{
    background: transparent;
    border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
}
.popup-with-tabs .ui-spinner-down::before,
.popup-with-tabs .ui-spinner-up::before{display: none;}
/*END spinner Controller styling*/
/*only show on mobile on 600px*/
.show-mobile{
    display: none !important;
}
/*END only show on mobile on 600px*/
/*for equal height*/
.select2-container-multi .select2-choices .select2-search-field input{
    padding: 4px 5px;
    /*width: 0 !important;*/
}
/*END for equal height*/
/*inline label styling*/
.label.label-inline{
    line-height: 32px;
    margin: 0;
}
/*END inline label styling*/
/*inline radio styling*/
.smart-form .radio.radio-inline{
    line-height: 32px;
    margin: 0;
}
.smart-form .radio.radio-inline i{top: 7px;}
/*END inline radio styling*/
/*select box with checkbox styling*/
.selectWithCheckboxHolder select.selectWithCheckbox{display: none;}
.selectWithCheckboxHolder .btn-group{
    width: 100%;
    margin: 0;
    pointer-events: auto;
}
.selectWithCheckboxHolder .btn-group > .btn{
    background: transparent;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    text-align: right;
    width: 100%;
    height: 33px;
    line-height: 33px;
    padding: 0 25px 1px 5px;
    border-radius: 3px 3px 2px 2px;
    left: 0;
    top: 0;
    transition: border-color 0.3s ease 0s;
    -webkit-transition: border-color 0.3s ease 0s;
    -moz-transition: border-color 0.3s ease 0s;
    -ms-transition: border-color 0.3s ease 0s;
    -o-transition: border-color 0.3s ease 0s;
}
.selectWithCheckboxHolder .btn-group > .btn:hover,
.selectWithCheckboxHolder .btn-group > .btn:focus,
.selectWithCheckboxHolder .btn-group > .btn:active{border-color: #ccc;}
.selectWithCheckboxHolder .icon-holder .btn-group > .btn{padding-left: 25px;}
.selectWithCheckboxHolder .btn-group.open > .btn{
    background: transparent;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    border-color: #d1d3d8;
    border-bottom: 0;
}
.selectWithCheckboxHolder.disabled .btn-group > .btn{
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #dddddd;
    cursor: default;
    opacity: 1;
    color: #333;
}
.selectWithCheckboxHolder.disabled i{box-shadow: 0 0 0;}
.selectWithCheckboxHolder.disabled .btn-group:hover > .btn{border-color: #3276b1 ;}
.selectWithCheckboxHolder .btn .multiselect-selected-text{
    float: left;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    width: 100%;
}
.selectWithCheckboxHolder .btn-group > .btn .caret{display: none !important;}
.selectWithCheckboxHolder .dropdown-menu{
    width: 100%;
    border: 1px solid #d1d3d8;
    border-width: 0 1px 3px;
    padding: 4px;
    max-height: 199px;
    overflow-y: auto;
    overflow-x:hidden;
    box-shadow: 0 0 0 transparent;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    border-radius: 0 0 2px 2px;
}
.selectWithCheckboxHolder .dropdown-menu a{white-space: normal;}
.selectWithCheckboxHolder .dropdown-menu .checkbox,
.form-style-page .selectWithCheckboxHolder .dropdown-menu .checkbox{
    padding:3px 7px;
    min-height: 19px;
    font-size: inherit;
    font-weight: 700;
    line-height: 19px;
}
.selectWithCheckboxHolder .dropdown-menu .checkbox input{
    position: relative;
    text-indent: 0;
    margin: 0;
    left: 0;
    top: 0;
}
.selectWithCheckboxHolder li.multiselect-item.hasLookupBtn .input-group{
    overflow: hidden;
    padding-right: 5px;
}
.selectWithCheckboxHolder .dropdown-menu > li > a#lookUpBtn {
    color: #0092c2 !important;
    float: right;
    border: 1px solid #0092c2 !important;
    margin-top: 4px;
    margin-right: 4px !important;
    padding: 1px 5px;
    background: #fff;
    top: 0 !important;
    left: 0 !important;
    line-height: 1.5;
    box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.selectWithCheckboxHolder .dropdown-menu li > a:hover,
.selectWithCheckboxHolder .dropdown-menu > li > a#lookUpBtn:hover{
    background: #0092c2;
    color: #fff !important;
}
.selectWithCheckboxHolder .dropdown-menu li > a:hover .checkbox,
.selectWithCheckboxHolder .dropdown-menu li.active > a .checkbox{color: #fff;}
.selectWithCheckboxHolder .open > .dropdown-menu{
    animation: none;
    min-width: 100%;
}
.selectWithCheckboxHolder .filter{
    display: none;
    clear: both;
    background: #fff;
    border: 1px solid #d1d3d8;
    border-width: 0 1px;
    z-index: 999;
    position: relative;
}
.selectWithCheckboxHolder .btn-group.open .filter{display: block;}
.selectWithCheckboxHolder .filter .input-group-addon{
    position: absolute;
    top: 7px;
    right: 10px;
    background: url('../img/search.png') right  no-repeat;
    width: 13px;
    height: 30px;
    z-index: 9;
    padding: 0;
    border: 0;
}
.selectWithCheckboxHolder .filter .input-group-addon i{display: none;}
.selectWithCheckboxHolder .filter  .input-group{display: block;padding: 4px;}
.selectWithCheckboxHolder .filter .multiselect-search{
    padding:6px 5px 5px 10px;
    float: none;
    width: 100%;
    height: auto!important;
    border-radius: 3px;
    margin: 4px 0;
    outline: 0;
    border: 1px solid #aaa;
    position: relative;
    line-height: 18px;
    background:#fff;
    background:-webkit-gradient(linear,left bottom,left top,color-stop(0.85,#fff),color-stop(0.99,#eee));
    background:-webkit-linear-gradient(center bottom,#fff 85%,#eee 99%);
    background:-moz-linear-gradient(center bottom,#fff 85%,#eee 99%);
    background:linear-gradient(top,#fff 85%,#eee 99%);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
.selectWithCheckboxHolder .filter .multiselect-search::-webkit-input-placeholder {padding-left: 5px;}
.selectWithCheckboxHolder .filter .input-group-btn{display: none;}
.selectWithCheckboxHolder .filter .input-group{margin: 0;}
.selectWithCheckboxHolder .select #lookUpBtn i::after,
.selectWithCheckboxHolder .select #lookUpBtn i::before{
    border: 0 none;
    content: "\f067";
    left: -10px;
    padding: 5px;
    top: -15px;
}
.selectWithCheckboxHolder .select #lookUpBtn i {
    background: transparent none repeat scroll 0 0;
    box-shadow: none;
    height: auto;
    position: relative;
    right: auto;
    top: auto;
    width: auto;
}
.select_session_dropdown .selectWithCheckboxHolder .select #lookUpBtn i{top: 4px;}
/*END select box with checkbox styling*/
/*select box with checkbox (with footer)  styling*/
.duration_access_Cls .selectWithFooter label.select{z-index:99;}
.selectWithFooter.selectWithCheckboxHolder .filter .multiselect-search{padding: 0 0 0 10px !important;}
.selectWithFooter.selectWithCheckboxHolder .btn-group.open{padding: 0 0 52px;}
.duration_access_Cls .compined--drop--down-access .selectWithFooter .btn-group.open > .dropdown-menu{
    border-color: #e4e5e8;
    border-bottom: 0;
    margin: 0 0 4px -1px;
    height: 255px !important;
    max-height: 255px;
}
.selectWithFooter.selectWithCheckboxHolder .btn-group .select-footer{display: none;}
.selectWithFooter.selectWithCheckboxHolder .btn-group.open .select-footer{
    display: block;
    overflow: hidden;
    background: #fff;
    color: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9999;
    right: 0;
    padding: 10px 20px;
    border: 1px solid #e4e5e8;
}
.selectWithFooter.selectWithCheckboxHolder .btn-group.open .select-footer .btn {
    float:right;
    margin-right: 5px !important;
    box-shadow: 0 0 0 transparent;
    text-align: center;
    padding: 0;
    min-width: 90px;
    height: 35px;
    line-height: 35px;
}
.selectWithFooter.selectWithCheckboxHolder .btn-group.open .select-footer .btn.btn-primary {border: 1px solid #0092c2 !important;}
.selectWithFooter.selectWithCheckboxHolder .btn-group.open .select-footer .btn.btn-primary:hover {
    background: #0092c2;
    color:#fff !important;
}
/*END select box with checkbox (with footer)  styling*/
.jarviswidget.client .bootstrapWizard li{width: 20%;}/*5 tabs in add client*/
/*For disabled state of form elements*/
.smart-form .button.state-disabled, .smart-form .checkbox.state-disabled, .smart-form .input.state-disabled input, .smart-form .radio.state-disabled, .smart-form .select.state-disabled, .smart-form .textarea.state-disabled, .smart-form .toggle.state-disabled{
    opacity: 1 !important;
    background: #f4f4f4;
    border: 1px solid #dddddd;
}
.smart-form .checkbox.state-disabled{
    border-color: transparent;
    background: transparent;
}
.smart-form .checkbox.state-disabled input+i:after, .smart-form .checkbox.state-disabled input:checked+i{color: #bbb !important;}
 /*END For disabled state of form elements*/
.blue-controll-selected{
    background:#0092c3;
    border-radius:2px;
}
.blue-controll-selected.expired{
    background:red;
}
.container--body .FlowupLabels .blue-controll-selected .fl_wrap{
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    height: 42px;
}
.form-group--combined p{
    display:table-cell;
    vertical-align:middle;
    height:42px;
    padding-left:10px;
    font-size:12px;
    font-weight:500;
    padding-right:10px;
}
.blue-controll-selected{
    background:#0092c3;
    border-radius:2px;
    color:#fff;
}
.form-group--combined.disabled p{
    color:#333333;
}
.margin-top-minus-two{
    margin-top:-2px;
}
/*END select box with checkbox (with footer)  styling*/
.group_invites_col .when input, .group_invites_col .groupnamegroup input{
    border:none !important;
}
.group_invites_col .form-style-page .page-heading{
    overflow: inherit;
}
.group_invites_col .duration_access_Cls .compined--drop--down-access .btn-group .multiselect-selected-text{
    margin-left:0px !important;
}
.group_invites_col .form_layout_rel .form-style-page .smart-form .select2-choice{
    border:0px !important;
    padding-top:5px;
}
.group_invites_col .form_layout_rel .form-style-page .smart-form #stay_duration_trigger .select2-choice{
	padding-top:3px;
}
.group_invites_col .form-style-page .page-heading h2, .group_invites_col  .form-style-page .page-heading .si-icon{
    color: #333;
}
.group_invites_col .form-style-page .smart-form .group_row .input.input_border, .group_invites_col .form-style-page .smart-form .group_row .form-control, .group_invites_col .form-style-page .smart-form .group_row .select2-choice{
    height: 27px !important;
    padding-top: 0;
}
.group_invites_col .separate_company_logo{
    width:inherit !important;
    top: 3px;
}
.group_invites_col .form-style-page .smart-form .checkbox i, .group_invites_col .form-style-page .smart-form .radio i{
    top: 3px;
}
.group_invites_col .checknotifactionCls{
    border: 1px solid #eaeaea;
    padding: 12px 10px;
    border-radius: 2px;
}
.group_invites_col .custom_tabsCls .data-grid .table tbody tr i.minusSign{
    margin-right: 5px;
}
.group_invites_col .custom_tabsCls .data-grid .table tbody tr:last-child i.minusSign {
    margin-right: 0px;
}
ul.autocomplete-search li:hover .visitclass_one, ul.autocomplete-search li:hover .visitclass_two, ul.autocomplete-search .option-with-image:hover, ul.autocomplete-search li.ui-menu-item:hover{
    color: #0092c3 !important;
}
ul.autocomplete-search {
    padding: 2px 8px;
}
ul.autocomplete-search .option-with-image{
    width: 50%;
    text-align: left;
}
ul.autocomplete-search .option-with-image img{
    margin-top: 3px;
}
ul.autocomplete-search .visitclass_one{
    padding-left: 25px;
    font-size: 9px;
    color: #9ea0a4;
    padding-top: 5px;
    max-width: 168px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
}
ul.autocomplete-search .visitclass_one em {
    font-style: inherit;
    font-size: 10px;
    display:inline-block;
    padding-top: 5px;
}
ul.autocomplete-search .visitclass_one span {
    display: inline-block;
    padding-bottom: 3px;
}
ul.autocomplete-search .visitclass_two{
    width: 40%; 
    font-size: 9px;
    padding-top: 5px;
    text-align: right;
    line-height: 15px;
    color:#9ea0a4;
}
ul.autocomplete-search li.ui-state-focus{
    background-color:transparent !important;
}

.betaalertCls{
    float: left; 
    width: 50px; 
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px;
    padding-top: 7px;
    padding-bottom: 3px;
}
.custom-btn:hover .betaalertssmall, .custom-btn:focus .betaalertssmall, .custom-btn:active .betaalertssmall{
    background-color: #f2f2f2;
}
.group_invites_col .form-style-page .page-heading p{
    position: relative;
    top: -10px;
    font-size: 11px;
    color: #333;
    font-weight: 500;
    clear: both;
}
.container--body .form-group--combined.orange {
    border-color: #ead4bc;
    background-color: #ffffcb;
    pointer-events: none;
    color: #333;
}
.small_heading_name{
    font-size: 18px;
    text-transform: capitalize;
    padding-top: 0px;
    padding-left: 7px;
    width: 70%;
    display: table-cell;
}

.agencyimport .input-file{border-left:1px solid rgba(228, 229, 232, 0.48) !important; margin-left:-1px;}
.container--body .FlowupLabels .fl_wrap .select2-container-disabled .select2-choice .select2-arrow b{display: none;}
.slider_block{
    width: 100%;
    overflow: hidden;
    padding: 25px 0;
}
.slider_block .bxslider{
    margin: 0;
    padding: 0;
    list-style: none;
}
.slider_block .bxslider-holder{
    overflow: hidden;
    position: relative;
    padding:0 50px;
}
.slider_block.detail_timing .bxslider-holder{ padding: 0 40px;}
.slider_block.detail_timing .timeblock{
    width: 200px;
    position: relative;
}
.slider_block.detail_timing .timeblock:after{
    position: absolute;
    content: '';
    top: 40px;
    height: 90px;
    right: 25px;
    background: #eee;
    width: 1px;
}
.slider_block .owl-carousel div.assigned{
    position: relative;
}
.slider_block.detail_timing .owl-carousel div.assigned{
    position: relative;
}
.slider_block.detail_timing .owl-carousel div.assigned:after{
    position: absolute;
    content: '';
    width: 1px;
    background: #cecece;
    height: 80px;
    top: 20px;
    left: 0;
}
.slider_block.detail_timing .owl-carousel li.assigned:first-child:after{ background: none;}
.slider_block .owl-carousel div.assigned a,
.slider_block .owl-carousel div.not-activate,
.slider_block .owl-carousel div.not-assigned{
    height: 110px;
    display: block;
    background: #0097f7;
    color: #fff;
    text-align: center;
    border-radius: 100%;
    padding: 26px 0 0;
    position: relative;
    width: 110px;
}
.slider_block .owl-carousel div.not-activate,
.slider_block .owl-carousel div.not-assigned{
    background: #b2b2b2;
}
.slider_block .owl-carousel div.assigned a:hover{ background: #046fb4;}
.slider_block .owl-carousel div.assigned a i,
.slider_block .owl-carousel div.not-activate i,
.slider_block .owl-carousel div.not-assigned i{
    font-size: 38px;
    line-height: 38px;
}
.slider_block .owl-carousel div.assigned a .si-survey,
.slider_block .owl-carousel div.not-activate .si-survey,
.slider_block .owl-carousel div.not-assigned .si-survey{
    font-size: 32px;
    line-height: 32px;
}
.slider_block .owl-carousel div.assigned a > span,
.slider_block .owl-carousel div.not-activate > span,
.slider_block .owl-carousel div.not-assigned > span{
    display: block;
    color: #fff;
    font-size: 13px;
}
.slider_block .owl-carousel div.not-activate .caption,
.slider_block .owl-carousel div.not-assigned .caption{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.45);
    top: 0;
    left: 0;
    border-radius: 100%;
}
.slider_block .owl-carousel div.not-activate .caption .caption-title,
.slider_block .owl-carousel div.not-assigned .caption .caption-title{
    top: 50%;
    left: 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: -10px 0 0;
}
.slider_block .owl-carousel div.assigned .badge{
    background: #f90622;
    color: #fff;
    width: 25px;
    height: 25px;
    top: 0;
    right: 5px;
    position: absolute;
    font-size: 12px;
    text-align: center;
    padding: 6px 0 0;
    border-radius: 100%;
}
/*Added for text overflow issue in chrome*/
.smart-form.audit-form table td span {
    display: block;
    width: 100%;
    word-wrap: break-word;
    max-width: 510px;
}
/*END   Added for text overflow issue in chrome*/
/*visitor list styling*/
.visitor-list .image{
    display:inline-block;
    vertical-align: middle;
}
.visitor-list .detail-holder{
    display:inline-block;
    vertical-align: middle;
    padding-left: 8px;
    color: #000;
}
.visitor-list .email{display: block;}
.visitor-list .description{
    display: block;
    font-size: 10px;
}
.visitor-list.ui-state-active .detail-holder{color: #fff;}
/*END visitor list styling*/
/*LOcations Maps*/
.loactionsMap{width: 380px;}
.loactionsMap tr td,
.loactionsMap tr th{
    border: 1px solid #CCC;
    padding: 5px;
    text-align: left;
}
.loactionsMap .machineStatus{
    width: 15px;
    height: 15px;
    border-radius: 100%;
}
.loactionsMap .machineStatus.active{background-color: green;}
.loactionsMap .machineStatus.in-active{background-color: red;}
/*END visitor list styling*/
.share_with_access input.select2-input{width:100% !important;}
.attendance_cardid .select2-container-multi .select2-choices .select2-search-field input, .attendance_cardid_vis .select2-container-multi .select2-choices .select2-search-field input{
    padding:2px 5px;
}
.attendance_cardid .select2-container-multi .select2-choices .select2-search-choice img, .attendance_cardid_vis .select2-container-multi .select2-choices .select2-search-choice img{
    width:21px !important;
    height:21px !important;
}
.attendance_cardid .select2-container-multi .select2-choices .select2-search-choice, .attendance_cardid_vis .select2-container-multi .select2-choices .select2-search-choice{
    margin-top: 1px !important;
}
.attendance_cardid_vis .select2{height:34px;}
.attendance_cardid_vis .select2-container.select2-container-multi{
    height: auto;
}
.container--body .FlowupLabels .attendance_cardid_vis .fl_wrap {
    height: auto;
    margin-bottom: 0px;
}
.attendance_cardid_vis .select2{height:34px;}
.tenant_popup .modal-header{
    border-radius: 10px 10px 0 0;
    margin-top: -4px;
}

.select2-more-results.select2-active{
    padding:7px 10px;

}
.group_inner_slider_to .select2-container-multi .select2-choices .select2-search-choice{
    width:100%;
}

.group_inner_slider_to .select2-container-multi .select2-choices .select2-search-choice{
    padding-top:8px;
    margin-bottom:10px;
}

.tenant_popup .modal-header{
    border-radius: 10px 10px 0 0;
    margin-top: -4px;
}
.selectWithCheckboxHolder.skills .select #lookUpBtn i{position:absolute;}
.pointer-events{
    pointer-events: all !important;
}

.contact_profile {
    margin: 50px auto 0;
    border: 1px solid #666;
    border-radius: 10px;
    width: 600px;
    padding:10px 20px;
    font-size: 15px;
}
.contact_profile .checkbox, .contact_profile .radio{font-size: 15px;}
.contact_profile section{
    border-top: 1px solid #c6c6c6;
    padding:30px 10px;
}
.contact_profile section:first-child{border-top:0;}
.contact_profile header{
    border-bottom: 1px solid #C9C9C9;
    margin: 0;
    padding-top: 15px;
    padding-bottom: 30px;
}
.profile_picture{
    border-radius: 100%;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border: 1px solid #0092C2;
    float: left;
}
.profile_picture img{
    width:100px;
    height: 100px;
}
.right_contact_name{
    float: left;
    padding-left: 20px;
    padding-top: 27px;
}
.right_contact_name span{
    color:#333;
    font-size: 16px;
}
.right_contact_name h2{
    color:#0092C2;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0.5px;
}
.contact_profile .inline-form-field label {
    display: inline-block;
    vertical-align: middle;
}
.contact_profile .inline-form-field .elementInput{
    display: inline-block;
    vertical-align: middle;
}
.contact_profile input{
    padding: 6px 12px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.container--body.tenantsFilter.dashboard_tenant .duration_access_Cls .selectWithFooter label.select{
    z-index: inherit;
}
.watch_action_heading{
	text-align:center;
}

.watch_action_heading span{
	border: 2px solid #0092c3;
    border-radius: 100%;
    height: 60px;
    display: inline-block;
    line-height: 50px;
    width: 60px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.watch_action_heading i{
	font-size:40px;
	color:#0092c3;
}

.watch_action_heading h3.heading{
    margin: 0 auto 10px auto;
    padding: 0 0 10px 0 !important;
    color: #333;
    font-size: 14px !important;
    border-bottom: 1px solid #9F9F9F;
    max-width: 50%;
}

.watch_action_heading h3{
	font-size: 15px;
}

.add-note{
	color: #333;
    font-size: 14px;
    font-weight: normal;
	margin-top:10px;
	padding-left:30px;
	float:left;
}

.selectWithCheckboxHolder.reservation .dropdown-menu li > a:hover .checkbox, .selectWithCheckboxHolder.reservation .dropdown-menu li.active > a .checkbox,
.selectWithCheckboxHolder.reservation .dropdown-menu .checkbox, .form-style-page .selectWithCheckboxHolder.reservation .dropdown-menu .checkbox{
    font-weight: normal;
}

.configuration--control .compined--drop--down .form-group--combined ul li input[type="text"]{
    padding-top:0px;
    padding-left:0px;
}
.container--body.dashboard-select-dropdown{
    width: 230px;
    clear: both;
    float: right;
    margin: -15px 0 0;
}
.container--body.dashboard-select-dropdown span.multiselect-selected-text{
    text-align: right;
}

.container--body.dashboard-select-dropdown span.multiselect-selected-text:before{
    font-family: fontello;
    content: '\e989';
    position: relative;
    left: 0px;
    margin-right: 10px;
    font-size: 18px;
}

.container--body.dashboard-select-dropdown.desk span.multiselect-selected-text:before{content: '\EAC8';}
.container--body.dashboard-select-dropdown.booking span.multiselect-selected-text:before{content: '\EAF1';}
span.option-with-image.visitor-badge-number { height: 45px; padding-top: 3px; }
#single_form .parking_zone .color-box.top2 {
    top: 5px !important;
}