.error{
	color: #ff5733;
	font-size: 15px;
}
@media (min-width: 992px){
    .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
        padding: 0 15px;
    }
}/*

.page-sidebar .page-sidebar-menu > li:hover > a{
    background: rgba(200,200,200,.2) !important;
    color: #2c42af ;
}*/
.mt-check-label {
    display: block;
}
.page-header.navbar .page-logo.plwhite {
    background-color: #eef1f5;
}
.page-header.navbar .page-logo.plwhite .logo-default{
    margin: 15px 0 0;
    max-height: 46px;
}
.page-header.navbar .menu-toggler.togleblack {
    background-image: url(../img/sidebar-toggler-inverse.png);
}
.portlet > .portlet-title > .tools > a{
	height: auto !important;
}
.font-dark .fa-phone {
	font-size: 20px !important;
}
.btn.btn-success.btns-mtop {
	margin-top: 25px;
}
.method-lbl {
	padding: 15px 0px 10px 0px;
	border-bottom: 1px solid #ddd;
}
.input-group-l {
	padding: 0px 30px 0px 60px;
}
.input-group-l .form-control {
	width: 100%;
	max-width: 200px;
}
.input-group-l .form-group .input-group{
	width: 100%;
	max-width: 200px;
}

.input-large.il2 {
    width: 100% !important;
}
.exel-btn{
    padding: 9px;
}

@media (max-width: 767px){
	.input-group-l {
		padding: 0px 15px 0px 40px;
	}
	.radio-gpl .radio{
		margin-bottom: 10px;
	}
	.input-group-l .form-group .control-label{
		padding-left: 0px;
	}
	.input-group-l .form-control {
		width: 100%;
		max-width: 400px;
	}
	.input-group-l .form-group .input-group{
		width: 100%;
		max-width: 400px;
	}
}
.form-add-row .form-group{
    margin-right: 0px;
    margin-left: 0px;
}
@media (max-width: 1212px){
    .form-add-row .form-group.check-grop {
        margin-bottom: 0px;
    }
    .form-add-row .form-group.check-grop > .checkbox-list{
        margin-bottom: 2px
    }
}

.table-wizard thead tr th{
    vertical-align: top;
}
.table-wizard thead tr th:last-child{
    vertical-align: middle;
}
.table-wizard tbody tr td {
    text-align: center;
    vertical-align: middle;
}
.table-wizard tbody tr td .form-group{
    margin: 0 auto;
}
.table-wizard tbody tr td input[type="text"]{
    max-width: 100%;
    margin: auto;
}
.table-wizard tbody tr td .form-group .form-control{
    padding: 3px 3px;
}
.table-wizard tbody tr td select.form-control{
    max-width: 100%;
    min-width: 100%;
}
.mat-table, .mat-table > tbody > tr > td, .mat-table > tbody > tr > th, .mat-table > tfoot > tr > td, .mat-table > tfoot > tr > th, .mat-table > thead > tr > td, .mat-table > thead > tr > th{
	border:none;
}
.mat-table thead{
	background-color: #ccc;
}
.mat-table > tbody > tr{
	border-bottom: 1px solid #ccc;
}
/*.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th {
	padding: 0px;
}*/
.form-wizard .steps {
    max-width: 100%;
}
.nav-justified.steps > li > a.step{
    background-color: hsl(0, 0%, 95.3%);
    position: relative;
    padding: 11px 15px 10px;
}
.nav-justified.steps > li > a.step::after{
    content: "";
    top: 100%;
    left: 100%;
    z-index: 2;
    display: block;
      width: 0;
      height: 0;
    position: absolute;
    margin-top: -44px;
     border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 30px solid hsl(0, 0%, 95.3%);
}
.nav-justified.steps > li > a.step::before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 31px solid #FFFFFF;
    position: absolute;
    top: 100%;
    margin-top: -46px;
    margin-left: 0px;
    left: 100%;
    z-index: 1;
}
.nav-justified.steps > li:last-child > a.step::after {
    content: "";
    top: 100%;
    left: 100%;
    z-index: 2;
    display: block;
      width: 0;
      height: 0;
    position: absolute;
    margin-top: -44px;
     border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 30px solid hsl(0, 0%, 0%);
}
.nav-justified.steps > li:hover > a.step,
.nav-justified.steps > li.done:hover > a.step{
    background-color: rgb(31, 43, 61);
    color: #FFF;
}
.nav-justified.steps > li.done:hover > a.step .desc{
	color: #ffffff;
}
.nav-justified.steps > li:hover > a.step::after{
    border-left-color: rgb(31, 43, 61);
}
.form-wizard .steps > li.active > a.step{
    background-color: rgb(31, 43, 61);
}
.form-wizard .steps > li.active > a.step::after{
    border-left-color: rgb(31, 43, 61);
}
.form-wizard .steps > li > a.step .desc{
    font-weight: bold;
}
.form-wizard .steps > li.active > a.step .desc{
    color: #17c4bb;
}
.portlet.box.green > .portlet-title > .actions .btn-default {
    background-color: #fff !important;
    border: 1px solid #2c42af;
    color: #2c42af;
    font-weight: bold;
}
.portlet.box.green > .portlet-title > .actions .btn-default:hover {
    color:#2c42af;
}
/***** Drog and Drop td in table **/
.actions.filters .date-pickk{
float: left;
}
.actions.filters .filter-btn{
float: left;
}
.redips-clone{
    margin: auto;
    text-align: center;
    /*width: 120px;
    height: 35px;
    line-height: 35px;*/
    padding:    5px;
    border: 2px solid #efefef;
    background-color: #fbfbfb;
    margin-bottom: 2px;
    position: relative;
}
.tble-drag thead tr{
    background-color: #f9f9f9;
}
.cmn-tool + .tooltip > .tooltip-inner{
    background-color: #2c42af ;
    border-radius: 4px;
}
.cmn-tool + .tooltip > .tooltip-arrow { border-top-color:#2c42af; }

.check-save{
    text-align: right;
    font-size: 20px;
    color: green;
    cursor: pointer;
}
#expertdiv > div:first-child input[type="file"]{
    width: 100%;
}
.table-bordered, .table-bordered > tbody > tr {
    border: 2px solid #ccc;
}
.scy-tbl {
    /*max-height: 650px;*/
   /* overflow-y: scroll;
    height: 100%;*/
}

