body {
     background-color: #33353e;
     font-family: ff-dax-web-pro,Verdana,Geneva,Arial,Helvetica,sans-serif ! important;
     font-size: 14px;
     font-style: normal;
     line-height: 1;
     margin: 0px;
     min-width: 1160px;
}


.iframe-container {
  overflow: hidden;
  // Calculated from the aspect ration of the content (in case of 16:9 it is 9/16= 0.5625)
  padding-top: 56.25%;
  position: relative;
}

.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
    top: 50px;
   width: 100%;
}

.vehicle_image_4x3 {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     position: relative;
     width: 100%;
     padding-bottom: 75%; /* 2:1 */
}



.vehicle_image_4x3 {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     position: relative;
     width: 100%;
     padding-bottom: 75%; /* 2:1 */
}


.vehicle_image_16x9 {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     position: relative;
     width: 100%;
     padding-bottom: 56.25%; /* 2:1 */
}


.image_container_16x9{

     width:149px;
}


.image_container_4x3{

     width:112px;
}


.vehicle_image_3x2 {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     position: relative;
     width: 100%;
     padding-bottom: 66.6667%; /* 2:1 */
}


.image_container_3x2{

     width:126px;
}



#closeemail{width:100px;float:left;}
#emailarea img{
     margin:auto;
     display:inline-block;
     width:180px;
}
#user_guides{

     width:100%;
     float:left;
     color:white;
     margin-left:20px;

}

.pswp__aosc{
     color:black !important;
}


#user_guides a{
     color:white;
}

#user_guides ul li{
     padding:5px;
}


#vehicle_rejection_btn {

     width:100%;
     float:left;
     margin-top:5px;
}
#qc_notes_video{

     background:  #07295f;
     width:100%;
     float:left;
     color:white;
}
#has_rejection span{
     margin-top:6px;
     display:inline-block;
     padding:7px;
}
.modal {

     z-index: 99999 !important;

}
.control_container label{
     min-height: 30px;
}
.zzBoxes, .zzBoxes * {
     z-index: 99999;
}
#qc_notes {
     margin-top: 0px;
}
#qc_notes {
     background: #07295f;
     width: 100%;
     float: left;
     color: white;
     margin-top: 10px;
}
#qc_notes li, #qc_notes_video li {
     display: inline-block;
     float: left;
     width: 300px;
     list-style: none;
     padding: 5px;
}


#qc_notes li,#qc_notes_video li{
     display:inline-block;
     float:left;
     width:300px;
     list-style: none;
     padding: 5px;
}
#qc_notes{
     background:  #07295f;
     width:100%;
     float:left;
     color:white;
     margin-top: 10px;
}

.aosheader{
     color:white;
     display:inline-block;
     margin:10px 0px 0px 10px;
     width:100%;

}
.btn-dark {
     color: #E9EDEF;
     background-color: #4B5F71;
     border-color: #364B5F;
}
.qc_images > button{
     margin-top:-4px;
}

.btn-success {
     background: #26B99A;
     border: 1px solid #169F85;
     color:white;
}

.btn {
     display: inline-block;
     padding: 6px 12px;
     margin-bottom: 0;
     font-size: 14px;
     font-weight: 400;
     line-height: 1.42857143;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     background-image: none;
     border: 1px solid transparent;
     border-radius: 4px;
}
#send_notification{
     width:300px; float:right;margin-right:20px;
}
#has_rejection{
     background: white;
     height:40px;
}
#has_rejection span{
     display: inline-block;
     padding: 5px;
}
.btn-reject {

     color: #fff;
     background-color: #d9534f;
     border-color: #d43f3a;
}

.btn, .buttons, .modal-footer .btn+.btn, button {
     margin-bottom: 5px;
     margin-right: 5px;
}

.btn {
     border-radius: 3px;
}


.view_asset{
     text-decoration:underline;
     text-decoration-color:#ccc !important;
}


.comment{

     color:white;
     width:48%;
     float:left;
     margin:30px 0px 0px 10px;
}

.ratingCount{
     text-align:center;
     font-size:16px;
     width:100%;
     float:left;
     height:30px;
     color:white;

}
.editable-input input{
     color:black !important;
}
.popUpContent h1{


     text-align:center;

}

.downloadInfo{width: 155px;float:left;color:white;margin-top: 15px;}
.downloadImagesicon, .downloadImagesicondisabled, .downloadImagesiconwarning {
     background-image: url("/images2/download-icon.png");
}


.downloadPendingImagesicon, .downloadPendingImagesicondisabled, .downloadPendingImagesiconwarning {
     background-image: url("/images2/download-pending-icon.png");
}


.downloadVideosicon, .downloadVideosicondisabled, .downloadVideosiconwarning {
     background-image: url("/images2/downloadVideo-icon.png");
}

#loading_spinner > div span{
     width:100%;
     display:inline-block;
}

#loading_spinner{
     width:100%;
     float:left;
     display:none;
}
.videoContainer{
     width:100%;
     margin:10px

}
.video{
     width:640px;
     margin:10px

}
.average{

     display:inline-block;
     position:relative;
     top:-10px;
     color:yellow !important;

}
.imgblock.star{
     cursor: pointer;
}
#loading_spinner > div{

     text-align:center;
     width:350px;
     margin:auto;
}


#training_videos h1{
     color:white;
     disabled:inline-block;
     margin-left:15px;
}
#training_videos{

     width:1100px;
     float:left;
     margin:30px 10px 0px 0px;

}

.imgblock.star{width: 153px;}

#training_videos div{
     float:left;
     width:350px;
     margin-left:10px;
}
#training_videos span{
     color:white;
     display:inline-block;
     padding:5px;

}


#turntable_calibration{
     float:right;
}

#turntable_calibration {
     float: right;
     position: relative;
     right: 20px;
     top: -20px;
}

label.error {
     width: 300px ! important;
}

.btn.userMgt {
     width: 120px ! important;
}

.control_container.readonly label, .control_container.readonly span {
     display: inline-block;
     float: left;
}

.no_val {
     color: #ff0000 ! important;
}



#autodirectbuttons div[id*="disabled"], #autodirectbuttons div[id*="disabled"] span {
     color: gray;
     cursor: not-allowed;
}

#rightcontent div[id*="disabled"] {
     cursor: not-allowed;
}

