@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');


body{font-family: 'Montserrat', sans-serif !important;}

.ui.menu , .ui.header{font-family: 'Montserrat', sans-serif}

.ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="time"], .ui.form input[type="text"], .ui.form input[type="file"], .ui.form input[type="url"] , input[type="text"] , .ui.form select{    color: #333;
    font-size: 14px;
    font-weight: 400;
    height: 55px;
    padding: 0 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 0 ;
    text-transform: none;
    font-family: 'Montserrat', sans-serif;}

    .chosen-container-single .chosen-single{ color: #333;
    font-size: 14px;
    font-weight: 400;
    height: 55px;
    padding: 0 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 0 ;
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif; line-height: 55px;}


.ui.form .field > .selection.dropdown{ color: #333;
    font-size: 14px;
    font-weight: 400;
    height: 55px;
    padding: 0 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 0 ;
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif; line-height: 55px;}

.chosen-container-multi .chosen-choices{ color: #333;
    font-size: 14px;
    font-weight: 400;
    height: 55px;
    padding: 0 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 0 ;
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif; line-height: 55px; box-shadow: none; color: #000; background-image: none;}

.chosen-container-multi .chosen-choices li.search-choice{ color: #333;font-weight: 400; }

.ui.form .field > .selection.dropdown > .dropdown.icon{    background: url(../img/arr.png) no-repeat 0 center;
    top: 25px;
    right: 15px;}

.ui.form .field > .selection.dropdown > .dropdown.icon:before{display: none;}

.ui.form .field > .selection.dropdown.active.visible > .dropdown.icon {background-image: url(../img/arr1.png);}


/*.ui.form *::-moz-placeholder {
    color: rgba(191, 191, 191, 0.87);
}*/

.ui.form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #333;
}
.ui.form ::-moz-placeholder { /* Firefox 19+ */
  color: #333;
}
.ui.form :-ms-input-placeholder { /* IE 10+ */
  color: #333;
}
.ui.form :-moz-placeholder { /* Firefox 18- */
  color: #333;
}

.chosen-container-single .chosen-single div b{ background: url(../img/arr.png) no-repeat 0 center;}

.chosen-container-active.chosen-with-drop .chosen-single div b{background-image: url(../img/arr1.png) ;}

.chosen-container-single .chosen-single div{width: 30px;}

.ui.blue.buttons .button, .ui.blue.button{font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 60px;
   /* display: block;*/
   /* min-width: 240px;*/
    padding: 0 35px;
    text-transform: uppercase;
    background-color: #d51c21 !important;
    height: 55px;}

.ui.blue.buttons .button:hover, .ui.blue.button:hover{background-color: #000 !important;}
.ui.form {
    font-size: 16px;
}
.ui.small.table {
    font-size: 14px;
}

.ui.breadcrumb .divider{color: transparent; position: relative;}

.ui.breadcrumb .divider:after{content: "\f105";
        content: "\f105";
    font-family: 'FontAwesome';
    position: relative;
    padding: 0 9px 0 0;
    color: #969696;
    font-size: 16px;
    top: 1px;
}

.ui.breadcrumb a {
    color: #000;
}

.ui.breadcrumb .section:first-child {position: relative;}

.ui.breadcrumb .section:first-child:before {background: url(../img/homeIcn.png) no-repeat 0 0;
    content: "";
    position: relative;
    top: 1px;
    left: 0;
    height: 15px;
    width: 15px;
    padding-right: 23px;
}

.ui.buttons .button {
    font-size: 16px;
    line-height: 55px;
    padding: 0 15px;
}
.ui.breadcrumb .active.section{ color: #d51c21; }

.ui.dropdown.item > .dropdown.icon:before {
    content: '\f107';
    font-family: 'FontAwesome';
    font-size: 18px;
    top: -1px;
    position: relative; color: #fff;
}
.ui.dropdown.item.active > .dropdown.icon:before {content: '\f106';}

.ui.table thead th , .ui.table tbody td{padding: 10px 5px !important;text-align: center;
    font-size: 14px;
    color: #5a5a5a;
    font-family: 'Montserrat', sans-serif; vertical-align: middle;     }

  .ui.table thead th { font-size: 14px !important;
    color: #231f20 !important;
    text-transform: uppercase;     background-color: #cacaca;}

.ui.celled.table tr th, .ui.celled.table tr td {
    border: 0;
}
.ui.table{border: 0; }
.ui.table tr tbody td , .ui.celled.table tr td{border-bottom: 1px solid #e7ecf1;}

.ui.table tr:nth-child(even) {
    background-color: #f3f3f3;
}
body.pushable {
    background: #fff !important;
}
body.pushable > .pusher {
    background: #fff !important;
}
.ui.table thead tr:first-child > th:first-child , .ui.table thead tr:first-child > th:last-child {
    border-radius: 0;
}
.ui.sortable.table thead th:hover {
    background: rgba(0, 0, 0, 0.3);
}

#orders_listing td:last-child , #clubs_listing td:last-child{
    width: 105px;
}
.ui.table thead th a{font-size: 14px !important;
    color: #231f20 !important;
    text-transform: uppercase;
    background-color: #cacaca;}
/*.ui.vertical.inverted.footer.segment {
    margin-top: 0 !important;
}*/
.ui.sortable.table thead th.sorted {
    background: #cacaca;}
.ui.attached.segment{ border: 1px solid #ededed;}

.ui.dividing.header{border: 0;}

.column.header_title{top: -10px;}

.ui.attached.breadcrumb.segment {
    margin-bottom: 1rem;
}
.ui.celled.table{margin-bottom: 20px;}

.dataTables_wrapper .dataTables_paginate{ padding-top: 0;
    margin-bottom: 20px;}
.ui.top.attached.header{border-radius: 2px;    background-color: #d6001c;}

.ui.pagination.menu .item{margin: 0 3px;
    background-color: #f6f6f6;
    width: 36px;
    height: 36px;
    border: 1px solid #dddddd;
    text-align: center;
    line-height: 36px;
    color: #333;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px; border-radius: 0; text-align: center; min-width: 0; display: block; padding: 0;}

.ui.pagination.menu .item.previous, .ui.pagination.menu .item.next{    background-color: #000000 !important; color: transparent!important; border-radius: 0; position: relative;}

.ui.pagination.menu .item.previous:before{ content: "\f177" ; font-family: 'FontAwesome'; color: #fff; font-size: 14px; top: auto; right: auto; width: 100%;}

.ui.pagination.menu .item.next:after {
    content: "\f178";
    font-family: 'FontAwesome';
    color: #fff;
    font-size: 14px;
    top: auto;
    right: auto;
    left: 12px;
    position: absolute;
}

.ui.pagination.menu{    border: 0;
    box-shadow: none;
    border-radius: 0;
    min-height: 0; }

.ui.pagination.menu .active.item{    background-color: #d6001c;
    color: #fff !important; padding: 0;text-align: center; }


table.dataTable.no-footer {
    border-bottom: 0;
}


table.dataTable.table thead th.sorting:after, table.dataTable.table thead td.sorting:after{color: #000;}

table.dataTable thead .sorting , table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc {
    background-image: none !important;
}

table.dataTable.table thead th.sorting:after, table.dataTable.table thead td.sorting:after{font-size: 14px;}

 .ui.pagination.menu .item:hover{background-color: #d6001c !important;
    color: #fff !important; }

.ui.pagination.menu .item.previous:hover, .ui.pagination.menu .item.next:hover {background-color: #d6001c !important; color: transparent !important; }


table#attributes_listing td:nth-child(4), table#attributes_listing th:nth-child(4) {
    width: 400px !important;
}
.ui.basic.table th {

    font-size: 13px !important;
    color: #231f20 !important;
    text-transform: uppercase;
    background-color: #cacaca;
}
.column.con-man{top: -12px;}

.ui.buttons .or:before{top: 27px;}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover{background-color: #d6001c;}

.panel-primary > .panel-heading{background-color: #d6001c;
    border-color: #d6001c;}

.panel-primary {
    border-color: #d6001c;
}

.form .single.fields {
    margin: 0 0 20px;
}
form#users_form{margin-bottom: 20px;}
/*div#address_container {
    margin-bottom: 40px;
}*/

.ui.bottom.attached.segment {
    margin-bottom: 20px;
}
.chosen-container-single .chosen-single abbr {
    top: 20px;
    margin-right: 10px;
}

.ui.red.buttons .button, .ui.red.button{font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 60px;
    /* display: block; */
    /* min-width: 240px; */
    padding: 0 15px;
    text-transform: uppercase;
    background-color: #d51c21 !important;
    height: 55px;}

.nav>li>a{    background-color: #f3f3f3;}

/*.product form#users_form {
    margin-bottom: 20px;
}*/

.ui.vertical.inverted.footer.segment {
    font-size: 16px;
}
a.ui.button {
    text-transform: uppercase;
}
/*form#contents_form { margin-bottom: 40px;
}*/
.pagination>li>a, .pagination>li>span , li.page-item:first-child.disabled span , li.page-item:last-child.disabled span{    margin: 0 3px;
    background-color: #f6f6f6;
    width: 36px;
    height: 36px;
    border: 1px solid #dddddd;
    text-align: center;
    line-height: 36px;
    color: #333;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    border-radius: 0;
    text-align: center;
    min-width: 0;
    display: block;
    padding: 0;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: #d6001c;
    color: #fff !important;
    padding: 0;
    text-align: center; border-color:#d6001c; }

    .pagination>li:last-child>a , .pagination>li:first-child>a ,li.page-item:first-child.disabled, li.page-item:first-child.disabled>span , li.page-item:last-child.disabled span{background-color: #000000 !important;
    color: transparent!important;
    border-radius: 0;
    position: relative;
    }

    .pagination>li:last-child>a:after {
    content: "\f178";
    font-family: 'FontAwesome';
    color: #fff;
    font-size: 14px;
    top: auto;
    right: auto;
    left: 12px;
    position: absolute;
}

.pagination>li:first-child>a:after {    content: "\f177";
    font-family: 'FontAwesome';
    color: #fff;
    font-size: 14px;
    top: auto;
    right: 5px;
    width: 100%;
    position: relative;}


li.page-item:first-child.disabled, li.page-item:first-child.disabled>span{opacity: 0.5 ; position: relative;}

li.page-item:first-child.disabled>span:after{content: "\f177";
    font-family: 'FontAwesome';
    color: #fff;
    font-size: 14px;
    top: auto;
    right: 5px;
    width: 100%;
    position: relative;}

li.page-item:last-child.disabled>span:after{content: "\f178";
    font-family: 'FontAwesome';
    color: #fff;
    font-size: 14px;
    top: auto;
    right: auto;
    left: 12px;
    position: absolute;}

.ui.mini.fluid.input {
    margin: 10px 0 15px;
    width: 100%;
}

textarea{width: 100%;}

button.ui.blue.button.start_chat {
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    padding: 0 20px;
}

.login.wrapper>.column{max-width: 500px;}
.login.wrapper form {
    padding: 15px 15px;
}
.login.wrapper .ui.form a{font-size: 14px;}
.login.wrapper .ui.stacked.segments:before, .login.wrapper .ui.stacked.segments:after, .login.wrapper.ui.stacked.segment:before, .login.wrapper .ui.stacked.segment:after{border: 0;}

.custom.banner.image > img {
    margin: 0 auto 13px;}

.chosen-container .chosen-drop {
    border-bottom: 0;
    border-top: 1px solid #aaa;
    top: auto;
    bottom: 40px;
}

.ui.teal.labels .label, .ui.teal.label {
    background-color: #d6001c !important;
    border-color: #d6001c !important;}


a.chosen-single.chosen-single-with-deselect {
    white-space: normal;
    
}
a.chosen-single.chosen-single-with-deselect span{max-width: 370px;}
a:hover{text-decoration: none;}

a:focus{color: #db2828; border: 0}

.brandtdWidth {
    max-width: 200px;
}

label.ui.mini.header {
    color: #000 !important;
    font-size: 14px !important;
    margin-top: 10px;
    text-transform: uppercase;
    text-align: left !important; 
}
.ui.input input{    font-family: 'Montserrat', sans-serif !important;}

.asSameckbox{    margin: 0;
    text-align: right;
    float: right;
    color: #000;
}
.asSameckbox label{font-size: 12px !important;}
.ui.checkbox.asSameckbox .box:before, .ui.checkbox.asSameckbox label:before{top: 1px; }

.checkbox-inline, .radio-inline{display: inline-block !important; margin-right: 10px !important;}

.ui.form .fields{align-items: center; -webkit-align-items: center;}

.ui.form .field iframe {
    height: 150px!important;
}

div[data-tab='images'] button {
    padding: 10px !important;
    height: auto !important;
    line-height: normal !important;
    font-size: 16px !important;
    margin: 4px 0 0 0 !important;
}

.chosen-container-multi .chosen-choices li.search-field,
.chosen-container-multi .chosen-choices li.search-field input[type=text]{height: 100%;}

input.artwork-file-input {
    max-width: 160px; margin: auto;
}


input.qty_delivered_per_product.numeric {
    width: 35px !important;
    text-align: center;
    padding: 0;
    height: 35px;
}

input.qty-sub {
    background: #d51c21;
    border: 0;
    color: #fff;
    padding: 3px 5px;
    margin-left: 2px;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 12px;
}

div#supplier_payment_html td, div#supplier_payment_html th{ text-align: left !important; }

.ui.table thead th {
    /* background-color: #F9FAFB; */
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
 
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;
    white-space: normal;
    padding: 4px 20px 4px 4px !important;
}

th.tablesorter-header.tablesorter-headerDesc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7) !important;
   /* border-bottom: #000 2px solid;*/
}
th.tablesorter-header.tablesorter-headerAsc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7) !important;
   /* border-bottom: #000 2px solid;*/
}

table.dataTable.table thead th.sorting:after {
    top: 3px !important;
    right: 4px;
}

.ui.blue.buttons .button, .ui.blue.button{padding: 0 15px;}

.order_product_scroll {
    width: 100%;
    overflow-x: auto;
    margin: 0 0 20px;
}

.order_product_scroll table {
    width: 1600px !important;
}

@media(max-width:1400px){
	.table thead th { font-size: 12px !important;}
    /*table#clubs_listing tr td, table#clubs_listing tr th , .ui.table thead th a {
    font-size: 12px !important;
    }*/
    table#clubs_listing tr td:nth-child(4), table#clubs_listing tr th:nth-child(4) ,
    table#clubs_listing tr td:nth-child(7), table#clubs_listing tr th:nth-child(7) {
    /* width: 500px; */
    word-break: break-word;}
    .ui.blue.buttons .button, .ui.blue.button{font-size: 18px;}
}

@media(max-width:1280px){
    .table thead th , .table thead td, .ui.table thead th a{ font-size: 12px !important;}
    /*table#clubs_listing tr td, table#clubs_listing tr th , .ui.table thead th a {
    font-size: 12px !important;
    }*/
   .ui.menu {font-size: 0.9rem;}
   .ui.blue.buttons .button, .ui.blue.button{font-size: 16px;}
}



/*------------------- Sourav Biswas --------------------------------*/

.right.menu li{list-style-type: none;}

.right.menu li a i{color: #fff; font-size: 20px;margin: 15px 5px;position: relative;}

.right.menu li a span{position: absolute;left: 16px;top: 8px;padding: 3px 5px;}

.right.menu li.notifications-menu .dropdown-menu{left:calc(0% - 315px);min-width: 350px !important;padding: 5px 0px;}

.right.menu li.notifications-menu .dropdown-menu li.header{font-weight: 500;color: #d6001c;padding: 5px 10px;border-bottom:1px solid #d6d6d6;margin-bottom: 10px;}

.right.menu li.notifications-menu .dropdown-menu li .menu{ list-style-type: none;padding-left: 0; padding-right: 0;}

.right.menu li.notifications-menu .dropdown-menu li .menu li{margin-bottom: 10px;border-bottom: 1px solid #f3f3f3;padding: 5px 10px;}

.right.menu li.notifications-menu .dropdown-menu li .menu li a{color: #555;}

.right.menu li.notifications-menu .dropdown-menu li.footer{text-align: center;}

.right.menu li.notifications-menu .dropdown-menu li.footer a{color: #d6001c !important;font-weight: 500 !important;transition: 0.5s ease;display:block;margin: auto;}

.right.menu li.notifications-menu .dropdown-menu li.footer a:hover{color:#d6001c !important; letter-spacing: 1px; }

.open>.dropdown-menu {
    display: none;
}

.hid{display: block;}

@media(max-width:767px){
    .ui.form .fields > .field{ width: 100%; margin-bottom: 1em !important; }

    .ui.table:not(.unstackable) thead , .ui.table:not(.unstackable) tbody {
    display: table-row-group !important;}

     .ui.table:not(.unstackable) tr > th,
      .ui.table:not(.unstackable) tr > td {
     width: auto !important; 
    display: table-cell !important;}
    .ui.table:not(.unstackable) tr{ display: table-row !important; }
    .ui.attached.segment {
    border: 1px solid #ededed;
    width: 100%;
    overflow-x: auto;
    /* overflow-y: visible; */}

    .ui.attached.segment table{width: 1000px;}

    .ui.menu{flex-wrap: wrap;}

    .ui.table thead th{font-size: 11px !important;}

    .ui.grid > .row > [class*="eight wide"].column, .ui.grid > .column.row > [class*="eight wide"].column, .ui.grid > [class*="eight wide"].column, .ui.column.grid > [class*="eight wide"].column {
    width: 100% !important;}

    .ui[class*="two column"].grid > .row > .column, .ui[class*="two column"].grid > .column:not(.row) {
    width: 100%;     text-align: center;
    font-size: 18px;}

    .ui.styled.accordion .title, .ui.styled.accordion .accordion .title{margin: 0em;
    padding: 2px 0;}

    .checkbox, .radio {

    margin-top: 2px;
    margin-bottom: 2px;}

    .ui.breadcrumb {
    font-size: 12px;}

    .ui.grid > .doubling.row, .ui.doubling.grid > .row {
    margin: 0 -15px!important;}
    .ui.breadcrumb .divider{margin: 0em 2px 0em;}
    .ui.breadcrumb .divider:after{padding: 0;}
    .mce-btn button {
    padding: 4px 4px;}
    table.dataTable.table thead th.sorting:after, table.dataTable.table thead th.sorting_asc:after, table.dataTable.table thead th.sorting_desc:after, table.dataTable.table thead td.sorting:after, table.dataTable.table thead td.sorting_asc:after, table.dataTable.table thead td.sorting_desc:after{top: 0;}

    .ui.large.header {
    font-size: 18px;
    }

    .ui.grid > .column:not(.row), .ui.grid > .row > .column{width: 100%;}
}

@media(max-width:479px){
    .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
        width: 90%!important;
        left: 5% !important;
    }

    .search-responsive { text-align: center; }

    .ui.blue.buttons .button, .ui.blue.button {
    font-size: 14px;
    }

   .ui.buttons .button {
    font-size: 14px;
    line-height: 55px;
    padding: 0 20px;}
    
}

.title {
   /* display: inline-block;
    width: 30%;*/
    vertical-align: middle;
}

.cat_commission_div {
    /*display: inline-block;
    width: 70%;*/
        vertical-align: middle;
    padding-left: 35px;
    margin-bottom: 20px;
}

.cat_commission_div label {
    display: inline-block;
    width: 150px;
    vertical-align: middle;
    color: rgba(0, 0, 0, 0.87);
    font-size: 1rem;
    font-weight: 400;
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.cat_commission_div input {
    display: inline-block;
    width: 500px !important;
    vertical-align: middle !important;
}

.is-invalid {
  position: relative;
  animation: shake .1s linear;
  animation-iteration-count: 3;
  border: 1px solid red;
  outline: none;
}

@keyframes shake {
  0% {
    left: -5px;
  }
  100% {
    right: -5px;
  }
}