.detail-div {
    position: relative;
    padding: 10px;
    background: #ffffff;
    border: 1px solid #ddd;
    top: 6px;
    right: -6px;
    display: none;
}
.detail-div label{
    font-weight: bold;
    display: block;
}
.detail-div label span{
    font-weight: normal;
}
.m-label,.modal-title{
    font-weight: bold;
}

.font-dark {
    color: #fff !important;
}
.no-gutters {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.quote-header-title h3 {
    margin: 0 !important;
    font-size: 20px;
}
.quote-header-title {
    border-top: 1px solid #ddd;
    margin-top: 20px;
    clear: both;
}
.form .form-body, .portlet-form .form-body {
    padding: 0px !important;
}
.quote .form-group {
    margin-bottom: 10px;
}
.form-group.del-quote {
    padding: 0px;
    text-align: center;
    padding-top: 9px;
}
.form-group.del-quote1 {
    padding-top: 37px;
}
.del-quote a, .action a{
    /*font-size: 25px;*/
    color: #c22;
}
.action {
    text-align: left;
}
.action a {
    margin: 0 5px;
}

.btn.btn-outline.grey-salsa.active,.btn.btn-outline.grey-salsa:active,.btn.btn-outline.grey-salsa:active:focus,.btn.btn-outline.grey-salsa:active:hover,.btn.btn-outline.grey-salsa:focus,.btn.btn-outline.grey-salsa:hover {
 border-color:#14B9D6;
 color:#FFF;
 background-color:#14B9D6
}
.view-quote-table{
    margin-bottom: 0px;
}
/*#printer_frame{
    max-width: 850px;
    width: 100%;
    margin: 30px auto 0;
    border: 1px solid #000 !important;
    box-shadow: 0px 0px 10px #929292;
}*/
.print-wp {
    max-width: 850px;
    width: 100%;
    margin: 30px auto 0;
    /*border: 1px solid #000;*/
    box-shadow: 0px 0px 10px #929292;
}
.liberty-logo.text-center{
    text-align: left !important;
    height: 40% !important;
}
.print-iner {
    padding: 15px;
}
.print-wp > .print-iner > .container {
    width: 100%;
    padding: 0px;
}
.portlet > .portlet-body p.attn {
    margin-bottom: 0px;
    margin-top: 70px;
}
.quote-date b:not(:last-child){
    margin-right: 10px;
}
.mt-30{
    margin-top: 30px;
}
.print-iner .table-responsive{
    padding: 1px;
}
.print-iner .table > tbody > tr > td{
    border: 1px solid #e7ecf1 !important;
}
.user-sign {
    padding: 10px;
    max-width: 70%;
}
#truck-tbl > .header > tr > th > span {
    display: block;
    /* position: relative; */
}
#truck-tbl > .header > tr > th {
    /*position: relative;*/
    overflow: hidden;
}
#truck-tbl > .header > tr > th > span::before {
    content: "";
    width: 1px;
    height: 70px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #e7ecf1;
}
.portlet > .portlet-body .user-sign p{
    margin-bottom: 15px;
}
.portlet > .portlet-body .user-sign p label{
    min-width: 90px;
}
.portlet > .portlet-body .user-sign p span {
    width: calc(100% - 100px);
    height: 1px;
    background-color: #2c2c2c;
    display: inline-block;
    position: relative;
    bottom: -7px;
}
.print-footer {
    border-top: 1px solid #000;
    padding-top: 10px;
    margin-top: 170px;
}
@media (max-width: 767px){
    .print-iner {
        padding-right: 20px;
    }
    .col-sutome {
        width: 100%;
    }
    .liberty-logo{
        text-align: center;
    }
    .portlet > .portlet-body p.attn {
        margin-bottom: 50px;
        margin-top: 20px;
    }
}
@media (max-width: 400px){
    .print-footer{
        margin-top: 90px;
        text-align: center;
    }
    .print-footer p{
        float: none !important;
    }
}
#inputpicker-wrapped-list {
    width: 260px !important;
}
.inputpicker-div {
    height: auto !important;
}
.inputpicker-wrapped-list .inputpicker-active {
    background-color: #fafdfe !important;
}
.form-group {
     margin-bottom: 0px; 
}
h3.block{
    margin-top: 0px;
}
.tile {
    display: table;
    width: 100%;
    height: 200px;
    position: relative;
    margin-bottom: 20px;
}
.tile-align {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.tile-desc {
    position: absolute;
    text-align: center;
    bottom: 25px;
    z-index: 1;
    left: 0;
    right: 0;
}
.tile-desc h3 {
    font-size: 16px;
}
.color-1{
   background: #2c42af;
    color: #FFF;
}
.color-2{
    background-image: linear-gradient(45deg,#1488cc,#2b32b2);
    color: #FFF;
}

.tile-view .full-col a, .tile-box i.fa, .tile-desc{
    transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
.tile-view .full-col a .tile-box i.fa{
    transform: scale(0.75);
}
.tile-view .full-col a:hover .tile-box i.fa{
    transform: scale(1.15);
}
.tile-view .full-col a:hover .tile-desc {
    bottom: 10px;    
}
@media (max-width: 499px){
    .full-col{
        width: 100% !important;
    }
}
.quote .col-lg-1, .quote .col-lg-10, .quote .col-lg-11, .quote .col-lg-12, .quote .col-lg-2, .quote .col-lg-3, .quote .col-lg-4, .quote .col-lg-5, .quote .col-lg-6, .quote .col-lg-7, .quote .col-lg-8, .quote .col-lg-9, .quote .col-md-1, .quote .col-md-10, .quote .col-md-11, .quote .col-md-12, .quote .col-md-2, .quote .col-md-3, .quote .col-md-4, .quote .col-md-5, .quote .col-md-6, .quote .col-md-7, .quote .col-md-8, .quote .col-md-9, .quote .col-sm-1, .quote .col-sm-10, .quote .col-sm-11, .quote .col-sm-12, .quote .col-sm-2, .quote .col-sm-3, .quote .col-sm-4, .quote .quote .col-sm-5, .quote .col-sm-6, .quote .col-sm-7, .quote .col-sm-8, .quote .col-sm-9, .quote .col-xs-1, .quote .col-xs-10, .quote .col-xs-11, .quote .col-xs-12, .quote .col-xs-2, .quote .col-xs-3, .quote .col-xs-4, .quote .col-xs-5, .quote .col-xs-6, .quote .col-xs-7, .quote .col-xs-8, .quote .col-xs-9 {
    padding-left: 5px;
    padding-right: 5px;
}
.quote-material .form-group {
    margin-bottom: 0px;
}
.quote-material .control-label {
    padding-top: 0px;
 text-wrap: nowrap;
}
/*.block-cls{
    background-color: #778899 !important; 
}*/
.clearfix::before{
    display: table;
    content: " ";
}
.clearfix::after{
    clear: both;
}
.sale-title h2 {
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 800;
}
.s-date {
    font-size: 13px;
    margin: 0px;
}
.liberty-logo h1 {
    font-size: 18px;
    margin: 0px 0px 0px;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-weight: 600;
}
.liberty-logo h3 {
    margin: 0px 0px 5px;
    font-size: 13px;
    color: #000;
    font-weight: 500;
}
.liberty-logo p {
    font-size: 13px;
    font-weight: bold;
    margin: 0px 0px 0px;
}
.cc-details {
    display: flex;
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    padding: 6px 0px 6px;
}
.ccd-fr{
    max-width: 50%;
    flex: 0 0 50%;
}
.ccd-fr ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.ccd-fr ul li {
    font-size: 15px;
    padding: 0px 0px;
    margin: 0px 0px 0px;
}
.ccd-fr.fr1 ul li span:first-child{
    padding-right: 10px;
	width: 105px;
    display: inline-block;
}
.ccd-fr.fr2 ul li span:first-child {
    width: 105px;
    display: inline-block;
}
.print-text h5 a:hover{
    text-decoration: none;
}
.appricate p a:hover{
    text-decoration: none;
}
.ccd-fr.fr2 ul li span a:hover{
    text-decoration: none;
}
.tn-tbl > tbody > tr > td {
    border: 2px solid #000;
    height: 0px;
    font-size: 14px;
    color: #000;
}
.tn-tbl > thead > tr > th,
.tn-tbl > tbody > tr > td {
    text-align: center;
}
.tn-tbl > thead > tr > th {
    border: 2px solid #ddd;
    border-bottom: 0px;
    font-weight: normal;
    vertical-align: middle;
    line-height: normal;
    font-size: 15px;
}
.tn-tbl > thead > tr > th:last-child{
    font-weight: bold;
}
.tn-tbl > tbody > tr > td > p {
    margin: 0px;
}
.tn-tbl > tbody > tr > td > p > span {
    padding-left: 8px;
}
/*.table > tbody > tr > td:nth-child(1){
    text-align: left;   
}*/
.tn-tbl > tbody > tr > td:nth-child(1){
    width: 10px;
}
.tn-tbl > tbody > tr > td:nth-child(2){
    width: 40px;
}
.tn-tbl > tbody > tr > td:nth-child(3){
    width: 40px;
}
.tn-tbl > tbody > tr > td:nth-child(4){
    width: 40px;
}
.tn-tbl > tbody > tr > td:nth-child(5){
    width: 40px;
}
.tn-tbl > tbody > tr > td:nth-child(6){
    width: 40px;
}
.tn-tbl > tbody > tr > td:last-child {
    width: 40px;
}
.tn-tbl > tbody > tr > td:last-child > p{
    font-weight: bold;
}
.print-text > p {
    text-align: center;
    font-weight: bold;
    color: #000;
    margin: 6px 0px;
}
.print-text ul {
    padding-left: 15px;
    max-width: 760px;
    margin: 0 0 10px 21%;
}
.print-text ul li {
    font-size: 11px;
}
.print-text h5 {
    font-size: 13px;
    line-height: normal;
}
.big-line,
.small-line{
    display: inline-block;
}
.big-line {
    width: 45%;
    border-bottom: 1px solid #000;
}
.small-line {
    width: 20%;
    border-bottom: 1px solid #000;
}
.us-dvi span {
    font-size: 14px;
    padding-right: 5px;
}
.appricate {
    margin: 10px 0px 10px;
    font-size: 13px;
    text-align: center;
    font-weight: 400;
    font-style: italic;
    /*border-top: 1px solid #000;*/
}
.liberty-logo {
    text-align: center;
    max-width: 480px;
}
.form-control-label .required{
    color:#ff5733;
}
.actions.filters .filter-btn .btn {
    display: inline-block;
    vertical-align: top;
}
.actions.filters .date-pickk {
    float: left;
    margin-right: 5px;
}
.row.act-btn .col-md-6:first-child {
    width: 32%;
}
.row.act-btn .form-horizontal .control-label.col-md-3 {
    text-align: left;
    margin-bottom: 5px;
    width: 100%;
}
.row.act-btn .col-md-6:first-child .form-horizontal .form-group .col-md-7 {
    width: 70.333%;
}
.row.act-btn .col-md-6:last-child {
    width: 68%;
}
.row.act-btn .col-md-6:last-child .actions.filters{
    margin-top:32px;
}
.actions.filters .filter-btn {
    float: left;
    margin-right: 5px;
}
.actions.filters > div:last-child {
    margin-right: 0px !important;
}

.actions.filters {
    clear: both;
    text-align: right;
    margin-top: 32px;
}
.actions.filters::before {
    content: "";
    display: table;
    clear: both;
}
.actions.filters::after {
    content: "";
    display: table;
    clear: both;
}

@media (max-width: 1279px){
    .actions.filters .filter-btn {
        float: none;
        margin-right: 5px;
        display: inline-block;
        vertical-align: top;
    }
    .actions.filters .date-pickk {
        float: none;
        margin-right: 5px;
        display: inline-block;
    }
    .actions.filters > div:nth-child(2) {
        width: 100%;
    }
    .actions.filters {
        clear: both;
        text-align: right;
        margin-top: 0px !important;
    }
    .row.act-btn .col-md-6:first-child {
        width: 45%;
    }
    .row.act-btn .col-md-6:last-child {
        width: 55%;
    }
}
@media (max-width: 991px){
    .row.act-btn .col-md-6:first-child,
    .row.act-btn .col-md-6:last-child {
        width: 100%;
    }
    .row.act-btn .form-horizontal .col-md-7 {
        width: calc(100% - 90px);
        display: inline-block;
    }    
    .row.act-btn .form-horizontal .col-md-2 {
        width: 70px;
        display: inline-block;
        vertical-align: top;
    }
    .actions.filters > div:nth-child(2) {
        width: auto;
    }
    .actions.filters {
        clear: both;
        text-align: left;
    }
}
@media (max-width: 800px){
    .actions.filters > div:nth-child(2) {
        width: 100%;
    }
}
@media (max-width: 575px){
    .row.act-btn .form-horizontal .col-md-2 {
        width: 40px;
        display: inline-block;
        vertical-align: top;
        padding: 0px;
    }

    .row.act-btn .form-horizontal .col-md-7 {
        width: calc(100% - 50px) !important;
        display: inline-block;
    }
    .actions.filters .filter-btn .btn {
        display: inline-block;
        vertical-align: top;
        font-size: 14px;
        padding: 6px;
    }
    .row.act-btn .col-md-6:first-child .form-horizontal .form-group .col-md-7 .form-control {
        padding: 6px 2px !important;
    }
}
[data-letters]:before {
  content:attr(data-letters);
  display:inline-block;
  font-size:1em;
  width:2.5em;
  height:2.5em;
  line-height:2.5em;
  text-align:center;
  border-radius:50%;
  background:#2c42af;
  vertical-align:middle;
  color:white;
}
.btn-align{
    float: right;
}
.back-text{
    background-color: #ADD8E6;
}
th[aria-label="Action"]{
    width:10% !important;
    border:1px red solid;
}
h3.block {
    margin-top: 0px;
    border: 1px red solid;
    background-color: #2c42af !important;
    color: #ffffff;
    width: auto !important;
    padding-left: 9px;
    font-weight: 600;
    margin-bottom: 0px;
    /* padding: 0 20px 0 10px; */
    border-radius: 25px !important;
    border: 1px #022261 solid;
    font-size: 15px;
    padding: 3px 40px !important;
    /* margin-right: 40px; */
    z-index: 1;
    position: relative;
    display:inline-block;
    height: 26px;
    position: relative;
    bottom: 14px;
    text-align: center;
}
h3.block {
    margin-top: 0px;
    border: 1px red solid;
    background-color: #fbfbfb !important;
    color: #2c42af;
    width: auto !important;
    padding-left: 9px;
    font-weight: bold;
    margin-bottom: 0px;
    padding: 0 20px 0 10px;
    border-radius: 25px !important;
    border: 1px #ededed solid;
    font-size: 15px;
    padding: 3px 10px !important;
    /* margin-right: 40px; */
    z-index: 1;
    position: relative;
    display: inline-block;
    height: 26px;
    position: relative;
    bottom: 14px;
    text-align: center;
}
h3.block{
    border-radius:0 !important;
    background-color:#fff !important;
    border:none;
    
}

.glyphicon-trash{
    font-size:10px
}