.globalUser {
     float: left;
     padding: 5px;
     width: 100%;
}

.globalUser > div {
     display: inline-block;
     width: 150px;
}

.globalUser > div .x_panel.save {
     float: left;
     margin-top: 0px ! important;
     width: 5px;
}

.suspendedvehicle, .processingvehicle, .rejectedVehicle {
     height: 83px;
     opacity: 0.7;
     position: absolute;
     top: 0px;
     width: 100%;
     z-index: 1;
}

.processingtext, .suspendtext {
     color: white;
     font-size: 4.8em;
     font-style: italic;
     font-weight: bold;
     margin-left: 40%;
}

.suspendedvehicle {
     background-color: #FFC200;
}

.processingvehicle {
     background-color: green;
}

.rejectedVehicle {
     background-color: red;
}

.suspendedvehicle span, .processingvehicle span, .rejectedVehicle span {
     color: white;
     font-size: 4.4em;
     font-style: italic;
     font-weight: bold;
     left: 150px;
     position: relative;
     top: 10px;
}
.configContainer {
     float: left;
     margin-top: 45px;
     width: 100%;
}

.control_container.readonly label {
     color: #000000;
     font-style: normal;
     width: 65%;
}

.control_container.readonly span {
     color: #007f0e;
     font-weight: bold;
     width: 35%;
}

.control_container span {
     display: inline-block;
     float: left;
     width: 100%;
}

.form_title.player {
     background-color: #07295f;
}

.form_title.player h1 {
     color: #ffffff;
     font-size: 1.2em;
     margin: 0px;
     padding: 10px;
}

.form_title h3 {
     font-size: 1.2em ! important;
}

.radioItem:checked + label {
     color: grey;
     text-decoration: line-through;
}

.control_container {
     float: left;
     width: 250px;
}

.form_title h3 {
     color: white;
     font-size: 1.4em;
     margin: 0px;
     padding: 5px;
}

.form_title {
     background-color: #2a3f54;
     float: left;
     margin: 10px 0px;
     width: 100%;
}

label {
     display: inline-block;
     font-weight: bold;
     margin-bottom: 5px;
     max-width: 100%;
     width: 150px ! important;
}

.resendOptions {
     float: left ! important;
     height: 50px ! important;
     padding-left: 30px;
     width: 350px ! important;
}

.send {
     color: yellow;
}

#currentReports {
     background: #07295f none repeat scroll 0px 0px;
     color: white;
     padding: 10px;
}

.ac_control_button a {
     text-decoration: none;
}

#reportContainer > div {
     float: left;
     margin-bottom: 15px;
     width: 100%;
}

#reportContainer a {
     color: yellow;
     text-decoration: none;
}

#reportContainer > div > div input, #reportContainer > div > div select, #reportContainer > div > div textarea {
     width: 90%;
}

#reportContainer > div > div > div {
     float: left;
     margin-left: 10px;
     width: 200px;
}

#reportContainer .large {
     height: 90px ! important;
}

#reportContainer .largecol {
     width: 410px;
}

#reportContainer .checkbox {
     width: 30px;
}

#currentReports a {
     color: yellow;
     text-decoration: none;
}

#reportContainer {
     background: #07295f none repeat scroll 0% 0%;
     color: white;
     float: left;
     padding: 10px;
     width: 100%;
}

#reportContainer .reportId {
     float: left;
     width: 180px;
}

#reportContainer .dateCreated {
     float: left;
     width: 260px;
}

#reportContainer .status {
     float: left;
     margin-left: 10px;
     width: 150px;
}

#reportContainer .resend {
     color: yellow;
     cursor: pointer;
     float: left;
     margin-left: 20px;
     width: 200px;
}

#reportContainer > div > div {
     float: left;
     font-size: 1.2em;
     height: 50px;
     width: 100%;
}

.data_file_line div:last-child img {
     margin-right: 4px;
}

.tabbutton {
     cursor: pointer;
}

#not_allowed {
     color: white;
     display: inline-block;
     text-align: center;
     width: 100%;
}

.ui-widget {
     font-size: 1em;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
     border-bottom-right-radius: 0px ! important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
     border-bottom-left-radius: 0px ! important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
     border-top-right-radius: 0px ! important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
     border-top-left-radius: 0px ! important;
}

#holduserlist .ui-state-default, #holduserlist .ui-widget-content .ui-state-default {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
     border: medium none;
     color: white;
     font-weight: normal;
}

.ui-autocomplete .ui-autocomplete-category {
     background: #07295f none repeat scroll 0% 0%;
     color: white;
}

#holduserlist .ui-state-default .ui-icon {
     left: 20px;
     top: 4px;
}

#holduserlist .ui-combobox input {
     margin-left: 10px;
     width: 220px;
}

#holduserlist .ui-combobox {
     display: inline-block;
     height: 43px;
     position: relative;
     top: 9px;
}

#holduserlist .ui-button-icon-only .ui-icon {
     left: 50%;
     margin-left: 30px;
     top: -2px;
}

#holduserlist .ui-autocomplete-category {
     background: #130638 none repeat scroll 0% 0%;
     color: white;
     font-size: 0.8em ! important;
     font-weight: bold;
}

#holduserlist .ui-menu-item, .ui-menu-item a {
     background: #104379 none repeat scroll 0% 0%;
     color: #130638 ! important;
     font-size: 0.9em ! important;
}

.ui-autocomplete .ui-menu-item a {
     color: #000000 ! important;
}

#ibrWarning {
     display: none;
}

#autoliveicon {
     background-position: 0px 0px;
}

.ui-dialog {
     font-size: 15px;
}

.imageRow {
     float: left;
     margin-top: 15px;
     width: 100%;
}

.imageRow .imageBox, .imageRow .imageBox img {
     float: left;
     padding-right: 5px;
     position: relative;
     width: 200px;
}

.imageBox div {
     background-image: url("/images2/ibr-titlebg.png");
     color: white;
     display: inline-block;
     font-size: 0.9em ! important;
     height: 19px;
     padding: 5px;
     width: 190px;
}

.imageBox div img {
     float: right ! important;
     height: 17px;
     width: 17px ! important;
}

.imageBox div span {
     left: 5px;
     position: relative;
     top: 3px;
}

