.modal{
    z-index: 1060!important;
}

* {
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
}

* {
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
}

* {
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
}

.ui-dialog-titlebar{
    padding: 5px!important;
}

[data-in-out-bundle-usage-progressbar-value],[data-in-out-bundle-usage-progressbar-percent] {
    margin-top: 15px !important;
    overflow: visible;
    margin-bottom: 0;
    min-width: 85px;
}

.dataTable [data-in-out-bundle-usage-progressbar-value], .dataTable [data-in-out-bundle-usage-progressbar-percent] {
    min-width: 70px
}

[data-in-out-bundle-usage-progressbar-value]:after, [data-in-out-bundle-usage-progressbar-value]:before {
    position: absolute;
    background: 0 0;
    font-size: 11px;
    top: -12px
}

[data-in-out-bundle-usage-progressbar-value]:before {
    content: attr(data-in-out-bundle-usage-progressbar-value);
    top: -12px;
}

[data-in-out-bundle-usage-progressbar-percent]:after {
    content: attr(data-in-out-bundle-usage-progressbar-percent)'%';
    left: auto;
    right: 0;
    font-weight: bold;
}

[data-in-out-bundle-usage-progressbar-percent='0']:after {
    content: '';
}

.key-value-colon-justify {
    display:table;
    list-style:none;
    padding-left:0;
}

.key-value-colon-justify > li
{
    display:table-row;
}

.key-value-colon-justify > li > *
{
    display:table-cell;
    padding:1px;
}

.key-value-colon-justify label,.key-value-colon-justify h2 {
    text-align:right;
}

.key-value-colon-justify h2 {
    font-weight: 400;
}

.key-value-colon-justify label:after {
    content: ':';
}

.header-alert .alert{
    margin-bottom: 0!important;
}

.left-panel-when-flush{
    top:56px!important;
}

.not-header-search{
    display: none;
}

@media only screen and (min-width: 591px) and (max-width: 1130px) {
    .left-panel-when-flush{
        top:74px!important;
    }
}

@media only screen and (min-width: 422px) and (max-width: 590px) {
    .left-panel-when-flush{
        top:92px!important;
    }
}

@media only screen and (min-width: 332px) and (max-width: 421px) {
    .left-panel-when-flush{
        top:110px!important;
    }
}

@media only screen and (min-width: 279px) and (max-width: 331px) {
    .left-panel-when-flush{
        top:128px!important;
    }
}

@media only screen and (min-width: 10px) and (max-width: 278px) {
    .left-panel-when-flush{
        top:183px!important;
    }
}

.ui-multiselect-label{
    padding-right: 50px!important;
    padding-bottom: 2px!important;
}

.above-table-data-row{
    margin: 7px 0 4px 0;
}

.form-error {
    color: #f56954
}

.panel-grey {
    border-color: #ccc;
}

div.border-shadow:hover {
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    border: 1px solid #ccc;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

.flush-alert-link{
    color: #333;
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
}

.dashed-link{
    border-bottom: 1px dashed #3276b1 !important;
    cursor: pointer !important;
}

.underline-link{
    cursor: pointer!important;
    text-decoration: underline!important;
}

.font-size-65p{
    font-size: 65% !important;
}

.overflow-x-auto{
    overflow-x:auto !important;
}

table.dataTable{
    margin: 0!important;
}

div.product-shadow {
    width: 300px;
    height: 310px;
    margin: 5px;
    border: 1px solid transparent;
    cursor: pointer;
    position: relative;
}
@media(min-width:767px) {
    div.product-shadow:hover {
        -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
        border: 1px solid #ccc;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    }
}

.ub-quick-view-btn-container {
    white-space: nowrap;
    position: relative;
    width: 100%;
    text-align: center;
    margin: 0;
    display: none;
}

a.ub-quick-view-button {
    -webkit-box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.3)
}

div.product-shadow:hover > .ub-quick-view-btn-container {
    display: block;
    top: 45%;
    z-index: 2;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.h2-variant {
    font-size: 16px;
}

.right-line {
    padding-right: 14px;
    border-right: 1px solid #000;
}

.bottom-buffer-40 {
    margin-bottom: 40px;
}

.top-buffer-40 {
    margin-top: 40px;
}

.top-buffer-20 {
    margin-top: 20px;
}

.top-buffer-25 {
    margin-top: 25px;
}

.top-buffer-10 {
    margin-top: 10px !important;
}

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

.top-buffer-8 {
    margin-top: 8px;
}

.top-buffer-7 {
    margin-top: 7px;
}

.top-buffer-6 {
    margin-top: 6px;
}

.buffer-10 {
    margin: 10px;
}

.buffer-5 {
    margin: 5px;
}

.buffer-3 {
    margin: 3px!important;
}

.top-buffer-5 {
    margin-top: 5px;
}

.top-buffer-2 {
    margin-top: 2px;
}

.left-buffer-5 {
    margin-left: 5px!important;
}

.left-buffer-10 {
    margin-left: 10px;
}

.left-buffer-20 {
    margin-left: 20px;
}

.left-buffer-40 {
    margin-left: 40px;
}

.right-buffer-10 {
    margin-right: 10px;
}

.bottom-buffer-10 {
    margin-bottom: 10px;
}

.bottom-buffer-2 {
    margin-bottom: 2px!important;
}

.satrunner-logo {
    width: 110px
}

.full-width {
    width: 100%;
}

.increased-font {
    font-size: 18px !important;
}

.table-display {
    display: table !important;
}

input {
    font-size: 14px !important;
}

.form-control {
    height: 30px;
    padding: 0 10px;
}

#phonePrefixContainer {
    font-size: 22px;
}

.extra-large-txt-1 {
    font-size: 80px;
    line-height: 70px;
}

.extra-large-txt-2 {
    font-size: 40px;
    line-height: 50px;
}

.extra-large-txt-3 {
    font-size: 45px;
    line-height: 45px;
    font-weight: 400
}

.extra-large-txt-4 {
    font-size: 25px;
    line-height: 35px;
    vertical-align: top;
    font-weight: 100;
}

.large-txt {
    font-size: 16px
}

.li-txt {
    font-size: 12px;
    font-weight: 300
}

.top-header {
    z-index: 1000;
    height: 50px !important;
}

.top-header #logo {
    margin-top: 10px !important;
}

