/* CSS Document */

@font-face { 
  font-family: 'nexa-book';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/nexa-book.eot');
  src: local('☺'), url('../fonts/nexa-book.woff') format('woff'), url('../fonts/nexa-book.ttf') format('truetype'), url('../fonts/nexa-book.svg') format('svg');	
}

@font-face { 
  font-family: 'nexa-bold';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/nexa-bold.eot');
  src: local('☺'), url('../fonts/nexa-bold.woff') format('woff'), url('../fonts/nexa-bold.ttf') format('truetype'), url('../fonts/nexa-bold.svg') format('svg');
}

@font-face { 
  font-family: 'nexa-light';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/nexa-light.eot');
  src: local('☺'), url('../fonts/nexa-light.woff') format('woff'), url('../fonts/nexa-light.ttf') format('truetype'), url('../fonts/nexa-light.svg') format('svg');
}

@font-face { 
  font-family: 'UKNumberPlate';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/UKNumberPlate.eot');
  src: local('☺'), url('../fonts/UKNumberPlate.woff') format('woff'), url('../fonts/UKNumberPlate.ttf') format('truetype'), url('../fonts/UKNumberPlate.svg') format('svg');
}

html, body { height: 100%; /* The html and body elements cannot have any padding or margin. */ }

/* Wrapper for page content to push down footer */
#wrap { 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; /* Negative indent footer by it's height */ 
    margin: 0 auto -60px; 
}

#push { height: 60px; }

body { 
    font-family: 'nexa-book'; 
    font-size: 18px; 
    color: #676767; 
}

h1 { 
    padding-bottom: 10px; 
    color: #ff6000; 
}

h2 { 
    border-bottom: dotted 1px #bcbcbc; 
    margin-bottom: 15px; 
}

body#home h1 { border-bottom: none; }

#page-wrapper .container { padding-bottom: 60px; }

.row2 { margin-top: 30px; }

.transition5s {
    -webkit-transition: 0.5s ease all; 
       -moz-transition: 0.5s ease all;
            transition: 0.5s ease all;
}


/* SUBNAV */
.subnav { margin-bottom: 20px; }

.subnav .creative-nav, .subnav .technical-nav, .subnav .system-nav { 
    display: block; 
    height: 52px; 
    background: #f8f8f8; 
    border-left: solid 1px #e7e7e7; 
    border-right: solid 1px #e7e7e7; 
    border-bottom: solid 1px #e7e7e7; 
}

.subnav a { 
    position: relative; 
    display: inline-block; 
    margin: 15px 25px; 
    outline: none; 
    color: #676767; 
    text-decoration: none; 
    letter-spacing: 1px;
    font-weight: 400; 
    text-shadow: 0 0 1px rgba(255,255,255,0.3); 
    font-size: 1em;
    padding: 0 0 10px;
}

.subnav a:hover, .subnav a:focus { 
    outline: none; 
    color: #3ebab4; 
}

.subnav a::after { 
    position: absolute; 
    top: 90%; 
    left: 0; 
    width: 100%; 
    height: 1px; 
    background: #3ebab4; 
    content: ''; 
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; 
       -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
            transition: height 0.3s, opacity 0.3s, transform 0.3s;
     -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
             transform: translateY(-2px); 
}

.subnav a:hover::after, .subnav a:focus::after { 	
    height: 5px; 
    opacity: 1; 
    -webkit-transform: translateY(0px); 
       -moz-transform: translateY(0px); 
            transform: translateY(0px); 
}

body#wallpapers .subnav a.wallpaper-nav::after,
body#affinities .subnav a.affinity-nav::after,
body#trims .subnav a.trim-nav::after,
body#swatches .subnav a.swatch-nav::after,
body#categories .subnav a.category-nav::after,
body#manufacturers .subnav a.manufacture-nav::after,
body#plates .subnav a.plate-nav::after,
body#vehicles .subnav a.vehicle-nav::after,
body#previews .subnav a.preview-nav::after,
body#sitemaintenance .subnav a.maintenance-nav::after,
body#sycnronisation .subnav a.sync-nav::after,
body#logs .subnav a.log-nav::after,
body#configs .subnav a.config-nav::after,
body#configured .subnav a.config-nav::after { 
    opacity: 1; 
    height: 5px; 
    -webkit-transform: translateY(0px); 
       -moz-transform: translateY(0px); 
            transform: translateY(0px);
}

body#wallpapers .subnav a.wallpaper-nav,
body#affinities .subnav a.affinity-nav,
body#trims .subnav a.trim-nav,
body#swatches .subnav a.swatch-nav,
body#categories .subnav a.category-nav,
body#manufacturers .subnav a.manufacture-nav,
body#plates .subnav a.plate-nav,
body#vehicles .subnav a.vehicle-nav,
body#previews .subnav a.preview-nav,
body#sitemaintenance .subnav a.maintenance-nav,
body#sycnronisation .subnav a.sync-nav,
body#logs .subnav a.log-nav,
body#configured .subnav a.config-nav { 
    color: #3ebab4; 
}
                      
body#login .subnav,                                                                              
body#dashboard .subnav,
body#settings .subnav,
body#home .subnav,
body#accountslist .subnav,
body#plugins .subnav { 
    display: none; 
}

body#wallpapers .technical-nav,
body#wallpapers .system-nav,
body#affinities .technical-nav,
body#affinities .system-nav,
body#trims .technical-nav,
body#trims .system-nav,
body#swatches .technical-nav,
body#swatches .system-nav,
body#categories .technical-nav,
body#categories .system-nav,
body#manufacturers .creative-nav,
body#manufacturers .system-nav,
body#plates .creative-nav,
body#plates .system-nav,
body#vehicles .creative-nav,
body#vehicles .system-nav, 
body#previews .creative-nav,
body#previews .system-nav,
body#sitemaintenance .creative-nav,
body#sitemaintenance .technical-nav,
body#syncronisation .creative-nav,
body#syncronisation .technical-nav,
body#logs .creative-nav,
body#logs .technical-nav,
body#configured .system-nav,
body#configured .technical-nav,
body#soloplates .system-nav,
body#soloplates .creative-nav { 
    display: none; 
}