#imageContainer {
     margin-left: 10px;
     width: 100%;
}

#imageContainer h1 {
     color: white;
     font-size: 1.3em;
     margin: 10px 0px 0px;
     padding: 0px;
}

#ibrWarning {
     background-image: url("/images2/ibr-selection.png");
     border-color: white;
     border-style: solid;
     border-width: 3px;
     height: 224px;
     left: 20%;
     position: fixed;
     top: 200px;
     width: 844px;
     z-index: 999;
}

#ibrButtons {
     bottom: 35px;
     float: right;
     height: 27px;
     position: absolute;
     right: 34px;
     width: 142px;
}

#ibrConfirmation {
     float: left;
     position: relative;
     top: 4px;
}

#ibrRejection {
     float: left;
     width: 100px;
}

.imageBox a:hover::after {
     background: rgba(0, 48, 87, 0.6) url("/images2/ico-loupe.svg") no-repeat scroll calc(100% - 10px) calc(100% - 10px) / 22px 22px;
     content: "";
     height: 115px;
     left: 0px;
     position: absolute;
     top: 0px;
     transition: opacity 0.2s ease 0s;
     width: 100%;
     z-index: 99;
}

#closeibr {
     float: right;
     left: 10px;
     position: relative;
     top: 30px;
     width: 70px;
}

.assetDate span {
     display: inline-block;
     font-size: 0.9em;
     left: 10px;
     margin-bottom: 5px;
     width: 100%;
}

.pp_description {
     display: block;
     font-size: 1.3em;
     font-weight: bold;
     left: 37%;
     margin: auto ! important;
     position: relative;
}

.pp_nav p {

}

.itemContainer {
     color: white;
     margin: 15px 0px 0px 15px;
}

.coLine {
     width: 600px ! important;
}

.linkedContainer {
     float: left;
     margin: 15px 0px 0px 15px;
     width: 1100px;
}

.linkedContainer > div {
     float: left;
     height: 22px;
     width: 100%;
}

.linkedContainer > div div {
     float: left;
     width: 380px;
}

.linkedContainer > div div span {
     color: white;
}

.config {
     float: right;
     height: 25px;
     position: relative;
     top: 55px;
     width: 160px;
}

.config a {
     color: white;
     text-decoration: none;
}

.config > span {
     color: #ff6600;
     font-style: italic;
     position: relative;
     top: -45px;
}

.config div {
     width: 130px;
}

.config div span {
     color: white;
}

#dialog-form {
     display: none;
}

.longtext {
     font-size: 0.6em;
}

.itemId {
     width: 50px;
}

.editButton {
     float: right;
}

.itemPrice {
     width: 90px;
}

.bgResend {
     background-image: url("/images2/resend.jpg");
     float: right;
     height: 58px;
     position: relative;
     top: 8px;
     width: 50px;
     z-index: 999999;
}

.evhcContainer {
     float: left;
     width: 500px;
}

.buttonContainer {
     float: left;
     width: 100%;
}

.evhcContainer > div {
     float: left;
     width: 750px;
}

.evhcContainer > div > span {
     display: inline-block;
}

.editButton {
     float: right;
     width: 200px;
}

.imgblock {
     float: left;
     height: 65px;
     margin-top: 12px;
     position: relative;
     width: 65px;
}

img a {
     border: 0px none;
     text-decoration: none;
}

.imgrow {
     left: 10px;
     position: relative;
     width: 1100px;
}

#searchresults {
     background-image: url("/images2/results-counter.png");
     color: white;
     float: left;
     font-weight: bold;
     height: 21px;
     left: 20px;
     padding-top: 9px;
     position: relative;
     text-align: center;
     width: 170px;
}

.search_container {
     background-image: url("/images2/date-bar.png");
     float: left;
     height: 28px;
     margin-right: 20px;
     position: relative;
     width: 115px;
}

.search_container input {
     background-color: transparent;
     border: 0px none;
     color: white;
     height: 22px;
     margin-left: 15px;
     margin-top: 2px;
     width: 135px;
}

.middle_contentimg {
     background-image: url("/images2/vehicle-background-bar.png");
     height: 84px;
     min-width: 1160px;
     position: relative;
}

.statusconfirm {
     background-image: url("/images2/confirmation.png");
}

.statuswarning {
     background-image: url("/images2/warning-cross.png");
}

.numbercounter {
     background-image: url("/images2/number-counter.png");
     text-align: center;
}

#bottombuttonmanage span {
     color: white;
     display: table-cell;
     font-size: 0.9em;
     padding-left: 40px;
     position: relative;
     vertical-align: middle;
     width: 150px;
}

#resetbutton span {
     color: #808080;
     left: 20px;
     position: relative;
     top: 2px;
}

#nav {
     float: left;
     margin-left: 40px;
     width: 100px;
}

#search_criteria {
     height: 60px;
     left: 30px;
     position: relative;
     top: 30px;
     width: 1000px;
}

#reset_right {
     float: left;
}

#reset_left {
     float: left;
}

#reset_center {
     background-image: url("/siteImages/reset_middle.png");
     background-repeat: repeat-x;
     float: left;
     height: 40px;
     min-width: 100px;
}

#settingsBlock {
     height: 21px;
     position: absolute;
     top: 5px;
     width: 40px;
}

#nav a:first-of-type {
     line-height: 41px;
}

li ul li span {
     color: white;
     display: inline-block;
     font-size: 16px;
     left: 5px;
     padding-top: 10px;
     position: relative;
     top: -7px;
}

#main_nav {
     padding: 0px 20px;
}

.toggle, [id^="drop"] {
     display: none;
}

#nav::after {
     clear: both;
     content: "";
     display: table;
}

#nav ul {
     float: left;
     list-style: outside none none;
     margin: 0px;
     padding: 0px;
     position: absolute;
     top: 6px;
     z-index: 1000;
}

#nav ul li {
     background-color: #07295f;
     display: inline-block;
     float: left;
     height: 41px;
     margin: 0px;
}

#nav a {
     color: #ffffff;
     display: block;
     font-size: 16px;
     text-decoration: none;
}

#nav ul li ul li img {
     margin-left: 20px;
}

#nav ul li ul {
     width: 600px;
}

#nav ul li ul li {
     float: left;
     line-height: 41px;
     width: 50%;
}

