﻿
.slidein {
    display: table-cell;
    position: relative;
    background: #FFF;
    border-right: 1px solid rgba(0,0,0,0.05);
    width: 0;
    padding: 0;
    vertical-align: top;
    float: none;

    -webkit-transition: width 0.2s ease-in-out;
    -moz-transition: width 0.2s ease-in-out;
    -ms-transition: width 0.2s ease-in-out;
    -o-transition: width 0.2s ease-in-out;
    transition: width 0.2s ease-in-out;
}
.slidein.open {
    width: 320px;
}
.slidein .slidein-toggle {
    position: absolute;
    background: #009ce7;
    top: 0;
    left: 100%;
    width: 50px;
    height: 40px;
    font-size: 25px;
    line-height: 40px;
    text-align: center;
    color: #f5f5f5;
    cursor: pointer;
    z-index: 1;
    float: right;
}
.slidein .slidein-toggle i {
    margin: 0;
}
.slidein.open .slidein-toggle {
    background: rgba(0,0,0,0.5);
}
.slidein.open .slidein-toggle i {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.slidein.slidein-right {
    border: none;
    border-left: 1px solid rgba(0,0,0,0.05);
}
.slidein.slidein-right .slidein-toggle {
    left: auto;
    right: 100%;
}
.slidein .slidein-content {
    width: 100%;
    overflow: hidden;
}
.slidein .slidein-inner {
    width: 320px;
}
.slidein.fixed-position.open:not(.ng-animate) .slidein-inner {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    z-index: 1;
}

.slidein .slidein-section {
    border-top: 1px solid rgba(0,0,0,0.05);
    margin: 0 0 15px;
}
.slidein .slidein-section .section-heading {
    padding: 0 15px;
    margin: 15px 0;
    font-family: 'Montserrat', Helvetica, sans-serif, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 20px;
    color: #2e3640;
}
.slidein .slidein-section .section-content {
    padding: 0 20px;
    margin: 15px 0;
}


/* OLD CSS */

/* Slide In */
#mainContent .slideIn {
    display: table-cell;
    position: relative;
    width: 320px;
    padding: 0;
    overflow: visible !important;
    vertical-align: top;
    float: none;
}
@media (max-width: 1280px) {
    #mainContent .slideIn {
        display: block;
        position: absolute;
    }
    #contentMain {
        width: 100%;
    }
}
#mainContent .slideIn .slideHandle {
    position: absolute;
    top: 0;
    color: #f5f5f5;
    cursor: pointer;
    font-size: 2em;
    padding: 0.25em 0.75em;
    margin: 0 auto;
    z-index: 1;
}
#mainContent .slideIn .slideHandle:not(.closed) {
    background: rgba(0, 0, 0, 0.5);
}
#mainContent .slideIn .slideHandle.closed {
    background: #009ce7;
}
#mainContent .slideIn .content {
    top: 0;
    bottom: 0;
    padding: 0 15px;
}
#mainContent .slideIn.left {
    left: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
}
#mainContent .slideIn.left .slideHandle {
    left: 100%;
}
#mainContent .slideIn.left .slideHandle.closed {
    -webkit-transform: rotate(180deg) scale(1) skew(1deg) translate(0px);
    -moz-transform: rotate(180deg) scale(1) skew(1deg) translate(0px);
    -o-transform: rotate(180deg) scale(1) skew(1deg) translate(0px);
    -ms-transform: rotate(180deg) scale(1) skew(1deg) translate(0px);
    transform: rotate(180deg) scale(1) skew(1deg) translate(0px);
}
#mainContent .slideIn.left .content {
    right: 0;
    margin-right: -1px;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
}
#mainContent .slideIn.right {
    right: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.05);
}
#mainContent .slideIn.right .slideHandle {
  right: 100%;
}
#mainContent .slideIn.right .slideHandle.closed {
  -webkit-transform: rotate(180deg) scale(1) skew(1deg) translate(0px);
  -moz-transform: rotate(180deg) scale(1) skew(1deg) translate(0px);
  -o-transform: rotate(180deg) scale(1) skew(1deg) translate(0px);
  -ms-transform: rotate(180deg) scale(1) skew(1deg) translate(0px);
  transform: rotate(180deg) scale(1) skew(1deg) translate(0px);
}
#mainContent .slideIn.right .content {
  left: 0;
  margin-left: -1px;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}