/* HOMEPAGE */
a.index-link { 
    display: block; 
    background: rgba(0,0,0,0.05); 
    border-radius: 10px; 
    width: 100%; 
    padding: 20px; 
    height: 130px; 
    position: relative; 
    overflow: hidden; 
}

a.index-link span { 
    position: absolute; 
    background: rgba(0,0,0,0.7); 
    width: 100%; 
    height: 40px; 
    left: 0; 
    bottom: 0; 
    line-height: 45px; 
    text-align: center; 
    color: #fff;
    -webkit-transition: 0.3s ease all;
       -moz-transition: 0.3s ease all; 
            transition: 0.3s ease all; 
}

a.index-link:hover span { 
    height: 50px; 
    background: rgba(62,186,180,1); 
    box-shadow: 0px -3px 5px 0px rgba(50, 50, 50, 0.75); 
}

a.wallpaper-link { 
    background: url(../images/home/wallpaper-button.jpg) no-repeat center center; 
    background-size: cover; 
    border: solid 1px #676767; 
}

a.affinity-link { 
    background: url(../images/home/affinity-button.jpg) no-repeat center center; 
    background-size: cover; 
    border: solid 1px #676767; 
}

a.trim-link { 
    background: url(../images/home/trim-button.jpg) no-repeat center center; 
    background-size: cover; 
    border: solid 1px #676767; 
}

a.preview-link { 
    background: url(../images/home/preview-button.jpg) no-repeat center center; 
    background-size: cover; 
    border: solid 1px #676767; 
}

a.plate-link { 
    background: url(../images/home/plate-button.jpg) no-repeat center center; 
    background-size: cover; 
    border: solid 1px #676767; 
}

a.manufacturer-link { 
    background: url(../images/home/manufacturer-button.jpg) no-repeat center center; 
    background-size: cover; 
    border: solid 1px #676767; 
}

a.vehicle-link { 
    background: url(../images/home/vehicle-button.jpg) no-repeat center center; 
    background-size: cover; 
    border: solid 1px #676767; 
}

a.vehicle-link { 
    background: url(../images/home/postcode-button.jpg) no-repeat center center; 
    background-size: cover; 
    border: solid 1px #676767; 
}

a.inspire-link { 
    background: url(../images/home/inspiration-button.jpg) no-repeat center center; 
    background-size: cover; 
    border: solid 1px #676767; 
}

a.swatch-link { 
    background: url(../images/home/swatch-button.jpg) no-repeat center center; 
    background-size: cover; 
    border: solid 1px #676767; 
}

a.category-link { 
    background: url(../images/trims/transparent-checker.png) no-repeat center center; 
    background-size: cover; 
    border: solid 1px #676767; 
}

a.maintenance-link { 
    background: url(../images/home/maintenance-button.jpg) no-repeat center center; 
    background-size: cover; 
    border: solid 1px #676767; 
}

a.sync-link { 
    background: url(../images/home/syncronisation-button.jpg) no-repeat center center; 
    background-size: cover; 
    border: solid 1px #676767; 
}

a.logs-link { 
    background: url(../images/home/logs-button.jpg) no-repeat center center; 
    background-size: cover; 
    border: solid 1px #676767; 
}

a.config-link { 
    background: url(../images/home/config-button.jpg) no-repeat center center; 
    background-size: cover; 
    border: solid 1px #676767; 
}

/* WALLPAPER */

.category-list-title { 
    display: block; 
    border-bottom: 1px dotted #bcbcbc; 
    overflow: hidden; 
    height: 54px; 
    margin-bottom: 30px; 
}

.category-list-title h2 { 
    float: left; 
    width: 350px; 
    border-bottom: none; 
}

.category-list-title .change-order { 
    float: right; 
    margin: 15px 5px 0 0; 
}

.category-list-title .save-order { 
    float: right; 
    margin: 15px 5px 0 0; 
    display: none; 
}

.category a.order-category { 
    float: right; 
    display: block; 
    width: 11%; 
    font-size: 16px; 
    line-height: 50px; 
    color: #9d9d9d; 
    text-decoration: none; 
    cursor: pointer; 
    margin-top: 2px; 
}

.category a.order-category:hover { color: #676767; }

.category-list-title a.close-edit { 
    float: right; 
    display: block; 
    width: 15%; 
    font-size: 16px; 
    line-height: 50px; 
    color: #bcbcbc; 
    text-decoration: none; 
    cursor: pointer; 
    margin-top: 12px;
    opacity: 1; 
    filter: alpha(opacity=100); 
}

.category-list-title a.close-edit:hover { color: #676767; }

.category:hover .order-category { color: #fff; }

.search-form { margin-bottom: 15px; }

#thumbnail-gallery { z-index: 1; }

#thumbnail-gallery ol { 
    list-style: none; 
    padding: 0; 
    margin: 0; 
}

#thumbnail-gallery ol li { 
    display: block; 
    margin-bottom: 15px; 
}

#thumbnail-gallery ol li .category { 
    display: block; 
    width: 100%; 
    height: 45px; 
    background: #bcbcbc; 
    font-size: 22px; 
    color: #fff; 
    text-decoration: none; 
    padding: 0 15px;
    line-height: 50px; 
    -webkit-transition: 0.3s ease all;
       -moz-transition: 0.3s ease all;
            transition: 0.3s ease all; 
}

#thumbnail-gallery ol li .category a.order-thumbs { 
    float: right; 
    width: 11%; 
    font-size: 16px; 
    line-height: 50px; 
    color: #fff; 
    text-decoration: none; 
    cursor: pointer; 
}

#thumbnail-gallery ol li .category a.order-category { 
    float: right; 
    display: none; 
    width: 11%; 
    font-size: 16px; 
    line-height: 50px; 
    color: #9d9d9d; 
    text-decoration: none; 
    cursor: pointer; 
    margin-top: 2px; 
}

#thumbnail-gallery ol li .category a.order-category:hover { color: #fff; }

#thumbnail-gallery ol li .category:hover .order-category { color: #fff; }

#thumbnail-gallery ol li .active-category { background: #3ebab4; }

#thumbnail-gallery ol li .active-category .glyphicon-chevron-down:before { content: "\e113" !important; }

#thumbnail-gallery ol li .active-category .order-category { color: #fff !important; }

#thumbnail-gallery ol li .category:hover { background: #3ebab4; }

#thumbnail-gallery ol li .category .small { font-size: 15px; }