#nav ul li ul li > span {
     color: #808080 ! important;
}

#nav ul li ul li:hover {
     background: #372c56 none repeat scroll 0px 0px;
}

#nav ul ul {
     display: none;
     position: absolute;
}

#nav ul li:hover > ul {
     display: inherit;
}

li > a::after {
     content: " +";
}

li > a:only-child::after {
     content: "";
}

#header {
     background-color: #ffffff;
     height: 52px;
     color: black;
}

#header_logo {
     position: absolute;
     right: 30px;
     top: 47px;
}

#header_logo span {
     color: white;
     font-size: 0.5em;
     left: 120px;
     position: relative;
     top: 10px;
}

#powered_by {
     float: left;
     left: 160px;
     position: relative;
     top: 5px;
}

#powered_by span {
     color: #07295f;
     font-weight: bold;
     font-size: 0.8em;
     position: relative;
     right: 5px;
     top: -10px;
}

#powered_by img {
     height: 42px !important;
}

#profileheader {
     float: right;
     padding-right: 10px;
     position: relative;
}

#profileicon {
     float: left;
     left: -2px;
     position: relative;
     top: 9px;
}

#profileheader #seperatoricon {
     margin: 3px 0px;
}

#profileheader span {
     color: #07295f;
     float: left;
     font-size: 1.4em;
     font-weight: bold;
     padding-right: 10px;
     position: relative;
     top: 16px;
}

#profileheader a {
     color: #07295f;
     font-size: 0.8em;
     font-weight: bold;
     position: relative;
     text-decoration: none;
     top: -18px;
     padding: 15px 5px;
}

#useraccess {
     color: #07295f;
     font-size: 0.9em;
     font-weight: bold;
     float: right;
     height: 30px;
     padding-right: 25px;
     position: relative;
     top: 7px;
}

.search_container span {
     color: white;
     left: 8px;
     position: relative;
     top: -42px;
     width: 233px;
     display: inline-block;
}

.ac_control_buttons div, .ac_control_button, #autodirectbuttons div {
     background-image: url("/siteImages/button_left.png"), url("/siteImages/button_right.png"), url("/siteImages/button_main.png");
     background-position: 0px 0px ! important;
     background-repeat: no-repeat, no-repeat, repeat-x;
     display: inline-block;
     float: left;
     height: 28px;
     margin-left: 10px;
     min-width: 140px;
     text-align: center;
}

.ac_control_buttons div span, .ac_control_button span, #autodirectbuttons span {
     color: white;
     padding: 0px 15px;
     position: relative;
     top: 7px;
}

#actionbuttons > div > span {
     color: white;
     position: relative;
     top: 8px;
}

#personalemailbutcheck, #liveemailbutcheck, #autoserviceemailbutcheck, #imagelinksbutcheck {
     background-position: 0px 39px;
}

#bottombuttonmanage {
     float: left;
     height: 40px;
     left: 40px;
     position: relative;
     top: 40px;
     width: 880px;
}

img a {
     border: 0px none;
}

#actionbuttons {
     height: 150px;
     position: absolute;
     right: 10px;
     text-align: center;
     top: 10px;
     width: 140px;
     z-index: 2;
}

#actionbuttons > div {
     background-image: url("/images2/remove-request.png");
     height: 33px;
     margin-top: 10px;
     width: 133px;
}

.namefield input {
     background-color: transparent;
     border: 0px none;
     color: white;
     height: 15px;
     left: 20px;
     position: relative;
     top: 10px;
     width: 240px;
}

.manage-butcheck {
     background-position: 0px 39px;
}

.ac_control_buttons div:hover, .ac_control_button:hover, #autodirectbuttons div:hover {
     background-position: 0px -28px ! important;
     cursor: pointer;
}

.videoinfoicon, .videoinfoicondisabled {
     background-image: url("/siteImages/video-info-icon.png");
}

.imagesinfoicon, .imagesinfoicondisabled {
     background-image: url("/siteImages/images-info-icon.png");
}

.imgrow div[id*="icondisabled"] {
     background-position: 0px -57px;
}

.imgrow div[id*="warning"] {
     background-position: 0px -172px;
}

.imgrow div[id*="disabled"] span {
     color: #808080 ! important;
}

.imgrow div[id*="disabled"] {
     background-position: 0px -86px ! important;
}

.imgrow div[class*="icon"] {
     height: 57px;
     width: 46px;
}

.autoseoinfoicon, .autoseoinfoicondisabled, .autoseoinfoiconwarning {
     background-image: url("/images2/autoseo-info-icons.png");
}

.autoliveinfoicon, .autoliveinfoicondisabled {
     background-image: url("/images2/autolive-info-icons.png");
}

.autoytinfoicon, .autoytinfoicondisabled, .autoytinfoiconwarning {
     background-image: url("/images2/autoyt-info-icons.png");
}

.autozoominfoicon, .autozoominfoicondisabled, .autozoominfoiconwarning {
     background-image: url("/images2/autozoom-info-icons.png");
}

.info360icon, .info360icondisabled, .info360iconwarning {
     background-image: url("/images2/autoslide-info-icons.png");
}

.autodirectinfoicon, .autodirectinfoicondisabled {
     background-image: url("/images2/autodirect-info-icons.png");
}

.imgrow div[class*="icon"]:hover {
     background-position: 0px -115px;
}

.imgblock div[class*="disabled"] {
     background-position: 0px -56px ! important;
}

div[class*="infoicon"] > span {
     color: white;
     font-size: 0.6em;
     left: 11px;
     position: relative;
     top: 45px;
}

.numbercounter > span {
     color: white;
     font-family: tahoma;
     font-size: 0.8em;
     font-weight: bold;
     left: 3px;
     position: relative;
     top: 9px;
}

div[class^="infoicon"] > span {
     color: white;
     font-size: 0.6em;
     left: 11px;
     position: relative;
     top: 45px;
}

.imgblock a {
     text-decoration: none ! important;
}

.assetDate {
     color: white;
     float: left;
     font-size: 1.2em;
     left: 10px;
     position: relative;
     top: 10px;
     width: 130px;
}

.ac_control_buttons {
     height: 60px;
     left: 250px;
     position: absolute;
     top: 30px;
     width: 550px;
}

