/*  settings page  */


.kbw-signature {
    display: inline-block;
    /*border: 1px solid #a0a0a0;*/
}
.kbw-signature-disabled {
    opacity: 0.35;
}
.kbw-signature { width: 300px; height:150px; }

canvas{
    width: 300px !important;
    height: 150px !important;
    border: 1px solid #a0a0a0;
}

#booked-general input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week]{
	text-align:left !important;
}

nav > .nav.nav-tabs{

  border: none;
    color:#fff;
    background:#272e38;
    border-radius:0;

}
nav > div a.nav-item.nav-link,
nav > div a.nav-item.nav-link.active
{
  border: none;
    padding: 18px 25px;
    color:#fff;
    background:#272e38;
    border-radius:0;
}

nav > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #0073aa ;
}
.tab-content{
  background: #fdfdfd;
    line-height: 25px;
    /*border: 1px solid #ddd*/;
    border-top:5px solid #0073aa;
    /*border-bottom:5px solid #e74c3c;*/
    padding:30px 25px;
}

nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #0082c0;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
}


/* dashboard settings     */

#screen-meta-links .show-settings{
    display: none !important;
}
body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #f2f2f2;
}


/* all quotes style   */

.quote_pending{
    background-color: #FFC107;
    color: black;
    padding: .4em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    border-radius: .25em;
    margin-top:4px;
}
.quote_pending_count{
    font-size: 22px;
    margin-left: 26px;
}
.pending_row{
    background-color: #dfdfdf;
    min-height: 100vh;
    border-radius: 0 0 4px 4px;border-top: 15px solid #FFC107;
    margin-right:20px;
}
.sent_row{
    background-color: #dfdfdf;
    min-height: 100vh;
    border-radius: 0 0 4px 4px;border-top: 15px solid #333;
    margin-right:20px;
}
.sent_pending{
    background-color: #333;
    color: white;
    padding: .4em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    border-radius: .25em;
    margin-top:4px;
}
.pending_count{
    margin-top: 12px;
}

.accepted_row{
    background-color: #dfdfdf;
    min-height: 100vh;
    border-radius: 0 0 4px 4px;border-top: 15px solid #4cd137;
    margin-right:20px;
}
.accept_pending{
    background-color: #4cd137;
    color: white;
    padding: .4em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    border-radius: .25em;
    margin-top:4px;
}
.rejected_row{
   background-color: #dfdfdf;
    min-height: 100vh;
    border-radius: 0 0 4px 4px;border-top: 15px solid #EA2027;
    margin-right:20px; 
}
.reject_pending{
   background-color: #EA2027;
    color: white;
    padding: .4em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    border-radius: .25em;
    margin-top:4px;
}

.loop_col{
    margin-bottom:15px;
    padding: 0px 0px 10px 0px;
    background-color: #fff;
    border-radius: 4px;
    margin-top: 10px;
    box-shadow: 0 3.2px 7.2px 0 rgb(0 0 0 / 13%), 0 0.6px 1.8px 0 rgb(0 0 0 / 11%);
    padding:10px;
}
.loop_col1{
    background: #fff;
    border-radius: 4px;
    margin: 0 auto;
    padding:10px 30px;
    padding-bottom: 40px;
    min-width: 175px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
    box-shadow: 0 3.2px 7.2px 0 rgb(0 0 0 / 13%), 0 0.6px 1.8px 0 rgb(0 0 0 / 11%);
}


.welcome-panel1 .col-md-3{
    width: 23% !important;
    max-width: 23% !important;
}
.welcome-panel1 .col-md-4{
    width: 31% !important;
    max-width: 31% !important;
}

.options_delt{
	display:none !important;
}
.loop_col:hover .options_delt{
	display:block !important;
}




.card{
	max-width: none !important;
}

#loader_cust { 
            border: 12px solid #37165c; 
            border-radius: 50%; 
            border-top: 12px solid #444444; 
            width: 70px; 
            height: 70px; 
            animation: spin 1s linear infinite !important; 
        } 


/* edit quote start   */

.cost_table1 input[type=text] {
    border: 1px solid #ccc;
    padding: 2px 12px !important;
    width: 91px !important;
}
.cost_table1 thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    padding: 0px 34px !important;
}

.cost_table1 td:focus {
  background: #c2e3e4;
}
.cost_table1 td:hover {
  background: #c2e3e4;
}

.addBorder {
    border: 3px double #6da8dc;
    padding: 0px;
}
.removeBorder {
    border: none;
    padding: 0px;
}

.cost_cal_edit tr:hover .remove_cost_item{
display: block !important;
}
.cost_cal_edit tr:hover .remove_cost_item1{
display: block !important;
}

/* edit quote end   */


/* cost on create quote   */

