.cont-fw{width: 1040px !important;}
.tr .close{font-weight: 300;font-size: 14px;}
.form-control, .custom-select{border-radius: 0;
    background-position: right 0.5rem center !important;
}
.custom-select{height: auto;}
.table th,.table td{text-align: center;vertical-align: middle;line-height: 14px;border-top: 0 none;}
.table th{}
.table td{padding: 5px 1px;}
.nb th{border-top:0 none;}
.table th{padding: 5px 1px; vertical-align: bottom; font-size: 11px;font-weight: 400;color:#000;}
.table input,.table .custom-select{padding: 2px 4px;text-align: center;font-size: 12px;}
.w-20{width: 20%}
.w-15{width: 15%}
.w-30{width: 30%}
.w-27{width: 27%}
.w-35{width: 35%}
.w-5{width: 5%}
.w-frst{width: 334px;}
.w-frst-d{width: 353px;}
th.sm,td.sm,td.sm input{width: 33px;}
th.xs,td.xs,td.xs input{width: 33px;}
th.md,td.md,td.md input{width: 50px;}
th.xxs,td.xxs,td.xxs input{width: 15px;}
th.lg,td.lg,td.lg input{width: 70px;}
th.lg-1,td.lg-1,td.lg-1 input{width: 133px;}
.form-control:focus{ -webkit-box-shadow: 0 0 0 1px rgba(0, 123, 255, 0.25);box-shadow: 0 0 0 1px rgba(0, 123, 255, 0.25);}
.f-10{font-size: 10px !important;}
.btn:not(.btn-link){padding: 0.45rem 0.75rem;font-weight: 700;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2);
    border-radius: 6px;
    outline: none !important;
}
.btn:hover{box-shadow: none;}
/*.btn-bl{max-width: 300px;margin-right: auto;margin-left: auto;}*/
.card{padding: 15px 15px; border-radius: 0; text-align: center;font-weight: 700;font-size: 18px;}
.card-r{border: 2px solid #f00;color: #f00;background: #fff}
.card-b{border: 2px solid #286ea2;color: #286ea2;background: #fff}
.bld{font-weight: 700;}
.percent{color: #286ea2;font-weight: 700;}
.rc{color: #f00}
.f-11{font-size: 11px !important;}
.f-12{font-size: 12px !important;}
.f-13{font-size: 13px !important;}
.p-bld{font-size: 13px;line-height: 17px;}
.prim{font-size: 13px; line-height: 18px;font-style: italic;}
/*.c-table{width: auto !important;}*/
.c-btn{padding: 0.7rem 0.75rem;}

table tr.section:nth-child(2) td:first-child:after{content: '1'}
table tr.section:nth-child(3) td:first-child:after{content: '2'}
table tr.section:nth-child(4) td:first-child:after{content: '3'}
table tr.section:nth-child(5) td:first-child:after{content: '4'}
table tr.section:nth-child(6) td:first-child:after{content: '5'}

table tr.section td:first-child{font-size: 11px;}

.w-table{background-color: #fff !important;margin-bottom: 8px;width: 559px;}
.table-card{ font-weight: 400;padding: 20px 50px 20px 0;margin-left: 76px;}
.acc-card{ font-weight: 400;padding: 50px 50px 40px 50px;margin-left: 76px;max-width: 500px;}
.acc-card label{font-size: 16px;}
.acc-card .btn{padding: 0.8rem 0.75rem; }

.c-process{line-height: 18px;padding: 0.5rem 0.75rem;border-radius: 5px; font-size: 16px;}
.c-send{border-radius:5px;}

.fa-remove:before, .fa-close:before, .fa-times:before {color:#f00;}
.r-error,.o-error{height: 15px;}

select.vr{padding-left: 10px !important;font-size: 15px !important;line-height: 19px !important;}

.pointer{cursor: pointer;}

.select-modal .row>div{text-align: left;}
.select-modal .card-header{padding: 0 20px;border-bottom:0 none;}
.select-modal .card-header button{font-size: 16px;font-weight: 700;}
.select-modal .card-body {padding: 4px 1.25rem 9px;}
.select-modal .card{padding: 0 0;}
.select-modal .card a{text-decoration: none;color: #666;font-size: 13px;line-height: 13px;padding: 2px 12px !important;}
.select-modal .card a:hover{text-decoration: none;}
.select-modal .modal-header{border: 0 none !important;padding: 15px 1rem 0}

@media (min-width: 992px) {
    .modal-lg {max-width: 980px;}
}

.profile-hold,.colors-hold{padding: 0 15px;}
.profile-hold .row>div,.colors-hold .row>div{margin-bottom: 15px;padding-left: 5px;padding-right: 5px;}
.a-prof,.a-color{font-size: 12px; color:#777;}
.a-prof img,.a-color img{border: 2px solid #ddd;border-radius: 5px; box-shadow: 0 4px 16px 0 rgba(0,0,0,.2);}
.a-prof.cur img,.a-color.cur img{border: 2px solid rgb(29, 228, 29); box-shadow: 0 4px 16px 0 rgba(29, 228, 29,.2)}
.a-prof:hover,.a-color:hover{color:#777;}
.a-prof span,.a-color span{line-height: 13px;margin-top: 5px;}

.btn.btn-file > input[type='file'] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    opacity: 0;
    filter: alpha(opacity=0);
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.btn.btn-file {
    position: relative;
    overflow: hidden;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.c-file .close {font-size: 14px;font-weight: 300; float: left;padding-top: 4px;}
.c-file span{padding-left: 7px;color: #666;}

.a-mat span{display: inline-block;text-align: left}
.m-sell{font-style: italic;min-width: 220px;}
.m-price{font-weight: 700;}
.m-title{font-weight: 700;min-width: 390px;}
.accordion .col-12,.accordion .col-6{line-height: 24px;}

body{
    background: url(/img/top_bg.jpg) repeat-x scroll center top #fff;
}
.cont-div{background: url(/img/bg.jpg) repeat-x center top;}

.nav-tabs{background: #f5f8fa;}
.nav-tabs .nav-link{min-width: 250px;text-align: center; font-size: 18px;background: #eee;color: #333;
    border-color:#ccc #ccc transparent #ccc;font-weight: 400;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color: #007bff;font-weight: 400;border-color:#999 #999 transparent #999;}
.nav-tabs .nav-link:not(.active){border-bottom-color: #999;}
.acc-card{min-height: 390px;}