#holduserlist {
     background-image: url("/images2/dropdownlong.png");
     float: left;
     height: 35px;
     overflow: hidden;
     position: relative;
     width: 270px;
}

#userlist {
     background: rgba(0, 0, 0, 0) none repeat scroll 0px 0px;
     border: 0px none;
     color: white;
     font-size: 1em;
     left: 1px;
     padding-left: 11px;
     position: relative;
     top: 10px;
     width: 290px;
}

optgroup {
     background-color: #130638;
     font-style: normal;
     font-weight: normal;
     padding: 5px 0px 0px;
}

#userlist option {
     background-color: #104379;
     color: white;
}

#assetsimages div, #assetsimages a div {
     background-position: left top, right top, left top;
     background-repeat: no-repeat, no-repeat, repeat-x;
     display: inline-block;
     float: left;
     height: 41px;
     min-width: 140px;
     overflow: hidden;
     text-align: center;
}

#assetsimages div span {
     color: #ffffff;
     padding: 0px 10px;
     position: relative;
     top: 13px;
}

#assetsimages div.ac_sub_menu_disabled span {
     color: grey;
}

#standard-images, #standard-imagesdisabled {
     background-image: url("/siteImages/assetsleft.png"), url("/siteImages/assetsright.png"), url("/siteImages/assetsmain.png");
}

.ac_sub_menu {
     background-image: url("/siteImages/subleft.png"), url("/siteImages/subright.png"), url("/siteImages/submiddle.png");
}

#vehicle-video {
     background-image: url("/siteImages/vehicleleft.png"), url("/siteImages/vehicleright.png"), url("/siteImages/vehiclemiddle.png");
}

#assetsimages {
     float: left;
     height: 70px;
     left: 20px;
     min-width: 830px;
     position: relative;
     top: 20px;
}

#assetsimages div:hover, #assetsimages a div:hover {
     background-position: 0px -43px ! important;
}

#editimageback {
     background-image: url("/images2/QC-lower-background.png");
     height: 650px;
     margin: auto;
     position: relative;
     width: 1180px;
}

#leftbuttons div {
     background-position: left top, right top, left top;
     background-repeat: no-repeat, no-repeat, repeat-x;
     cursor: pointer;
     display: inline-block;
     float: left;
     height: 35px;
     margin: 5px 0px 0px 5px;
     min-width: 240px;
     overflow: hidden;
     text-align: center;
}

#leftbuttons div span {
     color: white;
     font-size: 0.8em;
     padding: 0px 10px;
     position: relative;
     top: 10px;
}

#leftbuttons {
     float: left;
     height: 600px;
     width: 250px;
}

.editsmallbuttons {
     background-image: url("/siteImages/editimsmallleft.png"), url("/siteImages/editimsmallright.png"), url("/siteImages/editimsmallmiddle.png");
     min-width: 115px ! important;
}

.editbuttonssave {
     background-image: url("/siteImages/saveleft.png"), url("/siteImages/saveright.png"), url("/siteImages/savemiddle.png");
}

.editbuttons {
     background-image: url("/siteImages/editimleft.png"), url("/siteImages/editimright.png"), url("/siteImages/editimmiddle.png");
}

#orderbybg {
     background-color: #ff6600;
     background-image: url("/siteImages/sort-order.png");
     float: left;
     height: 30px;
     margin: 30px 10px 0px 40px;
     overflow: hidden;
     position: relative;
     width: 200px;
}

#orderby {
     background: rgba(0, 0, 0, 0) none repeat scroll 0px 0px;
     border: medium none;
     color: white;
     position: relative;
     top: 5px;
     width: 222px;
}

#autodirectbuttons {
     height: 60px;
     left: 265px;
     position: absolute;
     top: 30px;
     width: 550px;
}

#resetresults {
     display: inline-block;
     float: left;
     height: 35px;
     margin: -4px 0px 0px 30px;
     min-width: 115px ! important;
     overflow: hidden;
     text-align: center;
}

#settingscog {
     background-image: url("/images2/settings.png");
     height: 18px;
     left: 10px;
     position: absolute;
     top: 13px;
     width: 18px;
}

#searchfiledsleft, #searchfiledsright {
     float: left;
     height: 180px;
     left: 110px;
     position: relative;
     top: 20px;
     width: 380px;
}

#searchfiledsleft span, #searchfiledsright span {
     color: white;
     left: -90px;
     position: relative;
     top: -24px;
     width: 150px;
}

#topbuttonmanage {
     display: table;
     height: 40px;
     left: 65px;
     margin: auto;
     position: absolute;
     top: 170px;
     width: 800px;
}

#topbuttonmanage span {
     color: white;
     display: inline-block;
     font-size: 0.8em;
     left: 6px;
     position: relative;
     top: 7px;
     vertical-align: middle;
     width: 40px;
}

#topbuttonmanage > div {
     background-image: url("/images2/options-boxes-small.png");
     display: table;
     float: left;
     height: 37px;
     margin-right: 5px;
     position: relative;
     width: 109px;
}

#bottombuttonmanage > div {
     background-image: url("/images2/large-boxes.png");
     display: table;
     float: left;
     height: 36px;
     margin-right: 5px;
     width: 208px;
}

.suspendedvehicle, .processingvehicle {
     height: 83px;
     opacity: 0.7;
     position: absolute;
     top: 0px;
     width: 100%;
     z-index: 1;
}

.processingtext, .suspendtext {
     color: white;
     font-size: 4.8em;
     font-style: italic;
     font-weight: bold;
     margin-left: 40%;
}

.suspendedvehicle {
     background-color: red;
}

.processingvehicle {
     background-color: green;
}

.suspendedvehicle span, .processingvehicle span {
     color: white;
     font-size: 4.4em;
     font-style: italic;
     font-weight: bold;
     position: relative;
     top: 10px;
}

#bottombuttonmanage div[id*="disabled"] {
     background-image: url("/images2/large-boxes-disabled.png");
}

#topbuttonmanage div[class*="disabled"] {
     background-image: url("/images2/options-boxes-disabled.png");
}

#resetbutton {
     background-image: url("/siteImages/reset-icon.png");
     height: 20px;
     left: 1px;
     position: relative;
     top: 12px;
     width: 55px;
}