.cost_cal tr:hover .remove_cos_item{
display: block !important;
}


/*   delete template start       */

.delt_templ{
	display:none;
}
.top_grid:hover .delt_templ{
	display:block !important;
}

/*   delete template end     */

.mail_div{
   background-color: #fff;
    margin: 20px auto;
    border-radius: 4px;
    max-width: 800px;
    border: none 1px #ddd;
    padding: 20px;
}
.profile-page ul{
    list-style:disc !important;
    margin-left:40px !important;
}


.fix_cust_row{
    height: 65px;
    position: fixed;
    z-index: 10004;
    bottom: 0;
    border-top: 1px solid #bdc3c7;
    width:96.5% !important;
    padding-top:14px;
    padding-bottom: 20px;
    background-color: rgb(255 255 255 / 76%);
    right: 21px;
}
dd, li{
    margin-bottom:2px !important;
}



/* all templates grid  */

.quote_list_heading{
    background-color: #0073aa;
    color: white;
    padding-left: 5px;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin-top: 29px !important;
}

.top_grid{
    border: 1px solid #ccc;
    margin: 0;
    padding: 15px;
    font-size: 16px;
    width: 216px;
    max-width: 216px;
    height: 300px;
    overflow: hidden;
    position: relative;
    box-shadow: 1px 2px 4px rgb(0 0 0 / 10%);
    background-color: #fff;
    margin-right:130px;
    float: left !important;
}

.create_templ{
    background: #2271b1;
    border-color: #2271b1;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    position: fixed;
    right: 0px;
    bottom: 232px;
}
.top_grid .show_on_hover{
    display: none;
}

.top_grid:hover .show_on_hover {
 display: block;
    color: red;
    margin-top:-35px;
    margin-left:7px;
    
}
.top_grid:hover{
    background: #313131;
}



@media print
{ 
	.cc-profile-image{ margin-left:400px !important;
	}
	*{
		background-color:red !important;
		
	}
	


.print_company_header{
        width:600px !important;
    }

    .print_col1{
        width:50% !important;
        float: left;
    }
    .print_col2{
        width:50% !important

    }
	.page_break{
		page-break-after: always;
	}
	
@page { margin: 2cm; }

body { margin: 2cm; }

} 

 .page-heading {
          background-color: #f4f4f4 !important;
          display: none !important;
        }
        body,html{
            
            margin: 0;
            top:0px;    
            
            /*background: -webkit-linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5);
            background: linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5);*/
        }
        header, footer, aside{
        display: none !important;
        }
        #main{
            padding:0px !important;
        }
        body div*{
            width:100% !important;
        }
        .content-area {
          padding-top: 0px !important;
           }
        .container {
            max-width: 100% !important;
            padding: 0px !important;
        }
        /* avada theme setting for full page view */
        .fusion-tb-header {
            display: none !important;
        }
        .fusion-page-title-bar {
            display: none !important;
        }
        .fusion-row {
            max-width: 100% !important;
        }
        .fusion-footer-widget-area{
            display:none !important;
        }


.invoice_tble td{
    border:none !important;
}
.invoice_tble th{
    border:none !important;
}
.invoice-box {
                max-width: 800px;
                margin: auto;
                padding: 30px;
                border: 1px solid #eee;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
                font-size: 16px;
                line-height: 24px;
                font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
                color: #555;
            }

            .invoice-box table {
                width: 100%;
                line-height: inherit;
                text-align: left;
            }

            .invoice-box table td {
                padding: 5px;
                vertical-align: top;
            }

            .invoice-box table tr td:nth-child(2) {
                text-align: right;
            }

            .invoice-box table tr.top table td {
                padding-bottom: 20px;
            }

            .invoice-box table tr.top table td.title {
                font-size: 45px;
                line-height: 45px;
                color: #333;
            }

            .invoice-box table tr.information table td {
                padding-bottom: 40px;
            }

            .invoice-box table tr.heading td {
                background: #eee;
                border-bottom: 1px solid #ddd;
                font-weight: bold;
            }

            .invoice-box table tr.details td {
                padding-bottom: 20px;
            }

            .invoice-box table tr.item td {
                border-bottom: 1px solid #eee;
            }

            .invoice-box table tr.item.last td {
                border-bottom: none;
            }

            .invoice-box table tr.total td:nth-child(2) {
                border-top: 2px solid #eee;
                font-weight: bold;
            }

            @media only screen and (max-width: 600px) {
                .invoice-box table tr.top table td {
                    width: 100%;
                    display: block;
                    text-align: center;
                }

                .invoice-box table tr.information table td {
                    width: 100%;
                    display: block;
                    text-align: center;
                }
            }

            
        

@media only screen and (min-width: 767px){
    .td_width{
    width: 150px;
}
}