#leftSlideIn,
#leftSlideIn .content {
  background-color: #f5f5f5;
}
#leftSlideIn h3 {
  color: #8694a8;
  font-family: 'Montserrat', Helvetica, sans-serif;
  font-size: 13px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
#leftSlideIn a .section-title {
  font-family: 'Montserrat', Helvetica, sans-serif;
  color: #2e3640;
  text-decoration: none;
}
#leftSlideIn a .section-title .unity-ico {
  font-size: 2em;
  margin-right: 1em;
  vertical-align: middle;
}
#leftSlideIn a:hover,
#leftSlideIn a:focus {
  text-decoration: none;
}
#leftSlideIn a:hover .unity-ico,
#leftSlideIn a:focus .unity-ico {
  color: #009ce7;
}
#leftSlideIn .row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-top: 1em;
  padding-bottom: 1em;
}
#leftSlideIn .row:last-of-type {
  border-bottom: none;
}
#leftSlideIn .panel-height-limit {
  max-height: 300px;
  overflow: auto;
}
#leftSlideIn .custom_select_label {
  font-family: 'Montserrat', Helvetica, sans-serif;
}
#leftSlideIn .custom_select.dark + .bootstrap-select {
  margin-bottom: 0;
  width: 100%;
}
#leftSlideIn .custom_select.dark + .bootstrap-select .selectpicker {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #2e3640;
  color: #ffffff;
  padding-top: 2px;
  padding-bottom: 2px;
  min-width: inherit;
}
#leftSlideIn .custom_select.dark + .bootstrap-select .selectpicker .filter-option {
  color: #ffffff;
  font-family: 'Lato', Helvetica, sans-serif;
  font-size: 0.85em;
  min-width: 10px;
  -webkit-text-stroke: 0;
}
#leftSlideIn .custom_select.dark + .bootstrap-select .selectpicker .caret {
  color: #ffffff;
}
#leftSlideIn .custom_select.dark + .bootstrap-select .selectpicker + .dropdown-menu {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #2e3640;
  min-width: inherit;
}
#leftSlideIn .custom_select.dark + .bootstrap-select .selectpicker + .dropdown-menu li a {
  color: #ffffff;
  font-size: 0.85em;
}
#leftSlideIn .custom_select.dark + .bootstrap-select .selectpicker + .dropdown-menu li a:hover,
#leftSlideIn .custom_select.dark + .bootstrap-select .selectpicker + .dropdown-menu li a:focus {
  background-color: #009ce7;
}
#leftSlideIn #job_details #details-list .item-title {
  color: #8694a8;
  font-family: 'Montserrat', Helvetica, sans-serif;
  margin-bottom: 0.25em;
}
#leftSlideIn #job_details #details-list .item-text {
  color: #2e3640;
}
#leftSlideIn #job_details .side-contact .contact-button .unity-ico {
  color: #009ce7;
  margin-right: 0.5em;
}
#leftSlideIn #job_details #sideCarInfoModal .btn {
  text-transform: uppercase;
}
#leftSlideIn #car_details .car-details-map {
  background: url(../img/car-details-drawing.png) no-repeat top center transparent;
  display: block;
  height: 258px;
  position: relative;
  margin: 0 auto;
  min-width: 175px;
  width: 100%;
}
#leftSlideIn #car_details .car-details-map .col-xs-4 {
  position: static;
}
#leftSlideIn #car_details .car-details-map .custom_select.dark.car_map + .bootstrap-select {
  position: static;
  margin: 0 auto;
}
#leftSlideIn #car_details .car-details-map .custom_select.dark.car_map + .bootstrap-select button.selectpicker[title="1"] {
  background: #9ed201;
}
#leftSlideIn #car_details .car-details-map .custom_select.dark.car_map + .bootstrap-select button.selectpicker[title="2"] {
  background: #fd7600;
}
#leftSlideIn #car_details .car-details-map .custom_select.dark.car_map + .bootstrap-select button.selectpicker[title="3"] {
  background: #009ce7;
}
#leftSlideIn #car_details .car-details-map .custom_select.dark.car_map + .bootstrap-select button.selectpicker[title="4"] {
  background: #8694a8;
}
#leftSlideIn #car_details .car-details-map .custom_select.dark.car_map + .bootstrap-select button.selectpicker + .dropdown-menu {
  background: #f5f5f5;
}
#leftSlideIn #car_details .car-details-map .custom_select.dark.car_map + .bootstrap-select button.selectpicker + .dropdown-menu ul {
  background: #f5f5f5;
}
#leftSlideIn #car_details .car-details-map .custom_select.dark.car_map + .bootstrap-select button.selectpicker + .dropdown-menu ul li {
  background: #f5f5f5;
  color: #2e3640;
}
#leftSlideIn #car_details .car-details-map .custom_select.dark.car_map + .bootstrap-select button.selectpicker + .dropdown-menu ul li a {
  position: relative;
}
#leftSlideIn #car_details .car-details-map .custom_select.dark.car_map + .bootstrap-select button.selectpicker + .dropdown-menu ul li a:before {
  content: "\f111";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 0.75em;
  padding-right: 0.25em;
  position: absolute;
  top: 0.75em;
  left: 1em;
}
#leftSlideIn #car_details .car-details-map .custom_select.dark.car_map + .bootstrap-select button.selectpicker + .dropdown-menu ul li:nth-child(2) a:before {
  color: #9ed201;
}
#leftSlideIn #car_details .car-details-map .custom_select.dark.car_map + .bootstrap-select button.selectpicker + .dropdown-menu ul li:nth-child(3) a:before {
  color: #fd7600;
}
#leftSlideIn #car_details .car-details-map .custom_select.dark.car_map + .bootstrap-select button.selectpicker + .dropdown-menu ul li:nth-child(4) a:before {
  color: #009ce7;
}
#leftSlideIn #car_details .car-details-map .custom_select.dark.car_map + .bootstrap-select button.selectpicker + .dropdown-menu ul li:nth-child(5) a:before {
  color: #8694a8;
}
#leftSlideIn #car_details .car-details-map .custom_select.dark.car_map + .bootstrap-select button.selectpicker + .dropdown-menu ul li a {
  color: #2e3640;
  font-size: 1em;
}
#leftSlideIn #car_details .car-details-map .custom_select.dark.car_map + .bootstrap-select button.selectpicker + .dropdown-menu ul li a:hover,
#leftSlideIn #car_details .car-details-map .custom_select.dark.car_map + .bootstrap-select button.selectpicker + .dropdown-menu ul li a:focus {
  background-color: #cfeaff;
}
#leftSlideIn #car_details .car-details-map .custom_select.dark.car_map + .bootstrap-select button.selectpicker + .dropdown-menu .close.btn {
  background: #009ce7;
  color: #ffffff;
  font-family: 'Lato', Helvetica, sans-serif;
  font-size: 1em;
  font-weight: 300;
  margin-top: 0.75em;
  margin-right: 1em;
  opacity: 1;
  padding: 6px 12px;
}
#leftSlideIn #car_details .car-details-map .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: 15px;
}
#leftSlideIn .custom_select_side .form-group .pull-left,
#leftSlideIn .custom_select_side .form-group .pull-right {
  color: #2e3640;
  font-weight: normal;
  padding: 0;
}
#leftSlideIn .custom_select_side .form-group .pull-left .dark,
#leftSlideIn .custom_select_side .form-group .pull-right .dark {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #2e3640;
  color: #ffffff;
  font-size: 0.85em;
  height: 2.5em;
  padding: 0 0.5em;
}