#thumbnail-gallery ol li .category .category-name { 
    display: block; 
    width: 88%; 
    color: #fff; 
    text-decoration: none; 
    float: left; 
}

#thumbnail-gallery ol li a.order { 
    float: right; 
    display: block; 
    width: 12%; 
    font-size: 16px; 
    line-height: 50px; 
    color: #fff; 
    text-decoration: none; 
    cursor: pointer; 
}

#thumbnail-gallery ol li ul { 
    overflow: hidden; 
    width: 100%; 
    display: none; 
    margin: 0; 
    padding: 0; 
}

#thumbnail-gallery ol li ul li { 
    width: 50%; 
    height: 100px; 
    position: relative; 
    float: left; 
    overflow: hidden; 
}

#thumbnail-gallery ol li ul li .thumbnail-container { 
    position: absolute; 
    left: 0; 
    right: 0; 
    width: 90%; 
    height: 100%; 
    overflow: hidden; 
}

#thumbnail-gallery ol li ul li .caption { 
    position: absolute; 
    height: 100px; 
    width: 300px; 
    background: rgba(0,0,0,0.7); 
    padding: 10px; 
    top: 300px; 
    bottom: 0; 
    right: 0; 
    left: 0; 
    margin: auto;
    z-index: 2; 
    color: #fff; 
    -webkit-transition: 0.5s ease all;
       -moz-transition: 0.5s ease all;
            transition: 0.5s ease all; 
}

#thumbnail-gallery ol li ul li:hover .caption { top: 0; }

#thumbnail-gallery ol li ul li .caption .info { 
    display: block; 
    margin-bottom: 10px; 
}

#thumbnail-gallery ol li ul li .caption h3 { 
    font-size: 16px; 
    margin: 0; 
}

#thumbnail-gallery ol li ul li .caption p { font-size: 12px; }

#thumbnail-gallery ol li ul li .caption .edit { 
    color: #fff; 
    padding: 0 30px 0 0; 
    text-decoration: none; 
}

#thumbnail-gallery ol li ul li .caption .edit .glyphicon { color: #7eb514; }

#thumbnail-gallery ol li ul li .caption .delete { 
    color: #fff; 
    padding: 0 30px 0 0; 
    text-decoration: none; 
}

#thumbnail-gallery ol li ul li .caption .delete .glyphicon { color: #e10000; }

#thumbnail-gallery ol li ul li img { 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    right: 0; 
    left: 0; 
    margin: auto; 
    width: auto; 
    height: 100%; 
}

#thumbnail-gallery ol li ul li ul { 
    width: 300px; 
    height: 100%; 
    display: block; 
    position: absolute; 
    left: 0; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    margin: auto;
    background: url(../images/trims/transparent-checker.png); 
}

#thumbnail-gallery ol li ul li ul li { width: 10%; } 

#thumbnail-gallery ol li ul li ul li#t10 { width: 9%; }

#thumbnail-gallery ol li ul li ul li.last { width: 1%; }

.lowres-preview, .thumbnail-preview { background-position: 50% 50%; }

.image-form { 
    padding: 0 15px 15px; 
    background: #f8f8f8; 
    overflow: hidden; 
    margin: 0 0 50px; 
}

.image-form hr { clear: both; }

.image-form .btn { 
    padding: 8px 40px 3px;
    -webkit-transition: 0.3s ease all;
       -moz-transition: 0.3s ease all; 
            transition: 0.3s ease all; 
}

.image-form .hires-preview { 
    position: relative; 
    display: block; 
    width: 47%; 
    height: 135px; 
    border: dotted 1px #676767; 
    border-radius: 5px; 
    margin-bottom: 10px;
    text-align: center; 
    line-height: 140px; 
    overflow: hidden; 
    float: left; 
}

body#wallpapers .image-form .hires-preview { 
    position: relative; 
    display: block; 
    width: 100%; 
    height: 90px; 
    border: dotted 1px #676767; 
    border-radius: 5px; 
    margin-bottom: 10px;
    text-align: center; 
    line-height: 95px; 
    overflow: hidden; 
    float: left; 
}

.image-form .hires-preview.mini-hires { float: right; }

.image-form .hires-preview img { 
    width: 100%; 
    height: auto; 
 }
 
.image-form .low-res-upload { 
    display: inline-block; 
    float: left; 
    width: 47%;
}

.image-form .lowres-preview { 
    position: relative; 
    display: block; 
    width: 100%; 
    height: 65px; 
    float: left; 
    border: dotted 1px #676767; 
    border-radius: 5px; 
    text-align: center;
    line-height: 70px; 
    margin-bottom: 15px; 
    overflow: hidden; 
}

body#wallpapers .image-form .lowres-preview { 
    position: relative; 
    display: block; 
    width: 100%; 
    height: 90px; 
    float: left; 
    border: dotted 1px #676767; 
    border-radius: 5px; 
    text-align: center;
    line-height: 95px; 
    margin-bottom: 10px; 
    overflow: hidden; 
}

.image-form .lowres-preview img { 
    width: 100%; 
    height: auto; 
}

.image-form .thumbnail-preview { 
    position: relative; 
    display: block; 
    width: 100%; 
    height: 190px; ;  
    text-align: center; 
    margin-bottom: 15px; 
    overflow: hidden; 
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #fff;
}

body#wallpapers .image-form .thumbnail-preview { 
    position: relative; 
    display: block; 
    width: 100%; 
    height: 122px;  
    text-align: center;
    margin-bottom: 20px; 
    overflow: hidden; 
}

.image-form .thumbnail-preview img { 
    width: 100%; 
    height: auto; 
}

.image-form .upload-resolution { 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    width: 100%; 
    height: 30px; 
    line-height: 35px; 
    color: #fff; 
    text-align: center; 
    background: rgba(0,0,0,0.5); 
}

.image-form .uploads { clear: both; }

.image-form .uploads .upload-area { 
    display: block;  
    width: 100%;  
    border: dashed 2px #676767; 
    border-radius: 5px; 
    padding: 20px 25px 15px; 
    text-align: center; 
    font-size: 16px;  
    margin-bottom: 5px;
    position: relative;
 }
 
 .image-form .uploads .upload-area i {
     position: absolute;
     right: -10%;
     top: 30%;
     font-size: 22px;
     color: #00A920;
 }
 
 .image-form .uploads .upload-area.added i {
     right: 25px;
 }
 
 .image-form .uploads h4 {
     margin-top: 30px;
 }
     
 
