/*Styles for laying out the ASAP styleguide, not for use in production*/

main {position: fixed;width: 100%;padding: 2rem;display: block;overflow: auto;top: 10rem;bottom: 0;}
header {position: fixed;width:100%;height:10rem;box-shadow:0 0 1rem rgba(0,0,0,.1);background:#fff;    padding: 0 1rem;border-top:3px solid #C90107;}

header .logo {display: flex;font-size: 2.1rem;flex-direction: column;align-items: center;height: 100%;margin: 0 auto;justify-content: center;}
header .logo img {width: 4rem;margin-bottom: .5rem;}
header .logo h2  {margin:0;}

/*NEW CLASSES*/
.btn-full-width {width:100%;}
/*[class^="col-"] {padding: 1rem;}*/

.btn-short-width {width:30%;}
.flex-space {display:flex;justify-content:space-between;}
.flex-center {display:flex;align-content:center;justify-content:center;}

.success-mark {display: flex;width: 6.1rem;height: 6.1rem;margin: 0 auto 2rem;border: 3px solid #238723;border-radius: 50%;align-items: center;}
.success-mark .icon {width: 3.5rem;margin: 0 auto;height: 3.5rem;}
.iaa-id {display: block;margin: 2rem auto;align-items: center;width: 100%;text-align: center;font-size: 2.4rem;}

/*LAYOUT*/
.page-body {position: relative;width:100%;margin:0 auto;max-width: 102.4rem;}
.page-body-internal {position: relative;width:100%;margin:0 auto;max-width: 1200px;}


/*TILE*/
.tile{box-shadow:0 0 1rem rgba(0,0,0,.1);background:#fff;border-top:3px solid #C90107;margin-bottom:2rem;}
.tile-head,
.tile-body,
.tile-footer {padding: 1.5rem;}
.tile-head {border-bottom: 1px solid #ccc;padding:1.5rem;margin: 0; display:flex;justify-content:space-between;}
.tile-head h2 {margin: 0;}

/*BULLET LIST*/
.list-bullet { padding: 0 0 0 1rem; margin: 1rem 0 3.5rem 1rem; }
.list-bullet li { list-style: disc; margin-bottom: .75rem; }

@media only screen and (max-width: 480px) {
  .flex-space-upload{flex-direction:column;}
  .add-driver{width:100%;margin-top: 1rem !important;}
}
/* DESKTOP LAST */
@media (min-width: 768px) {
  .main {top: 5rem;}
  .header {height: 5rem;}
  .header .logo {flex-direction: row;justify-content: flex-start;}
  .header .logo h2 {font-size: 1.75rem;}
}

.flex-space-upload{display:flex;justify-content:space-between;}

/* remove to fix header  */
header {position:relative;}
main {position:relative;top:0;}

.driver-border{border-bottom: 1px solid #ccc;}
.driver-width{width:50%;}
.driver-top{margin-top:10px;}
.tile-head-driver {border-bottom: 1px solid #ccc;padding:1.25rem 0;}

.alert-p {
    padding: 1rem 2rem;
    margin: auto;
    align-items: center;
    line-height: 2;
    border-radius: 4px;
    top: 7rem;
    right: 0;
    left: 0;
    z-index: 9991;
}
.radio-loop{justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    margin-top:12px;
}

.radio-loop-border{
    flex:0 50%;box-sizing:border-box; margin-bottom:25px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #a3a3a3;
}

.added-drivers-text{
    color: #a3a3a3;
}

.overlay {
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.linear-loader{
       top: 0rem;
}

.circle-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -2.5rem 0 0 -2.5rem;
    width: 5rem;
    height: 5rem;
    z-index: 9990;
}

/* Apply Style for Time Updated  */

.sub-nav .time-updated {float:right;display:block;padding:.8rem 0;font-size:1.2rem;}
.sub-nav .btn-text {color:#fff; display: flex; align-items: center}
.sub-nav .btn-text .icon {fill:#fff;margin:0 .7rem 0 0;transition:fill .25s ease;}
.sub-nav .btn-text:hover {color:#aaa;}
.sub-nav .btn-text:hover .icon {fill:#aaa;}

.list-header .list-item {
    border-bottom: 0;
    vertical-align: middle;
    padding: 0rem 1.5rem;
}

.btn-confirm{
    margin-right:-13%;
}

.btn-delete{
    margin-right:-22%;
}


.list-width-img{
    width:18%;
}

.list-width-details{
    width:24%;
}

.list-width-id{
    width:16%
}


.search-box{
    float: right;
    min-width: 30rem;
}

.no-result {
    margin: 3% 2% 0% 2%;
    padding: 2rem;
    background: #fafafa;
    border: 1px solid #ddd;
    text-align: center;
}

.search::placeholder{
    font-size: 1.2rem;
}

.search:-ms-input-placeholder { /* IE 10+ */
  font-size: 1.2rem;
}

.search-icon{
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
}

.img-transporter{
    height: 50px;width: 60px;
}

.search-header{
    width:222px;
}

/*/Added class need to be reviewed by Dinesh/*/
.fail-mark {display: flex;width: 6.1rem;height: 6.1rem;margin: 0 auto 2rem;border: 3px solid #C90107;border-radius: 50%;align-items: center;}
.fail-mark .icon {width: 3.5rem;margin: 0 auto;height: 3.5rem;}

/* Modal -Driver details */

.modal-body.modal-body-no-padding {
    padding: 0;
}

.modal-form-container {
    padding:0 2rem;
}

.modal-bg {
    background-color: rgba(0, 0, 0, 0.5);
}

.checklist-container {
    background: #f2f2f2;
    padding: 1.5rem 2rem;
    margin-bottom: 2rem;
}

.checklist-container .checkbox-group {
    display: flex;
    justify-content: space-between;
}

.radio-group.radio-group-inline .radio {
    display: inline-block;
    margin-right: 2rem;
}

.radio-group.radio-group-inline .radio.radio-margin-lg {
    margin-right: 8rem;
}

.company-search-container {
    margin-top: 2rem;
    margin-bottom: 2rem;
    overflow:auto;
}

.company-search-container .btn {
    margin-top: 1.5rem;
}

.list-companies-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.list-companies-name {
    flex: 1;
}

.list-companies-item > .btn {
    flex: 0 0 5.5rem;
}

.icon {
    display: inline-block;
}

.icn16 {
    width: 1.6rem;
    height: 1.6rem;
}

.icn14 {
    width: 1.4rem;
    height: 1.4rem;
}

.btn > .icon {
    float: left;
    margin-right: 1rem;
}

.disableValidation {
    display: none;
}

.checklist-container label {
    font-size: 11px;
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col-contact-info > span {
    display: block;
}

/* Filters */

.list-filters {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
    align-items: center;
}

.filter-container {
    display: flex;
}

.filter-container .label {
    display: flex;
    align-items: center;
    margin-right: 1rem;
}

.filter-container .label .icon {
    height: 1.2rem;
    width: 1.2rem;
    margin-right: 0.5rem;
    fill: #666;
}

.btn-group-sm {
    height: 3.2rem;
}

/* Pagination */

.pagination-flex {
    display: flex;
    justify-content: space-between;
}

.pagination-left {
    display: flex;
}

.pagination-label {
    font-weight: 700;
    color: #434343 !important;
    font-size: 1rem;
    letter-spacing: .1rem;
    text-transform: uppercase;
    height: 3rem;
    width: auto;
    display: flex;
    align-items: center;
}

.pagination-dropdown {
    display: flex;
    margin-left: 1.5rem;
}

.pagination-dropdown .form-control {
    width: auto;
    display: inline-block;
    height: 3rem;
    margin-right: 0.8rem;
}


/* Listview Styles */

.item-list > li {border:1px solid #ddd;margin:0 0 1.5rem 0;}
.item-list .item-header {padding:0;background:#fff;border-bottom:1px solid #ddd;}
.item-list .item-actions {display: flex; justify-content: flex-end; }
.item-list .item-actions .btn {height: 3.7rem }
.item-list .item-actions .btn-secondary:first-child {border-right: 0 none;}
.item-list .item-actions .btn-cancel {padding-left: 1rem; padding-right: 1rem; }
.item-list .col-header {padding: 0.7rem 1rem; display: flex; align-items: center;}
.item-list .col-header h6 {margin-bottom: 0; margin-right: 1rem;}
.item-list .item-header .btn {margin:0;border-radius:0;}
.item-list .item-header .btn[disabled]{/*background:#dadada;opacity:1;border:none;*/}
.item-list .item-content {padding:2rem 1rem;}

/* Sortbar Styles */

.sort-bar {padding:.75rem 1rem; background:#f2f2f2;margin:0 0 1.5rem 0;border:1px solid #ddd;}
.sort-bar > div {display:inline-block;}
.sort-bar label {font-weight:700;text-transform:uppercase;font-size:1rem;margin:0;height:2.25rem; display: inline-block;}
.sort-bar .sortable label {background:rgba(255,255,255,.75); padding:0 .75rem .5rem 1rem;border-radius:2rem;cursor:pointer;}
.sort-bar label[data-sort="asc"], .sort-bar label[data-sort="desc"] {background:rgba(255,255,255,1)}
.sort-bar label:after {content:"";width:.2rem;height:1.5rem;margin:0;display:inline-block;position:relative;top:.4rem;}
/*.sort-bar label[data-sort]:after {background:url('../images/asap-bg-icons.svg') no-repeat;width:1.5rem; background-size:10rem 33rem;}*/

.sort-bar label[data-sort]:after {
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    display: inline-block;
    
    
    
}

.sort-bar label[data-sort="asc"]:after {
    vertical-align: text-bottom;
    width: 1rem;
    margin: 2px 3px 0 3px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M6.161 36.532a3.625 3.625 0 0 1-5.103 0 3.555 3.555 0 0 1 0-5.061l20.389-20.003a3.631 3.631 0 0 1 5.108 0l20.389 20.003a3.56 3.56 0 0 1 0 5.061 3.625 3.625 0 0 1-5.103 0L23.993 20.127 6.161 36.532z' fill='%23222222' fill-rule='evenodd' /%3E%3C/svg%3E");
}
.sort-bar label[data-sort="desc"]:after {
    vertical-align: text-bottom;
    width: 1rem;
    margin: 2px 3px 0 3px;
   
    /*background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M6.161 11.468a3.625 3.625 0 0 0-5.103 0 3.555 3.555 0 0 0 0 5.061l20.389 20.003a3.631 3.631 0 0 0 5.108 0l20.389-20.003a3.56 3.56 0 0 0 0-5.061 3.625 3.625 0 0 0-5.103 0L23.993 27.873 6.161 11.468z' fill='%230C8346' fill-rule='evenodd' /%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M6.161 11.468a3.625 3.625 0 0 0-5.103 0 3.555 3.555 0 0 0 0 5.061l20.389 20.003a3.631 3.631 0 0 0 5.108 0l20.389-20.003a3.56 3.56 0 0 0 0-5.061 3.625 3.625 0 0 0-5.103 0L23.993 27.873 6.161 11.468z' fill='%23222222' fill-rule='evenodd' /%3E%3C/svg%3E");
}
/*.sort-bar label[data-sort="none"]:after {background:none;width:.2rem;}*/

/* Tooltip */

.tooltipNew {
    position: relative;
    display: inline-block;
}

.tooltipNew .tooltiptextNew {
    visibility: hidden;
    width: 200px;
    background-color: #000000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
}

.tooltipNew .tooltiptextNew::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltipNew:hover .tooltiptextNew {
    visibility: visible;
    opacity: 1;
}


/* Search Styles */

.tile-head .input-group {float:right;min-width:30rem;}
.tile-head .input-group .form-control {float:left;width:calc(100% - 3.6rem);}
.tile-head .input-group .input-group-btn {float:left;width:3.6rem;}
.tile-head .input-group .form-control:first-child {border-top-right-radius:0;border-bottom-right-radius:0;}
.tile-head .input-group.search .btn {border:1px solid #ccc;border-radius:0 4px 4px 0;padding:1rem;}
.tile-head .input-group.search .btn:hover {background:#eee;}
.tile-head .input-group.search .icon-search {fill:#187fc7;}
.tile-head .search button[disabled] {opacity:1;}
.tile-head .search button[disabled] .icon {opacity:.35;}

.no-result-padding{
    padding-bottom:20px;
}

.drivers-additional-form .col-xs-12 {
    padding: 1rem;
}


.container-list-row{
    margin:15px 0px;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}

.modal {
   /* z-index: 20;*/
}

.modal-backdrop {
    z-index: 10;
}

.autocomplete-list-row {
    border: 1px solid #ccc;
    display: list-item;
    background-color: white;
}

a.ui-corner-all {
    display: block;
    text-decoration: none;
    color: #434343;
    font-size: 1.1rem;
    padding: 0.2rem 1.5rem;
}

a.ui-corner-all span {
    font-size: 1.3rem;
}

a.ui-corner-all:hover {
    background: #f4f4f4;
}

.ui-autocomplete {
    max-height: 170px;
    overflow-y: scroll;
    overflow-x: hidden;
    max-width: 467px;
}

.toggle-group-flex {
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
}

.toggle-group-flex .toggle-value-label {
    margin-right: 0.8rem;
}

.driver-companies-list {
    max-height: 10rem;
    overflow: auto;
}

.driver-companies-list li {
    display: block;
}

.g-recaptcha {
    margin: 1.5rem 0;
}

.page-body-sm {
    max-width: 70rem;
}

.webcam{
    margin: 3% 2% 0% 2%;
    padding: 2rem;
    background: #fafafa;
    border: 1px solid #ddd;
    text-align: center;
}

.picture{
    margin-bottom: 2rem;
}

.upload-picture{
    margin-top:2rem;
}

.footer-align{
    text-align:center;
}
.panel-icon{
    display:flex;
    align-items:center;
}

.panel-margin{
    margin-left:auto;
    margin-right:10px;
    
}
.badge-align{
    top:6px;
}

.badge-align-margin{
    padding-left: 2rem;
}

.pullout-margin{
    margin-top:9px;
}

/* Utilities */

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }

.m-auto { margin: 0 auto; }
.m-0 { margin: 0; }
.m-5 { margin: 0.5rem; }
.m-10 { margin: 1rem; }
.m-15 { margin: 1.5rem; }
.m-20 { margin: 2rem; }
.m-25 { margin: 2.5rem; }
.m-30 { margin: 3rem; }
.m-35 { margin: 3.5rem; }
.m-40 { margin: 4rem; }
.m-45 { margin: 4.5rem; }
.m-50 { margin: 5rem; }

.mt-0 { margin-top: 0; }
.mt-5 { margin-top: 0.5rem; }
.mt-10 { margin-top: 1rem;}
.mt-15 { margin-top: 1.5rem; }
.mt-20 { margin-top: 2rem; }
.mt-25 { margin-top: 2.5rem; }
.mt-30 { margin-top: 3rem; }
.mt-35 { margin-top: 3.5rem; }
.mt-40 { margin-top: 4rem; }
.mt-45 { margin-top: 4.5rem; }
.mt-50 { margin-top: 5rem; }

.mb-0 { margin-bottom: 0; }
.mb-5 { margin-bottom: 0.5rem;}
.mb-10 { margin-bottom: 1rem;}
.mb-15 { margin-bottom: 1.5rem;}
.mb-20 { margin-bottom: 2rem;}
.mb-25 { margin-bottom: 2.5rem;}
.mb-30 { margin-bottom: 3rem;}
.mb-35 { margin-bottom: 3.5rem;}
.mb-40 { margin-bottom: 4rem;}
.mb-45 { margin-bottom: 4.5rem;}
.mb-50 { margin-bottom: 5rem;}

.ml-auto { margin-left: auto; }
.ml-0 { margin-left: 0;}
.ml-5 { margin-left: 0.5rem;}
.ml-10 { margin-left: 1rem;}
.ml-15 { margin-left: 1.5rem;}
.ml-20 { margin-left: 2rem;}
.ml-25 { margin-left: 2.5rem;}
.ml-30 { margin-left: 3rem;}
.ml-35 { margin-left: 3.5rem;}
.ml-40 { margin-left: 4rem;}
.ml-45 { margin-left: 4.5rem;}
.ml-50 { margin-left: 5rem;}

.mr-auto { margin-right: auto; }
.mr-0 { margin-right: 0;}
.mr-5 { margin-right: 0.5rem;}
.mr-10 { margin-right: 1rem;}
.mr-15 { margin-right: 1.5rem;}
.mr-20 { margin-right: 2rem;}
.mr-25 { margin-right: 2.5rem;}
.mr-30 { margin-right: 3rem;}
.mr-35 { margin-right: 3.5rem;}
.mr-40 { margin-right: 4rem;}
.mr-45 { margin-right: 4.5rem;}
.mr-50 { margin-right: 5rem;}

.mx-0 { margin-right: 0; margin-left: 0;}
.mx-5 { margin-right: 0.5rem; margin-left: 0.5rem;}
.mx-10 { margin-right: 1rem; margin-left: 1rem;}
.mx-15 { margin-right: 1.5rem; margin-left: 1.5rem;}
.mx-20 { margin-right: 2rem; margin-left: 2rem;}
.mx-25 { margin-right: 2.5rem; margin-left: 2.5rem;}
.mx-30 { margin-right: 3rem; margin-left: 3rem;}
.mx-35 { margin-right: 3.5rem; margin-left: 3.5rem;}
.mx-40 { margin-right: 4rem; margin-left: 4rem;}
.mx-45 { margin-right: 4.5rem; margin-left: 4.5rem;}
.mx-50 { margin-right: 5rem; margin-left: 5rem;}

.my-0 { margin-top: 0; margin-bottom: 0;}
.my-5 { margin-top: 0.5rem; margin-bottom: 0.5rem;}
.my-10 { margin-top: 1rem; margin-bottom: 1rem;}
.my-15 { margin-top: 1.5rem; margin-bottom: 1.5rem;}
.my-20 { margin-top: 2rem; margin-bottom: 2rem;}
.my-25 { margin-top: 2.5rem; margin-bottom: 2.5rem;}
.my-30 { margin-top: 3rem; margin-bottom: 3rem;}
.my-35 { margin-top: 3.5rem; margin-bottom: 3.5rem;}
.my-40 { margin-top: 4rem; margin-bottom: 4rem;}
.my-45 { margin-top: 4.5rem; margin-bottom: 4.5rem;}
.my-50 { margin-top: 5rem; margin-bottom: 5rem;}

/* Padding */

.p-0 { padding: 0;}
.p-5 { padding: 0.5rem;}
.p-10 { padding: 1rem;}
.p-15 { padding: 1.5rem;}
.p-20 { padding: 2rem;}
.p-25 { padding: 2.5rem;}
.p-30 { padding: 3rem;}
.p-35 { padding: 3.5rem;}
.p-40 { padding: 4rem;}
.p-45 { padding: 4.5rem;}
.p-50 { padding: 5rem;}

.pt-0 { padding-top: 0;}
.pt-5 { padding-top: 0.5rem;}
.pt-10 { padding-top: 1rem;}
.pt-15 { padding-top: 1.5rem;}
.pt-20 { padding-top: 2rem;}
.pt-25 { padding-top: 2.5rem;}
.pt-30 { padding-top: 3rem;}
.pt-35 { padding-top: 3.5rem;}
.pt-40 { padding-top: 4rem;}
.pt-45 { padding-top: 4.5rem;}
.pt-50 { padding-top: 5rem;}

.pb-0 { padding-bottom: 0;}
.pb-5 { padding-bottom: 0.5rem;}
.pb-10 { padding-bottom: 1rem;}
.pb-15 { padding-bottom: 1.5rem;}
.pb-20 { padding-bottom: 2rem;}
.pb-25 { padding-bottom: 2.5rem;}
.pb-30 { padding-bottom: 3rem;}
.pb-35 { padding-bottom: 3.5rem;}
.pb-40 { padding-bottom: 4rem;}
.pb-45 { padding-bottom: 4.5rem;}
.pb-50 { padding-bottom: 5rem;}

.pl-0 { padding-left: 0;}
.pl-5 { padding-left: 0.5rem;}
.pl-10 { padding-left: 1rem;}
.pl-15 { padding-left: 1.5rem;}
.pl-20 { padding-left: 2rem;}
.pl-25 { padding-left: 2.5rem;}
.pl-30 { padding-left: 3rem;}
.pl-35 { padding-left: 3.5rem;}
.pl-40 { padding-left: 4rem;}
.pl-45 { padding-left: 4.5rem;}
.pl-50 { padding-left: 5rem;}

.pr-0 { padding-right: 0;}
.pr-5 { padding-right: 0.5rem;}
.pr-10 { padding-right: 1rem;}
.pr-15 { padding-right: 1.5rem;}
.pr-20 { padding-right: 2rem;}
.pr-25 { padding-right: 2.5rem;}
.pr-30 { padding-right: 3rem;}
.pr-35 { padding-right: 3.5rem;}
.pr-40 { padding-right: 4rem;}
.pr-45 { padding-right: 4.5rem;}
.pr-50 { padding-right: 5rem;}

.px-0 { padding-right: 0; padding-left: 0;}
.px-5 { padding-right: 0.5rem; padding-left: 0.5rem;}
.px-10 { padding-right: 1rem; padding-left: 1rem;}
.px-15 { padding-right: 1.5rem; padding-left: 1.5rem;}
.px-20 { padding-right: 2rem; padding-left: 2rem;}
.px-25 { padding-right: 2.5rem; padding-left: 2.5rem;}
.px-30 { padding-right: 3rem; padding-left: 3rem;}
.px-35 { padding-right: 3.5rem; padding-left: 3.5rem;}
.px-40 { padding-right: 4rem; padding-left: 4rem;}
.px-45 { padding-right: 4.5rem; padding-left: 4.5rem;}
.px-50 { padding-right: 5rem; padding-left: 5rem;}

.py-0 { padding-top: 0; padding-bottom: 0;}
.py-5 { padding-top: 0.5rem; padding-bottom: 0.5rem;}
.py-10 { padding-top: 1rem; padding-bottom: 1rem;}
.py-15 { padding-top: 1.5rem; padding-bottom: 1.5rem;}
.py-20 { padding-top: 2rem; padding-bottom: 2rem;}
.py-25 { padding-top: 2.5rem; padding-bottom: 2.5rem;}
.py-30 { padding-top: 3rem; padding-bottom: 3rem;}
.py-35 { padding-top: 3.5rem; padding-bottom: 3.5rem;}
.py-40 { padding-top: 4rem; padding-bottom: 4rem;}
.py-45 { padding-top: 4.5rem; padding-bottom: 4.5rem;}
.py-50 { padding-top: 5rem; padding-bottom: 5rem;}



/* --- Modernized override */
.ttile-head--margin {
    margin: 0;
    padding-top:0;
}

.driver--spacing {
    padding: 1.5rem;
}

.linear-loader {
    margin:0;
}

.segment-ctrl-width {
    width: auto;
}

.upload-picture {
    margin-top: 0;
    margin-right: 1rem;
    width: auto;
}

.modal {
    z-index: 9999;
}

.sub-nav .time-updated {
    align-self: center;
    margin-left: auto; /* Pushes .time-updated to the right */
    padding: .8rem 0;
}


.loading-rules-wapper {
    display: flex;
    flex-direction: column;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0.5rem;
    width: 180px;   
    margin-top: 1rem;
}

.acknowledged-icon {
    fill: #238723;
    width: 2.5rem;
    height: 2.5rem;
    position: relative;
    display: inline-block;
}

.note-acknowledged-icon {
    fill: #C90107;
    width: 2.5rem;
    height: 2.5rem;
    position: relative;
    display: inline-block;
}