/* TODO: Make the next/previous buttons align to bottom of container */
#notes-slider {
    min-height: 200px;
}
#notes-slider .item {
  height: auto;
  min-height: 13em;
}
#notes-slider .item .carousel-caption {
    color: #2e3640;
    display: block;
    left: 0;
    padding-bottom: 0;
    right: 0;
    text-align: left;
    text-shadow: none;
    top: 0;
}
#notes-slider .item .carousel-caption .notes-date,
#notes-slider .item .carousel-caption .notes-author {
    font-size: 0.8em;
    margin-bottom: 0;
}
#notes-slider .item .carousel-caption .notes-content {
  font-size: 0.9em;
}
#notes-slider .carousel-control {
    display: inline-block;
    position: relative;
    background-image: none;
    filter: none;
    width: 50%;
    min-height: 0;
    float: left;
    font-family: 'FontAwesome', Helvetica, sans-serif;
    font-size: 16px;
    color: #2e3640;
    text-shadow: none;
}
#notes-slider .carousel-control.left {
  text-align: left;
}
#notes-slider .carousel-control.right {
  text-align: right;
}
#notes-slider .carousel-control.right span {
  right: 0;
}

#leftSlideIn #side_shop_info .shop_contact img {
  margin-right: 0.5em;
}
#leftSlideIn #side_shop_info .shop_contact .contact_info {
  font-size: 0.85em;
}
#leftSlideIn .assessed_acc .panel-default {
  border: none;
  border-bottom: 1px solid #ddd;
}
#leftSlideIn .assessed_acc .panel-default > .panel-heading {
  border: none;
  padding: 10px 0 15px;
}
#leftSlideIn .assessed_acc .panel-default .panel-title {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBQkFERUI4M0U0NTIxMUUzQUI3NzlFNEUxRTJFM0NBQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBQkFERUI4NEU0NTIxMUUzQUI3NzlFNEUxRTJFM0NBQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFCQURFQjgxRTQ1MjExRTNBQjc3OUU0RTFFMkUzQ0FCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFCQURFQjgyRTQ1MjExRTNBQjc3OUU0RTFFMkUzQ0FCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+QKIwlwAAAEpJREFUeNpiZFxwPICBgcGeATdYxgIkdgFxLhA7YVEwHYjPMAGJb0DsC8T7sCjIBuL/TFABdIVwBSAOC5JOmMJkIJ4CUwACAAEGAKlhELRpa5ONAAAAAElFTkSuQmCC);
  background-position: 95% 40%;
  background-repeat: no-repeat;
  padding-right: 12%;
  font-family: 'Montserrat', Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