.checkb {
     float: left;
     height: 10px;
     position: relative;
     width: 10px;
}

#resetbutton:hover {
     background-position: 0px 57px;
     cursor: pointer;
}

#sitelist {
     float: left;
     position: relative;
     top: 14px;
}

.managedcheck {
     height: 20px;
     position: absolute;
     right: 5px;
     top: 5px;
     width: 20px;
     z-index: 9;
}

.ui-dialog {
     font-size: 11px;
     z-index: 99999;
}

.ui-state-highlight2 {
     background-color: white;
     float: left;
     height: 74px;
     width: 140px;
}

.ui-dialog .ui-dialog-titlebar-close span {
     display: block;
     margin: -8px;
}

.header_content {
     background-image: url("/images2/main-grey-header.png");
     height: 97px;
     min-width: 700px;
     position: relative;
}

#searchbox {
     background-image: url("/images2/search.png");
     float: right;
     height: 35px;
     position: relative;
     right: 15px;
     top: 30px;
     width: 215px;
}

#management_sect {
     background-image: url("/images2/edit-contact-backgound.png");
     height: 276px;
     margin-left: 15%;
     position: fixed;
     top: 150px;
     width: 926px;
     z-index: 25;
}

#orderby option {
     background-color: orange;
     color: white;
}

.miniplay {
     background-image: url("/images2/play-overlay_tiny.png");
     height: 30px;
     position: absolute;
     right: 50px;
     top: 6px;
     width: 30px;
     z-index: 3;
}

#removedplate {
     background-image: url("/images2/results-block.png");
     height: 34px;
     left: 9px;
     position: relative;
     text-align: center;
     top: 4px;
     width: 135px;
}

#removedplate span {
     color: white;
     font-size: 0.8em;
     font-weight: bold;
     position: relative;
     top: 8px;
}

#playicon {
     background-image: url("/images2/play-overlay_sm.png");
     border: 0px none;
     height: 50px;
     left: 45px;
     position: absolute;
     top: 5px;
     width: 50px;
}

#frames360 {
     height: 550px;
     overflow: hidden;
     padding-top: 5px;
     width: 980px;
}

#imageSequence {
     height: auto;
     overflow-x: scroll;
     position: relative;
     white-space: nowrap;
     width: auto;
}

#removedsection {
     background-color: #474a4f;
     float: left;
     height: 600px;
     position: relative;
     top: 10px;
     width: 150px;
}
#ui-datepicker-div {
z-index:99 !important;
}
#imagesection {
     float: left;
     height: 700px;
     left: 10px;
     position: relative;
     top: 15px;
     width: 750px;
}



.numberplate, .numberplate2 {
     background-image: url("/images2/reg-plate.png");
     color: #07295f;
     font-family: tahoma;
     font-weight: bold;
     height: 20px;
     left: 0px;
     position: absolute;
     text-align: center;
     z-index: 99;
     z-index: 99;
     top: 63px;
     width: 140px;
}

.ratio16x9{
     width: 149px;
}

.ratio3x2{
     width: 126px;
}

.ratio4x3{
     width: 112px;
}
.numberplate2 {
     top: 65px;
}

.imageWall_16x9{

}
.imageWall_3x2{

}
.imageWall_4x3{

}



#sortableimages, #remimageitems {
     list-style-type: none;
     margin: 0px;
     padding: 0px;
     width: 775px;
}

#sortableimages li, #remimageitems li {
     float: left;
     font-size: 1.2em;
     height: 74px;
     margin: 0px 2px 4px 4px;
     padding: 2px;
     position: relative;
     width: 140px;
}

#remimageitems {
     height: 600px;
     padding: 6px;
     width: 160px;
}

#remimageitems li {
     position: relative;
     right: 7px;
}

div.modal-bg {
     background: #000000 none repeat scroll 0% 0%;
     display: none;
     height: 100%;
     left: 0px;
     opacity: 0.7;
     position: fixed;
     top: 0px;
     width: 100%;
     z-index: 10;
}

.personalsect, .personalsect2, .personalsect2evhc {
     float: left;
     height: 50px;
     position: relative;
     top: 25px;
     width: 300px;
}

.personalsect {
     width: 222px;
}

.personalsect2, .personalsect2evhc {
     left: 290px;
}

#findcar {
     color: white;
     left: -200px;
     position: relative;
     top: 10px;
}

#saveevhcconfig span {
     color: white;
     font-weight: bold;
     position: relative;
     top: 8px;
}

#saveevhcconfig {
     background-image: url("/images2/remove-request.png");
     cursor: pointer;
     float: left;
     height: 32px;
     left: 30px;
     position: relative;
     text-align: center;
     top: 20px;
     width: 133px;
}

.charCounter {
     color: white;
     float: left;
     font-weight: bold;
     height: 40px;
     left: 10px;
     position: relative;
     top: 30px;
     width: 170px;
}

#saveconfig {
     left: 30px;
     position: relative;
     top: 20px;
}

.smallConfigContainer {
     float: left;
     position: relative;
     width: 250px;
}

.largeConfigContainer {
     float: left;
     position: relative;
     width: 400px;
}

.smallConfigContainer .itemHeader {
     color: white;
     position: relative;
     top: 25px;
     width: 75px;
}

.largeItemConfigContainer input {
     background-color: #33353e;
     border: 0px none;
     color: white;
     height: 21px;
     left: 70px;
     position: relative;
     top: -18px;
     width: 300px;
}

.largeItemConfigContainer {
     float: left;
     left: 30px;
     position: relative;
     top: 20px;
     width: 255px;
}

.smallItemConfigContainer {
     float: left;
     left: 30px;
     position: relative;
     top: 20px;
     width: 155px;
}

.smallItemConfigContainer input {
     background-color: #33353e;
     border: 0px none;
     color: white;
     height: 21px;
}

.itemHeader {
     color: white;
     float: left;
     height: 20px;
     left: 15px;
     position: relative;
     top: 30px;
     width: 200px;
}

.itemConfigContainer, .itemConfigContainer textarea {
     background-color: #33353e;
     border: 0px none;
     color: white;
     float: left;
     height: 55px;
     position: relative;
     top: 5px;
     width: 750px;
}

.imagecounter {
     background-color: #ff6600;
     color: white;
     font-weight: bold;
     left: 200px;
     padding: 3px;
     position: absolute;
     z-index:9999;

}