/*.image-form .uploads .lowres-upload { 
    display: block; 
    float: left; 
    width: 31%; 
    height: 80px; 
    border: dashed 2px #676767; 
    border-radius: 5px; 
    padding: 10px; 
    text-align: center; 
    font-size: 16px;
    line-height: 20px; 
    margin-right: 3.5%; 
}

.image-form .uploads .thumbnail-upload { 
    display: block; 
    float: left; 
    width: 31%; 
    height: 80px; 
    border: dashed 2px #676767; 
    border-radius: 5px; 
    padding: 20px 10px; 
    text-align: center; 
    font-size: 16px;
    line-height: 20px; 
    margin-bottom: 15px; 
} */

.image-form .uploads .hires-plate-upload { 
    display: block; 
    float: left; 
    width: 100%; 
    height: 103px; 
    border: dashed 2px #676767; 
    border-radius: 5px; 
    padding: 20px 10px; 
    text-align: center; 
    font-size: 16px;
    line-height: 60px;
    margin: 0 5% 15px 0; 
}

.image-form .uploads .lowres-plate-upload { 
    display: block; 
    float: left; 
    width: 100%; 
    height: 102px; 
    border: dashed 2px #676767; 
    border-radius: 5px; 
    padding: 20px 10px; 
    text-align: center; 
    font-size: 16px;
    line-height: 60px; 
    margin-bottom: 15px; 
}

.image-form .uploads .upload-button { 
    display: block; 
    text-align: center; 
    padding: 15px 0 10px; 
    background: #85ded9; 
    border-radius: 7px; 
    color: #676767; 
    text-align: center; 
    clear: both;
    -webkit-transition: 0.3s ease all;
       -moz-transition: 0.3s ease all;
            transition: 0.3s ease all; 
    text-decoration: none;
}

.image-form .uploads .upload-button:hover { 
    background: #3ebab4; 
    color: #fff; 
}

.image-form .half { 
    width: 48%; 
    float: left; 
}

.image-form .left { margin-right: 4%; }

.image-form .plate-warning { 
    border: solid 1px red; 
    padding: 10px; 
    border-radius: 5px; 
    margin-bottom: 15px; 
}

.image-form .vehicle-description { 
    display: inline-block; 
    width: 50%; 
}

.indent { text-indent: -9000px; }





/* Modal */
.modal-header h2                                                            { color: #ff6000; border-bottom: none; }

/* Card Flip */
.flip-container                                                             { width: 471px; height: 1274px; position: relative; perspective: 1000px; padding: 0; z-index: 1; }
body#wallpapers .flip-container                                             { height: 1020px; }
body#affinities .flip-container                                             { height: 1600px; }
body#trims .flip-container                                                  { height: 1630px; }
body#plates .flip-container                                                 { height: 1125px; }

#card                                                                       { width: 100%; height: 100%; position: absolute; 
																		                                          -webkit-transition: -webkit-transform 1.2s; -moz-transition: -moz-transform 1.2s; -o-transition: -o-transform 1.2s; transition: transform 1.2s;
      																	                                      -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d;
																		                                          -webkit-transform-origin: right center; -moz-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; }
#card.flipped                                                               { -webkit-transform: translateX( -100% ) rotateY( -180deg ); -moz-transform: translateX( -100% ) rotateY( -180deg ); 
                                                                              -o-transform: translateX( -100% ) rotateY( -180deg ); transform: translateX( -100% ) rotateY( -180deg ); }
#card figure                                                                { display: block; height: 100%; width: 100%; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; 
                                                                              -o-backface-visibility: hidden; backface-visibility: hidden; }
#card .front                                                                { -webkit-transform: translateZ(0px); background: #f8f8f8; padding: 15px; }
#card .back                                                                 { -webkit-transform: rotateY( 180deg ) translateZ(0px); -moz-transform: rotateY( 180deg ); -o-transform: rotateY( 180deg ); 
                                                                              transform: rotateY( 180deg ); background: #f8f8f8; padding: 10px; }

/* AFFINITY PAGE */

body#affinities #thumbnail-gallery ol li ul li                              { width: 28%; height: 270px; }
body#affinities #thumbnail-gallery ol li ul li img                          { width: 95%; height: auto; }
body#affinities #thumbnail-gallery ol li ul li .caption                     { position: absolute; height: 270px; width: 95%; background: rgba(0,0,0,0.7); padding: 30px; top: 618px; bottom: 0; right: 0; left: 0; margin: auto; 
                                                                              z-index: 2; color: #fff; transition: 0.5s ease all; -moz-transition: 0.5s ease all; -webkit-transition: 0.5s ease all; }