#leftSlideIn .assessed_acc .panel-default .panel-title .unity-ico {
  display: block;
  font-size: 33px;
  margin-right: 5px;
}
#leftSlideIn .assessed_acc .panel-default .panel-title .unity-store {
  font-size: 20px;
  margin: 0 12px 0 5px;
}
#leftSlideIn .assessed_acc .panel-default .acc-panel-ind {
  color: #8694a8;
  display: table;
  font-family: 'Montserrat', Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  margin: 5px 0 0 40px;
}
#leftSlideIn .assessed_acc .panel-body {
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  box-shadow: none;
  padding: 4px 0;
}
#leftSlideIn .assessed_acc .panel-body .option {
  cursor: pointer;
  font-family: 'Lato', Helvetica, sans-serif;
  font-weight: 300;
  margin: 6px 0;
  padding: 6px 15px;
}
#leftSlideIn .assessed_acc .panel-body .option:before,
#leftSlideIn .assessed_acc .panel-body .option:after {
  content: " ";
  display: table;
}
#leftSlideIn .assessed_acc .panel-body .option:after {
  clear: both;
}
#leftSlideIn .assessed_acc .panel-body .option:before,
#leftSlideIn .assessed_acc .panel-body .option:after {
  content: " ";
  display: table;
}
#leftSlideIn .assessed_acc .panel-body .option:after {
  clear: both;
}
#leftSlideIn .assessed_acc .panel-body .option .name {
  float: left;
  width: 75%;
}
#leftSlideIn .assessed_acc .panel-body .option .total {
  float: left;
  width: 20%;
}
#leftSlideIn .assessed_acc .panel-body .option:hover {
  background-color: #cfeaff;
}
#leftSlideIn .assessed_acc .panel-body .option.selected {
  background-color: #cfeaff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBQkFERUI4N0U0NTIxMUUzQUI3NzlFNEUxRTJFM0NBQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBQkFERUI4OEU0NTIxMUUzQUI3NzlFNEUxRTJFM0NBQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFCQURFQjg1RTQ1MjExRTNBQjc3OUU0RTFFMkUzQ0FCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFCQURFQjg2RTQ1MjExRTNBQjc3OUU0RTFFMkUzQ0FCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+r5bWkgAAALhJREFUeNpi+P//PwM+rGfmwAhjMzHgAfrmjoJA6jyQDgTx8SoGgjkgPUBcA9TAzITH1EwgFQTEX4A4/OLJ/X/B7gFK8IMUAAU+QhXqAqlTQMwBxLFA8SUgcUagB0AKd0INdAfiP0B8Gog1gXgRUGE8zDYWIAZ5QhqIZYB4CxDfgyq8CcTZyE6DOUMZyD4A1QACP4HYHGjqRWTFTFC33gVSDkD8Gipegq4QJeigGpygwTUVWwgBBBgAETNU8gCgMc4AAAAASUVORK5CYII=);
  background-position: 94% 50%;
  background-repeat: no-repeat;
}
#gallery {
  background: #ffffff;
  z-index: initial;
}
#gallery .content {
  background: #ffffff;
  padding-top: 1em;
  padding-bottom: 2em;
}
#gallery a.images-heading {
    display: block;
    margin: 0 0 30px;
    font-family: 'Montserrat', Helvetica, sans-serif;
    color: #2e3640;
}
#gallery a.images-heading i {
    font-size: 1.5em;
    margin-right: 1em;
    vertical-align: middle;
}
#gallery .images {
    
}
#gallery .images .image {
    display: block;
    position: relative;
    border: 1px solid #f5f5f5;
    list-style: none;
    list-style-type: none;
    width: 100%;
    margin: 15px 0;
    text-align: center;
    cursor: crosshair;
}
#gallery .images .image:before {
    content: '';
    display: block;
    padding-bottom: 62.5%;
}
#gallery .images .image .image-background {
    display: block;
    position: absolute;
    background-size: cover;
    background-position: center center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#gallery .images .image .btn {
    display: block;
    position: absolute;
    background: #F6F6F7;
    border: none;
    border-radius: 0;
    top: 10px;
    width: 25px;
    height: 25px;
    padding: 0;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    color: #FFF;
    z-index: 120;
    cursor: pointer;
}
#gallery .images .image:hover .btn {
    display: block;
}
#gallery .images .image .btn i {
    margin: 0;
}
#gallery .images .image .view-image {
    background: #009ce7;
    right: 80px;
}
#gallery .images .image .edit-image {
    background: #009ce7;
    right: 45px;
}
#gallery .images .image .delete-image {
    background: #d9534f;
    right: 10px;
}
#gallery .images .image .count {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    padding: 5px;
    font-size: 13px;
    color: #ffffff;
    cursor: default;
}

#rightGallery .alert {
  display: none;
  position: relative;
  margin-right: 28px;
}
#rightGallery .alert .close {
  position: absolute;
  right: 5px;
  top: 0;
}

#rightGallery #loading {
  display: none;
  border: 1px solid #f5f5f5;
  height: 100px;
  margin: 20px 28px 20px 0;
  font-size: 40px;
  line-height: 100px;
  color: #333;
  text-align: center;
}
#rightGallery .edit-btn {
  margin-right: 0;
  padding-right: 1em;
}
#rightGallery .edit-btn .btn {
  margin-bottom: 15px;
}
#rightGallery .edit-btn #addPhoto {
  position: absolute;
  left: -10000px;
}
#rightGallery .edit-btn #popupImageGallery i {
  color: #009ce7;
}