.orangelabel {
     color: #ff6600;
     font-weight: bold;
}

.labelheadings {
     color: #ff6600;
     float: left;
     font-weight: bold;
     height: 70px;
     position: relative;
     width: 50px;
}

.labeldata {
     float: left;
     height: 70px;
     position: relative;
     width: 250px;
}

.imgoverlay {
     border: 0px none;
     position: absolute;
     right: 35px;
     top: 6px;
}

#savechangesalltext {
     left: 30px;
     position: relative;
}

.namefield {
     background-image: url("/images2/name-field.png");
     height: 34px;
     width: 289px;
}

#trainingreq {
     color: #ffffff;
     cursor: pointer;
     font-size: 0.9em;
     left: 23px;
     position: absolute;
     top: 9px;
     width: 140px;
}

.persrequest2:hover, .persrequest:hover {
     background-position: 0px 38px;
}

.savenotes {
     background-image: url("/images2/save-contact-notes.png");
     cursor: pointer;
     float: right;
     height: 35px;
     position: relative;
     right: 20px;
     top: -50px;
     width: 35px;
}

.regplatemanage {
     background-image: url("/images2/reg-platedirect.png");
}

.notessection textarea {
     font-family: ff-dax-web-pro,Verdana,Geneva,Arial,Helvetica,sans-serif;
     font-style: italic;
     padding-top: 1px;
     width: 99%;
}

.regplatetraining {
     background-image: url("/images2/new-direct-sm.png");
}

.savenotes:hover {
     background-position: 0px 37px;
}

.edituserinfo {
     float: left;
     height: 40px;
     left: 38px;
     position: relative;
     top: 0px;
     width: 40px;
}

#firesearch {
     cursor: pointer;
     height: 30px;
     position: absolute;
     top: 2px;
     width: 30px;
}

#remreq, #evhctext {
     color: #ffffff;
     cursor: pointer;
     font-size: 0.9em;
     left: 20px;
     position: absolute;
     top: 11px;
     width: 140px;
     z-index: 2;
}

#evhctext {
     left: 30px;
}

#directsearch {
     background-color: transparent;
     border: 0px none;
     color: white;
     left: 5px;
     position: relative;
     top: 5px;
     width: 180px;
}

.flamesection {
     float: left;
     height: 50px;
     left: 370px;
     position: relative;
     width: 250px;
}

.flameholder {
     float: left;
     height: 50px;
     position: relative;
     top: 20px;
     width: 200px;
}

.flamesopen, .flamesclosed {
     background-image: url("/images2/fire-alerts.png");
     float: left;
     height: 30px;
     position: relative;
     width: 28px;
}

.video_image, .video_image_direct {
     height: 78px;
     width: 140px;
}

.flamesopen {
     background-image: url("/images2/fire-alerts.png");
     background-position: 0px 38px;
}

.video_image span {
     border: 0px none;
     color: white;
     font-size: 1.2em;
     line-height: 1.1;
     position: absolute;
     right: 0px;
     text-align: center;
     top: 35px;
     width: 150px;
}

.video_image span a {
     border: 0px none;
}

.video_imagepersonal span, .video_imagelive span {
     color: white;
     font-size: 1.2em;
     line-height: 1.1;
     position: absolute;
     right: 0px;
     text-align: center;
     top: 45px;
     width: 150px;
}

.video_imagelive span {
     top: 22px;
     width: 110px;
}

.soldtext {
     color: white;
     cursor: pointer;
     font-size: 0.8em;
     position: relative;
     top: 8px;
}

.remrequesttext {
     cursor: pointer;
     font-size: 0.9em;
     left: -4px;
     position: relative;
     top: 12px;
}

.directviewbuttons {
     float: right;
     height: 70px;
     margin-right: 10px;
     position: relative;
     text-align: center;
     width: 55px;
}

.viewcountd {
     color: white;
     font-size: 1.4em;
     left: 29px;
     position: absolute;
     top: 12px;
}

.soldstatus, .soldstatussold {
     background-image: url("/images2/mark-sold.png");
     cursor: pointer;
     height: 30px;
     margin-top: 15px;
     width: 58px;
}

.soldstatus:hover {
     background-position: 0px 31px;
}

.viewcountdirect {
     background-image: url("/images2/eye-views.png");
     height: 30px;
     position: relative;
     top: 7px;
     width: 58px;
}

.makepersonaltext {
     cursor: pointer;
     font-size: 0.9em;
     left: -4px;
     position: relative;
     top: 12px;
}

.tarea2 {
     background-color: transparent;
     border: 0px none;
     color: white;
     height: 60px;
     padding-left: 5px;
     width: 421px;
}

.directplate, .directplate2, .manageplate, .manageplatetraining {
     color: #ffffff;
     font-size: 1.2em;
     left: 80px;
     position: absolute;
     top: 8px;
     width: 90px;
     word-break: break-all;
     z-index: 2;
}

.manageplate {
     font-size: 0.8em;
     left: 45px;
     top: 10px;
}

.manageplatetraining {
     font-size: 0.8em;
     left: 70px;
     top: 5px;
}

.directplate2 {
     font-size: 0.8em;
     left: 50px;
     top: 8px;
}

.buttonsection {
     float: right;
     height: 70px;
     left: 10px;
     position: relative;
     text-align: center;
     width: 135px;
}

.removerequest, .makepersonal {
     background-image: url("/images2/remove-request.png");
     cursor: pointer;
     height: 32px;
     margin-top: 6px;
     position: relative;
     right: 15px;
     width: 134px;
}

.buttonsection span {
     color: white;
     position: absolute;
     right: 15px;
     width: 140px;
     z-index: 2;
}

.customerinfo, .customerinfo2, .customerinfo3, .customerinfomanage {
     color: white;
     float: left;
     height: 80px;
     left: 235px;
     line-height: 1.3;
     position: relative;
     top: -53px;
     width: 290px;
}

.customerinfomanage {
     width: 350px;
}

.customerinfo3 {
     height: 60px;
     left: 90px;
     position: relative;
     top: -45px;
     width: 300px;
}

.customerinfo2 {
     width: 350px;
}

.customerinfo {
     width: 260px;
}