body#affinities #thumbnail-gallery ol li ul li:hover .caption               { top: 0; } 
body#affinities #thumbnail-gallery ol li ul li .caption .edit               { display: block; width: 100%; margin-bottom: 10px; }
body#affinities #ex1Slider .slider-selection                                { background: #BABABA; }
.btn-default.active                                                         { color: #fff; background-color: #ff6000; border-color: #D15103; }

/* TRIMS PAGE */
.master-entry                                                               { width: 100%; margin: 0 1% 15px 0; padding: 10px; background: #e9e9e9; border-radius: 0; float: left; }
.master-entry label                                                         { width: 110px; }
.master-entry input                                                         { width: 85px; }
.master-entry .hex input                                                    { margin-right: 10px; }

.trim-entry                                                                 { width: 49%; margin: 0 1% 15px 0; padding: 10px; background: #e9e9e9; border-radius: 0; float: left; }
.trim-entry label                                                           { width: 110px; }
.trim-entry input                                                           { width: 80px; }

.trimpreview                                                                { list-style: none; padding: 0; margin: 0; width: 100%; height: 100px; margin-bottom: 25px; }
.trimpreview li                                                             { float: left; width: 9.9%; background: #676767; text-align:center; color: #fff; height: 100%; font-size: 14px; padding-top: 10px; }
.trimpreview li#et10                                                        { width: 9%; }
.trimpreview li.last                                                        { width: 1%; }

/* COLOUR SWATCH PAGE */
.swatch-list-container .swatch-list                                         { list-style: none; padding: 0; margin: 0; overflow: hidden; }
.swatch-list-container .swatch-list li                                      { float: left; width: 150px; height: 135px; display: block; margin-bottom: 20px; }
.swatch-list-container .swatch-list span                                    { display: block; width: 90%; height: 50px; margin: 0 auto; border-radius: 5px; margin-bottom: 15px; position: relative; overflow: hidden; }
.swatch-list-container .swatch-list span.empty-swatch                       { border: dotted 1px #bcbcbc; text-align: center; padding-top: 15px; }
.swatch-list-container .swatch-list span a.delete-swatch                    { position: absolute; display: block; width: 100%; height: 50px; background: #990000; text-align: center; padding-top: 15px; top: 50px; 
                                                                              text-decoration: none; color: #fff; cursor: pointer; transition: 0.3s ease all; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; }
.swatch-list-container .swatch-list span a.swatch-handle                    { position: absolute; top: 0; left: 0; width: 100%; height: 50px; cursor: pointer; text-decoration: none; text-align: center; padding-top: 15px; 
                                                                              color: #fff; font-size: 18px; display: none; }
.swatch-list-container .swatch-list span:hover a.delete-swatch              { top: 0; }
.swatch-list-container .swatch-list input                                   { display: block; width: 90%; padding: 5px 0 0 5px; margin: 0 auto 5px; }

.swatch-list-container .update-button                                       { position: relative; z-index: 1; border-top: 1px dotted #bcbcbc; padding-top: 15px; }
.swatch-list-container .update-button a                                     { position: relative; display: inline-block; margin: 15px 25px; outline: none; color: #fff; text-decoration: none; text-transform: uppercase; 
                                                                              letter-spacing: 1px; font-weight: 400; text-shadow: 0 0 1px rgba(255,255,255,0.3); font-size: 1.35em; }
.swatch-list-container .update-button a:hover,
.swatch-list-container .update-button a:focus                               { outline: none; }
.swatch-list-container .update-button a                                     { overflow: hidden; margin: 0 7px; }
.swatch-list-container .update-button a span                                { display: block; padding: 10px 65px 4px; background: #3ebab4; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; 
                                                                              transition: transform 0.3s; }
.swatch-list-container .update-button a::before                             { position: absolute; top: 0; left: 0; z-index: -1; padding: 10px 65px 4px; width: 100%; height: 100%; background: #fff; color: #3ebab4; 
                                                                              content: attr(data-hover); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; 
                                                                              -webkit-transform: translateX(-25%); }
.swatch-list-container .update-button a:hover span,
.swatch-list-container .update-button a:focus span                          { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); }

.swatch-list-container .update-button a:hover::before,
.swatch-list-container .update-button a:focus::before                       { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); transform: translateX(0%); }

/* MANUFACTURER LIST */
.manufacturer-input                                                         { padding: 20px 20px 30px; background: #f8f8f8; border-radius: 5px; margin-bottom: 50px; }
.manufacturer-input #manufacture-in,
.manufacturer-input #models-in                                              { width: 100%; padding: 4px 0 0 10px; margin: 0 20px 20px 0; }

.manufacturer-edit                                                          { padding: 20px 20px 30px; background: #f8f8f8; border-radius: 5px; margin-bottom: 50px; display: none; }
.manufacturer-edit #manufacture-edit                                        { width: 100%; padding: 4px 0 0 10px; margin: 0 20px 20px 0; }
.manufacturer-edit #models-edit                                             { width: 100%; padding: 4px 0 0 10px; margin: 0 20px 20px 0; }
.manufacturer-edit .man-left                                                { margin-bottom: 20px; }

.man-left                                                                   { display: inline-block; width: 360px; margin-right: 10px; }
.man-right                                                                  { display: inline-block; width: 725px; }

.manufacturer-input input[type=checkbox],
.manufacturer-edit input[type=checkbox]                                     { visibility: hidden; }
.checkboxFour                                                               { width: 30px; height: 30px;	background: #bcbcbc; margin: 20px 170px 0 0;	border-radius: 100%; position: relative; 
                                                                              -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5); box-shadow: 0px 1px 3px rgba(0,0,0,0.5); 
                                                                              float: left; }
.checkboxFour label                                                         { display: block; width: 20px; height: 20px; border-radius: 100px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; 
                                                                              -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; cursor: pointer; position: absolute; top: 5px; left: 5px; 
                                                                              z-index: 1; background: #636363; -webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5); -moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5); 
                                                                              box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5); }
.checkboxFour label span                                                    { margin-left: 40px; }
.checkboxFour input[type=checkbox]:checked + label                          { background: #ff6000; }
.clear                                                                      { clear: both; display: block; height: 15px; border-bottom: 1px dotted #bcbcbc; margin-bottom: 15px;  }

.current-manufacturers                                                      { list-style: none; padding: 0; margin: 0 0 60px; }
.current-manufacturers li                                                   { padding: 10px 10px 5px; border-bottom: solid 1px #f8f8f8; }
.current-manufacturers .headers                                             { background: #f8f8f8; padding: 10px 10px 5px; }
.current-manufacturers .list-id                                             { display: inline-block; width: 60px; border-right: dotted 1px #676767; margin-right: 5px; }
.current-manufacturers .list-applicable                                     { display: inline-block; width: 120px; border-right: dotted 1px #676767; margin-right: 5px; }
.current-manufacturers .list-manufacturer                                   { display: inline-block; width: 575px; border-right: dotted 1px #676767; margin-right: 5px; }
.current-manufacturers .list-logo                                           { display: inline-block; width: 100px; border-right: dotted 1px #676767; margin-right: 5px; text-align: center; }
.current-manufacturers .list-count                                          { display: inline-block; width: 130px; border-right: dotted 1px #676767; text-align: center; }
.current-manufacturers .list-buttons                                        { display: inline-block; width: 220px; }

/* PLATE FILES */
body#plates .inner-list li                                                  { width: 100%; height: auto; margin: 0; padding: 5px 0; }
body#plates .inner-list li.titles                                           { background: #f8f8f8; padding: 0; }
body#plates .inner-list li.titles span                                      { border-right: 1px solid #fff; }
body#plates .inner-list li.titles span.buttons                              { border-right: none; }
body#plates .inner-list .plate-id                                           { display: inline-block; border-right: 1px dotted #bcbcbc; height: 35px; line-height: 40px; width: 50px; }
body#plates .inner-list .plate-title                                        { display: inline-block; border-right: 1px dotted #bcbcbc; height: 35px; line-height: 40px; width: 310px; }
body#plates .inner-list .product-code                                       { display: inline-block; border-right: 1px dotted #bcbcbc; height: 35px; line-height: 40px; width: 140px; }
body#plates .inner-list .buttons                                            { display: inline-block; border-right: none; height: 35px; line-height: 40px; width: 130px; }

/* SOLO PLATE FILES */
body#soloplates .inner-list li                                                  { width: 100%; height: auto; margin: 0; padding: 5px 0; }
body#soloplates .inner-list li.titles                                           { background: #f8f8f8; padding: 0; }
body#soloplates .inner-list li.titles span                                      { border-right: 1px solid #fff; }
body#soloplates .inner-list li.titles span.buttons                              { border-right: none; }
body#soloplates .inner-list .plate-id                                           { display: inline-block; border-right: 1px dotted #bcbcbc; height: 35px; line-height: 40px; width: 50px; }
body#soloplates .inner-list .plate-title                                        { display: inline-block; border-right: 1px dotted #bcbcbc; height: 35px; line-height: 40px; width: 310px; }
body#soloplates .inner-list .product-code                                       { display: inline-block; border-right: 1px dotted #bcbcbc; height: 35px; line-height: 40px; width: 140px; }
body#soloplates .inner-list .buttons                                            { display: inline-block; border-right: none; height: 35px; line-height: 40px; width: 130px; }

/* VEHICLE LIST */
.add-vehicle                                                                { margin-bottom: 20px; width: 400px; padding: 15px 12px 12px; font-size: 18px; }

body#vehicles .add                                                          { display: none; background: #f8f8f8; margin-bottom: 50px; }
body#vehicles .edit                                                         { display: none; background: #f8f8f8; margin-bottom: 50px; }

body#vehicles .flip-container                                               { width: 100%; height: 720px; display: none; }
body#vehicles .image-form h3                                                { border-bottom: solid 1px #e9e9e9; }
body#vehicles .image-form .uploads                                          { display: inline-block; width: 40%; vertical-align: top; margin-right: 3%; }
body#vehicles .image-form .information                                      { display: inline-block; width: 20%; }
body#vehicles .image-form .dimensions                                       { display: inline-block; width: 100%; margin-right: 3%; vertical-align: top; }
body#vehicles .image-form .usage                                            { display: inline-block; width: 50%; margin-left: 25%; }
body#vehicles .image-form .usage .buttons                                   { padding-top: 10px; }
body#vehicles .image-form .information                                      { display: inline-block; width: 48%; margin-right: 1%; }
body#vehicles .image-form .vehicle-description                              { display: inline-block; width: 50%; vertical-align: top; }
body#vehicles .image-form .vehicle-description textarea                     { height: 192px; }
body#vehicles .image-form .vehicle-plates                                   { overflow: hidden; }
body#vehicles .image-form .model-colours                                    { display: inline-block; width: 48%; vertical-align: top; margin-right: 2%; }
body#vehicles .image-form .model-compat                                     { display: inline-block; width: 48%; vertical-align: top; }
body#vehicles .image-form .btn                                              { padding: 15px 40px 11px; width: 49.5%; margin: 10px 0; }
body#vehicles .image-form #vehicle-year-to,
body#vehicles .image-form #vehicle-year-from,
body#vehicles .image-form #vehicle-code                                     { display: inline-block; width: 174px; }

.model-colours .swatch-list                                                 { list-style: none; padding: 0; margin: 0; overflow: hidden; }
.model-colours .swatch-list li                                              { float: left; width: 220px; height: 190px; display: block; margin-bottom: 20px; }
.model-colours .swatch-list span                                            { display: block; width: 90%; height: 50px; margin: 0 auto; border-radius: 5px; margin-bottom: 15px; position: relative; overflow: hidden; }
.model-colours .swatch-list span.empty-swatch                               { border: dotted 1px #bcbcbc; text-align: center; padding-top: 15px; }
.model-colours .swatch-list span a.delete-swatch                            { position: absolute; display: block; width: 100%; height: 50px; background: #990000; text-align: center; padding-top: 15px; top: 50px; 
                                                                              text-decoration: none; color: #fff; cursor: pointer; transition: 0.3s ease all; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; }
.model-colours .swatch-list span a.swatch-handle                            { position: absolute; top: 0; left: 0; width: 100%; height: 50px; cursor: pointer; text-decoration: none; text-align: center; padding-top: 15px; 
                                                                              color: #fff; font-size: 18px; display: none; }
.model-colours .swatch-list span:hover a.delete-swatch                      { top: 0; }
.model-colours .swatch-list input                                           { display: block; width: 90%; padding: 5px 0 0 5px; margin: 0 auto; }

#vehicle-gallery                                                            { z-index: 1; }
#vehicle-gallery ol                                                         { list-style: none; padding: 0; margin: 0; }
#vehicle-gallery ol li                                                      { display: block; margin-bottom: 15px; }
#vehicle-gallery ol li .category                                            { display: block; width: 100%; height: 45px; background: #bcbcbc; font-size: 22px; color: #fff; text-decoration: none; padding: 0 15px; 
                                                                              line-height: 50px; transition: 0.3s ease all; -moz-transition: 0.3s ease all; -webkit-transition: 0.3s ease all;  }
#vehicle-gallery ol li .category a.order-category                           { float: right; display: none; width: 11%; font-size: 16px; line-height: 50px; color: #9d9d9d; text-decoration: none; cursor: pointer; margin-top: 2px; }
#vehicle-gallery ol li .category a.order-category:hover                     { color: #fff; }
#vehicle-gallery ol li .category:hover .order-category                      { color: #fff; }
#vehicle-gallery ol li .active-category                                     { background: #3ebab4; }
#vehicle-gallery ol li .active-category .glyphicon-chevron-down:before      { content: "\e113" !important; }
#vehicle-gallery ol li .active-category .order-category                     { color: #fff !important; }
#vehicle-gallery ol li .category:hover                                      { background: #3ebab4; }
#vehicle-gallery ol li .category .small                                     { font-size: 15px; }
#vehicle-gallery ol li .category .category-name                             { display: block; width: 88%; color: #fff; text-decoration: none; float: left; }
#vehicle-gallery ol li a.order                                              { float: right; display: block; width: 12%; font-size: 16px; line-height: 50px; color: #fff; text-decoration: none; cursor: pointer; }
#vehicle-gallery ol li ul                                                   { overflow: hidden; width: 100%; margin: 0; padding: 0; display: none; }
#vehicle-gallery ol li ul li.list                                           { width: 100%; height: 40px; line-height: 45px; position: relative; float: left; overflow: hidden; margin: 4px 0; }
#vehicle-gallery ol li ul li.titles                                         { background: #f8f8f8; height: 35px; line-height: 40px; margin: 0; }
#vehicle-gallery ol li ul li.titles div                                     { border-right: 3px solid #fff !important; } 
#vehicle-gallery ol li ul li .model                                         { display: block; width: 100%; height: 35px; background: #e3e3e3; font-size: 22px; color: #fff; text-decoration: none; padding: 0 15px; 
                                                                              line-height: 40px; transition: 0.3s ease all; -moz-transition: 0.3s ease all; -webkit-transition: 0.3s ease all;  }
#vehicle-gallery ol li ul li .model a.order-category                        { float: right; display: block; font-size: 16px; line-height: 35px; color: #9d9d9d; text-decoration: none; cursor: pointer; margin-top: 2px; }
#vehicle-gallery ol li ul li .model .category a.order-category:hover        { color: #fff; }
#vehicle-gallery ol li ul li .model:hover .order-category                   { color: #fff; }
#vehicle-gallery ol li ul li .active-model                                  { background: #3ebab4; }
#vehicle-gallery ol li ul li .active-model .glyphicon-chevron-down:before   { content: "\e113" !important; }
#vehicle-gallery ol li ul li .active-model .order-category                  { color: #fff !important; }
#vehicle-gallery ol li ul li .model .order-category .glyphicon              { top: 3px; }
#vehicle-gallery ol li ul li .model:hover                                   { background: #3ebab4; }
#vehicle-gallery ol li ul li .model .small                                  { font-size: 15px; }
#vehicle-gallery ol li ul li .model .model-name                             { display: block; width: 88%; color: #fff; text-decoration: none; float: left; }
#vehicle-gallery ol li ul li .model .model-name .glyphicon                  { top: 1px; }
#vehicle-gallery ol li ul li ul.model-list                                  { display: none; }                            
#vehicle-gallery ol li ul li ul.model-list .model-id                        { display: inline-block; width: 60px; height: 35px; text-indent: 10px; border-right: 1px dotted #bcbcbc; }
#vehicle-gallery ol li ul li ul.model-list .model-vehicle                   { display: inline-block; width: 300px; text-indent: 10px; border-right: 1px dotted #bcbcbc; }
#vehicle-gallery ol li ul li ul.model-list .model-year,
#vehicle-gallery ol li ul li ul.model-list .model-front,
#vehicle-gallery ol li ul li ul.model-list .model-rear                      { display: inline-block; width: 170px; text-indent: 10px; border-right: 1px dotted #bcbcbc; }
#vehicle-gallery ol li ul li ul.model-list .model-preview                   { display: inline-block; width: 100px; text-align: center; border-right: 1px dotted #bcbcbc;  }
#vehicle-gallery ol li ul li ul.model-list .model-preview .yes              { display: inline-block; width: 35px; height: 35px; background: green; border-radius: 100%; vertical-align: middle; }
#vehicle-gallery ol li ul li ul.model-list .model-preview .no               { display: none; width: 30px; height: 30px; background: red; border-radius: 100%; vertical-align: middle; }
#vehicle-gallery ol li ul li ul.model-list .actions                         { display: inline-block; width: 140px; vertical-align: top; }

/* SYNC */
.full-width                                                                 { width: 100%; display: block; overflow: hidden; padding-bottom: 20px; margin-bottom: 20px; background: #e7e7e7; padding: 10px; }
.full-width span                                                            { display: block; }

/* PREVIEW */
body#previews .upload                                                       { width: 100%; height: 100px; margin: 20px 0; border: 2px dashed #bcbcbc; border-radius: 10px; text-align: center; line-height: 100px; }
body#previews .add-submit,
body#previews .edit-submit                                                  { width: 100%; }
body#previews .re-upload                                                    { float: right; margin-top: 10px; }
body#previews .plate-selection                                              { position: absolute; left: 10px; top: 10px; width: 400px; text-align: center; background: #999; padding: 10px; border-radius: 7px; color:#fff; }
body#previews .preview-gallery                                              { width: 1100px; height: 800px; overflow: hidden; position: relative; z-index: 1; margin: 0 auto; background: #676767; border-radius: 10px; 
                                                                              margin-top: 30px; }
body#previews .preview-gallery .preview-image                               { width: 4000px; height: 700px; position: absolute; left: 0; top: 0; transition: 0.5s ease all; -moz-transition: 0.5s ease all; 
                                                                              -webkit-transition: 0.5s ease all; }
/*body#previews .preview-gallery .preview-image img                           { float: left; height: auto; width: 1000px; }*/
body#previews .preview-gallery .preview-menu                                { position: absolute; top: 10px; right: 10px; width: 205px; height: 90px; overflow: hidden; background: #999; z-index: 2; border-radius: 7px; }
body#previews .preview-gallery .preview-menu a                              { display: block; width: 92px; height: 92px; float: left; margin-right: 10px; border-radius: 7px; overflow: hidden; }
body#previews .preview-gallery .preview-menu a.rear                         { background: url(../images/preview/rear.svg) top center; background-size: 100% auto; text-indent: -9000px; }    
body#previews .preview-gallery .preview-menu a.front                        { background: url(../images/preview/front.svg) top center; background-size: 100% auto; text-indent: -9000px; }
body#previews .preview-gallery .preview-menu a.rear-angled                  { background: url(../images/preview/rear-angled.svg) top center; background-size: 100% auto; text-indent: -9000px; }
body#previews .preview-gallery .preview-menu a.front-angled                 { background: url(../images/preview/front-angled.svg) top center; background-size: 100% auto; text-indent: -9000px; margin-right: 0; }
body#previews .preview-gallery .preview-menu a.rear:hover,
body#previews .preview-gallery .preview-menu a.front:hover,
body#previews .preview-gallery .preview-menu a.rear-angled:hover,
body#previews .preview-gallery .preview-menu a.front-angled:hover,
body#previews .preview-gallery .preview-menu a.current                      { background-position: bottom; }
body#previews .preview-gallery .top-left                                    { position: absolute; top: 250px; left: 10px; width: 140px; color: #fff; padding: 10px; text-align: center; background: #676767; border-radius: 7px; 
                                                                              z-index: 5; }
body#previews .preview-gallery .top-right                                   { position: absolute; top: 250px; right: 10px; width: 140px; color: #fff; padding: 10px; text-align: center; background: #676767; border-radius: 7px; 
                                                                              z-index: 5; }
body#previews .preview-gallery .bottom-left                                 { position: absolute; bottom: 150px; left: 10px; width: 140px; color: #fff; padding: 10px; text-align: center; background: #676767; border-radius: 7px; 
                                                                              z-index: 5; }
body#previews .preview-gallery .bottom-right                                { position: absolute; bottom: 150px; right: 10px; width: 140px; color: #fff; padding: 10px; text-align: center; background: #676767; border-radius: 7px; 
                                                                              z-index: 5; }
body#previews .preview-buttons                                              { display: none; }
body#previews .button-container                                             { text-align: center; margin: 0 auto;  padding: 20px 0; }
body#previews .button-container .preview                                    { width: 140px; margin-bottom: 10px; }
body#previews .button-container .save                                       { width: 140px; vertical-align: top; }
body#previews .preview-images,
body#previews .plate-points                                                 { display: none; }
body#previews .point-plates input                                           { text-align: center; }
body#previews .point-plates .top-row                                        { overflow: hidden; margin-bottom: 15px; }
body#previews .point-plates .top-row .left                                  { float: left; width: 140px; margin-right: 10px; position: relative; }
body#previews .point-plates .top-row .middle                                { float: left; width: 840px; margin-right: 10px; position: relative; }
body#previews .point-plates .top-row .middle input                          { width: 140px; margin: 0 auto; }
body#previews .point-plates .top-row .right                                 { float: left; width: 140px; position: relative; }
body#previews .point-plates .middle-row .left                               { float: left; width: 140px; margin-right: 10px; position: relative; }
body#previews .point-plates .middle-row .left input,
body#previews .point-plates .middle-row .right input                        { margin-top: 90px; }
body#previews .point-plates .middle-row .middle                             { float: left; width: 840px; height: 239px; margin-right: 10px; overflow: hidden; position: relative; }
body#previews .point-plates .middle-row .middle .plate-container            { position: absolute; left: 0; top: 0; width: 1680px; transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; }
body#previews .point-plates .middle-row .middle .plate-container img        { float: left; width: 840px; height: auto; }
body#previews .point-plates .middle-row .right                              { float: left; width: 140px; }
body#previews .point-plates .bottom-row .left                               { float: left; width: 140px; margin-right: 10px; position: relative; }
body#previews .point-plates .bottom-row .middle                             { float: left; width: 840px; margin-right: 10px; position: relative; }
body#previews .point-plates .bottom-row .middle input                       { width: 140px; margin: 0 auto; }
body#previews .point-plates .bottom-row .right                              { float: left; width: 140px; position: relative; }

/* CONFIGS */
body#configured .half-width                                                 { width: 48%; }
body#configured .section-break                                              { display: block; height: 25px; border-bottom: solid 1px #bcbcbc; margin-bottom: 35px; clear: both; }
body#configured .section-break-dashed                                       { display: block; height: 25px; border-bottom: dashed 1px #bcbcbc; margin-bottom: 35px; clear: both; }
body#configured .config-design                                              { position: relative; padding: 25px; vertical-align: top; margin: 10px 0; text-align: center; overflow: hidden; }
body#configured .config-design .config-section                              { border-bottom: dotted 1px #bcbcbc; padding: 10px 0 5px; }
body#configured .config-design .config-section.last-section                 { border-bottom: none; }
body#configured .config-design .collection-details                          { float: left; width: 43%; text-align: left; background: #f8f8f8; padding: 15px; }
body#configured .config-design .section-title                               { font-family: nexa-bold; font-size: 22px; margin: 0; }
body#configured .config-design .editgallery                                 { border-radius: none; font-size: 16px; padding: 10px 10px 6px; margin: 0 5px 0 0; }
body#configured .config-design .deletegallery                               { border-radius: none; font-size: 16px; padding: 10px 10px 6px; }

body#configured .config-design .design-container                            { padding: 10px; border: solid 1px #e7e7e7; overflow: hidden; }
body#configured .config-design .config-preview                              { float: right; width: 50%; }
body#configured .config-design .config-preview img                          { width: 100%; margin-top: 30px; }

/* FOOTER */
.footer                                                                     { border: solid 1px #e7e7e7; height: 60px; background: #f8f8f8; width: 100%; overflow: hidden; }
.footer .footer-info                                                        { text-align: center; line-height: 65px; font-size: 16px; }
.footer .footer-info a                                                      { color: #ff6000; }
.footer .footer-info a.hover                                                { text-decoration: underline; }

/* element restyling */

.navbar                                                                     { margin-bottom: 0; }
body#dashboard .navbar                                                      { margin-bottom: 20px; }
.nav>li>a                                                                   { padding: 10px 15px 10px 0; }
.btn                                                                        { padding: 8px 12px 3px; }
.label                                                                      { padding: .5em .6em .3em; }
.btn-primary:hover, .btn-primary:focus, 
.btn-primary:active, .btn-primary.active, 
.open .dropdown-toggle.btn-primary                                          { background-color: #ff6000; border-color: #d34f00; }
.navbar-nav>li>a                                                            { padding-top: 20px; padding-bottom: 12px; }
.navbar-brand                                                               { padding: 20px 15px; }
.btn-fourdot                                                                { color: #676767; background-color: #85dfda; border-color: #00938e; }
.btn-fourdot:hover                                                          { color: #fff; background-color: #3ebab4; border-color: #00938e; }
.form-control                                                               { padding: 8px 16px 2px; border-radius: 0; }
.bg-primary                                                                 { background: #bcbcbc; padding: 10px 10px 5px; border-radius: 5px; }