.top-header .language-selector {
    line-height: 50px !important;
}

.input-group-addon {
    min-width: 35px;
}

.dataTables_filter .input-group-addon {
    height: 30px;
}

.language-selector {
    vertical-align: middle;
}

.language-selector .header-dropdown-list {
    /*padding-right: 50px;*/
    padding-top: 28px;
}

.top-header .language-selector .header-dropdown-list {
    /*padding-right: 50px;*/
    padding-top: 0 !important;
}

.header-dropdown-list > li > .dropdown-toggle {
    margin-top: 1px !important;
}

.header-account-code {
    font-size: 13px;
    line-height: 55px;
    padding: 0 20px;
}

.datepicker {
    z-index: 1000 !important;
    padding: 0 75px 0 5px;
}

@media (min-width: 820px) {
    .popover820 .popover {
        max-width: 420px !important;
    }
}

.font-s10 {
    font-size: 10px;
}

.input-group-btn button {
    height: 30px;
}

.short-description {
    max-width: 130px;
    word-break: normal;
}

@media (min-width: 768px) {
    .text-sm-center {
        text-align: center;
    }
}

.cost-without-markup {
    width: 40px;
    background-color: white;
}

.input-group-addon:first-child + .input-group-addon:last-child {
    border-left: 1px solid #ccc;
}

.input-group-addon:not(:first-child):not(:last-child) + .input-group-addon:not(:first-child):not(:last-child) {
    border-left: 0;
}

.form-control + .input-group-addon:not(:first-child):not(:last-child) {
    border-left: 0;
}

.input-group-addon:not(:first-child):not(:last-child) + .form-control {
    border-left: 0;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.traffic-usage-item {
    margin: 5px 5px 0 0;
    width: 24px
}

.traffic-usage-red {
    background-color: #A90329 !important;
    color: #FFFFFF;
}

.traffic-usage-orange {
    background-color: #CE5000 !important;
    color: #FFFFFF;
}

.traffic-usage-yellow {
    background-color: #C79121 !important;
    color: #FFFFFF;
}

.traffic-usage-green {
    background-color: #356E35 !important;
    color: #FFFFFF;
}

.traffic-usage-gray {
    background-color: gray;
    color: #FFFFFF;
}

.dropbtn {
    cursor: pointer;
}

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

.dropdown-content {
    display: none;
    position: absolute;
    /*right: 0;*/
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #f1f1f1
}

.dropdown:hover .dropdown-content {
    display: block;
    position: absolute;
    z-index: 5;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

td {
    white-space: nowrap;
}

.page-footer{
    padding:0 13px 0;
    height: 74px;
}

.AuthorizeNetSeal{text-align:center;margin:0;padding:0;width:90px;font:normal 9px arial,helvetica,san-serif;line-height:10px;}
.AuthorizeNetSeal a{text-decoration:none;color:black;}
.AuthorizeNetSeal a:visited{color:black;}
.AuthorizeNetSeal a:active{color:black;}
.AuthorizeNetSeal a:hover{text-decoration:underline;color:black;}
.AuthorizeNetSeal a img{border:0px;margin:0px;text-decoration:none;}

.authorize-seal-img{
    width:90px;
    height:72px;
}