.notessection {
     background-image: url("/images2/contact-notes-box-expand.png");
     float: left;
     height: 64px;
     left: 300px;
     position: relative;
     top: 10px;
     width: 32%;
}

.regplatedirect, .regplatelive, .regplatelive2, .regplatemanage, .regplatetraining {
     float: left;
     height: 33px;
     left: 30px;
     position: relative;
     width: 131px;
}

.persrequest, .persrequest2, .persrequest4 {
     background-image: url("/images2/orginal-request.png");
     float: left;
     height: 35px;
     left: 41px;
     position: relative;
     width: 35px;
}

.persrequest5 {
     float: left;
     height: 35px;
     left: 41px;
     position: relative;
     width: 35px;
}

.persrequest4 {
     background-image: url("/images2/letter-icon.png");
     height: 34px;
}

.persrequest4:hover {
     background-position: 0px 34px;
}

.regplatedirect {
     background-image: url("/images2/new-direct-sm.png");
}

.regplatelive {
     background-image: url("/images2/new-live-sm.png");
}

.regplatelive2 {
     background-image: url("/images2/blank-live-sm.png");
}

.calendar {
     background-image: url("/images2/calendar.png");
     background-repeat: no-repeat;
     float: left;
     height: 18px;
     left: 90px;
     overflow: hidden;
     position: absolute;
     top: 6px;
     width: 15px;
}

#checkb {
     left: 20px;
     padding-top: 15px;
     position: relative;
     top: 30px;
}

.video_image, .video_imagepersonal, .video_imagelive {
     border: 0px none;
     float: right;
     width: 148px;
}

#sitevideo, #sitevideodisabled {
     margin: 10px auto auto;
     width: 512px;
}

.statuswarning, .statusconfirm, .numbercounter {
     height: 26px;
     position: absolute;
     right: 10px;
     top: -13px;
     width: 26px;
}
.imagecounter.pending{

     position:absolute;
     left:350px !important;
}
.noborders {
     border: 0px none;
}

.imageAssets {
     float: left;
     height: 78px;
     margin-bottom: 7px;
     min-width: 100%;
     position: relative;
}

#viewcur2 {
     left: -85px;
     position: relative;
}

#viewrem2 {
     color: white;
     font-size: 0.9em;
     left: 35px;
     position: absolute;
     top: 10px;
}

#viewcur2 {
     left: 15px;
     position: relative;
}

.customSelectInner {
     background-color: yellow;
}

.customerinfo {
     width: 300px;
}

#viewcur2 {
     left: 25px;
     position: relative;
}

#emailarea {
     background-color: white;
     height: auto;
     margin-left: 35%;
     padding: 20px;
     position: fixed;
     top: 150px;
     width: 400px;
     z-index: 25;
}

#leftbuttons div:hover {
     background-position: 0px -34px;
}

#resendemail, #closeemail {
     background-image: url("/images2/resend.png");
     cursor: pointer;
     float: right;
     height: 34px;
     position: relative;
     width: 87px;
}

#closeemail {
     background-image: url("/images2/closeicon.png");
     float: right;
     margin-right: 23px;
}

#resendemail:hover, #closeemail:hover {
     background-position: 0px 35px;
}

#resendemail span, #closeemail span {
     color: white;
     left: 10px;
     position: relative;
     top: 10px;
}

#ibrButtons > div {
     font-size: 1.6em;
     position: relative;
}

#ibrWarning > span {
     color: white;
     display: inline-block;
     position: relative;
     right: 105px;
     top: 136px;
     width: 300px;
}

#ibrWarning p {
     color: white;
     display: inline-block;
     left: 200px;
     position: relative;
     top: 40px;
     width: 300px;
}

.m-0 {
     margin: 0 !important;
}

.mt-0,
.my-0 {
     margin-top: 0 !important;
}

.mr-0,
.mx-0 {
     margin-right: 0 !important;
}

.mb-0,
.my-0 {
     margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
     margin-left: 0 !important;
}

.m-1 {
     margin: 0.25rem !important;
}

.mt-1,
.my-1 {
     margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
     margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
     margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
     margin-left: 0.25rem !important;
}

.m-2 {
     margin: 0.5rem !important;
}

.mt-2,
.my-2 {
     margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
     margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
     margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
     margin-left: 0.5rem !important;
}

.m-3 {
     margin: 1rem !important;
}

.mt-3,
.my-3 {
     margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
     margin-right: 1rem !important;
}

.mb-3,
.my-3 {
     margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
     margin-left: 1rem !important;
}

.m-4 {
     margin: 1.5rem !important;
}

.mt-4,
.my-4 {
     margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
     margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
     margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
     margin-left: 1.5rem !important;
}

.m-5 {
     margin: 3rem !important;
}

.mt-5,
.my-5 {
     margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
     margin-right: 3rem !important;
}

.mb-5,
.my-5 {
     margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
     margin-left: 3rem !important;
}

.p-0 {
     padding: 0 !important;
}

.pt-0,
.py-0 {
     padding-top: 0 !important;
}

.pr-0,
.px-0 {
     padding-right: 0 !important;
}

.pb-0,
.py-0 {
     padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
     padding-left: 0 !important;
}

.p-1 {
     padding: 0.25rem !important;
}

.pt-1,
.py-1 {
     padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
     padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
     padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
     padding-left: 0.25rem !important;
}

.p-2 {
     padding: 0.5rem !important;
}

.pt-2,
.py-2 {
     padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
     padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
     padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
     padding-left: 0.5rem !important;
}

.p-3 {
     padding: 1rem !important;
}

.pt-3,
.py-3 {
     padding-top: 1rem !important;
}

.pr-3,
.px-3 {
     padding-right: 1rem !important;
}

.pb-3,
.py-3 {
     padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
     padding-left: 1rem !important;
}

.p-4 {
     padding: 1.5rem !important;
}

.pt-4,
.py-4 {
     padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
     padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
     padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
     padding-left: 1.5rem !important;
}

.p-5 {
     padding: 3rem !important;
}

.pt-5,
.py-5 {
     padding-top: 3rem !important;
}

.pr-5,
.px-5 {
     padding-right: 3rem !important;
}

.pb-5,
.py-5 {
     padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
     padding-left: 3rem !important;
}