.nomargin{
    margin: 0px !important; 
}
.table_userbox{

margin-top:30px;

}

.demo {

padding: 30px;

min-height: 280px;

}



.tab-content{

padding: 10px;

}



@nav-link-hover-bg: #eeeeee;

@nav-tabs-border-color: #dddddd;

@border-radius-base: 5px;

@screen-xs-max: 767px;





//css to add hamburger and create dropdown

.nav-tabs.nav-tabs-dropdown,

.nav-tabs-dropdown {

@media (max-width: @screen-xs-max) {

border: 1px solid @nav-tabs-border-color;

border-radius: @border-radius-base;

overflow: hidden;

position: relative;



&::after {

content: "☰";

position: absolute;

top: 8px;

right: 15px;

z-index: 2;

pointer-events: none;

}



&.open {

a {

position: relative;

display: block;

}



> li.active > a {

background-color: @nav-link-hover-bg;

}

}





li {

display: block;

padding: 0;

vertical-align: bottom;

}



> li > a {

position: absolute;

top: 0;

left: 0;

margin: 0;

width: 100%;

height: 100%;

display: inline-block;

border-color: transparent;



&:focus,

&:hover,

&:active {

border-color: transparent;

}

}



> li.active > a {

display:block;

border-color: transparent;

position: relative;

z-index: 1;

background: #fff;



&:focus,

&:hover,

&:active {

border-color: transparent;

}



}

}

}



.my-box-bg {

padding: 20px;

background-color: #fff;

border-radius: 5px;

box-shadow: 0px 0px 5px 0px #b4b4b4;

}

.heading-cont {

margin-bottom: 30px;

font-size: 18px;

}

.my-box-bg .tab-content {

border-left: 1px solid #ccc;

border-right: 1px solid #ccc;

border-bottom: 1px solid #ccc;

border-top: 1px solid #ccc;

}

.my-box-bg .tab-content table {

width: 100%;

}

.my-box-bg .tab-content table tr td, .my-box-bg .tab-content table tr th {

border-bottom: 1px solid #cacaca;

padding: 5px;

font-size: 14px;

}

.my-box-bg .tab-content table tr .label-completed {

background-color: #019bfb;

color: #fff;

margin-left: 5px;

padding: 1px 5px;

}

table thead tr th, table tbody tr td {

padding: 6px;

}
.width-100-zeroborder{
width: 100%;border:0
}

.my-box-bg {
padding: 20px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0px 0px 5px 0px #b4b4b4;
}
.heading-cont {
margin-bottom: 30px;
font-size: 18px;
}
.my-box-bg .tab-content {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}
.my-box-bg .tab-content table {
width: 100%;
}
.my-box-bg .tab-content table tr td, .my-box-bg .tab-content table tr th {
border-bottom: 1px solid #cacaca;
padding: 5px;
font-size: 14px;
}
.my-box-bg .tab-content table tr .label-completed {
background-color: #019bfb;
color: #fff;
margin-left: 5px;
padding: 1px 5px;
}
table thead tr th, table tbody tr td {
    padding: 6px;
}

.Sorting{
    display: flex;
  }
  .Sorting select{
    min-width:200px;
  }

.margintop50{
    margin-top: 50px;
}
.i_t_a_btn{
    color: #3172b1 !important;
    font-size: 15px !important;
    margin: 0px 4px !important;
    cursor: pointer !important;
}
a.t_i_a_link,a.t_i_a_link:hover{
    text-decoration: none !important;
}
.margin-top-20 {
    margin-top: 20px;
}
.custom_success_msg{
    color: green;
}
.custom_error_msg{
    color: red;
}
table.table.table-responsive th, table.table.table-responsive td{
    width: 1%;
} 
.red_color{
    color: red !important;
}
.nopadding{
    padding: 0 !important;
}
.noborder{
    border: none !important;
}
.my-box-bg .tab-content table tr td, .my-box-bg .tab-content table tr th{
  width: 1%;
}

.sales_reportbox ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
    border-bottom: 1px solid #c3c4c7 !important;
    margin: 0 !important;
    padding-top: 9px !important;
    padding-bottom: 0 !important;
    line-height: inherit !important;
}
.sales_reportbox li {
    float: left !important;
    border: 1px solid #c3c4c7;
    border-bottom: none;
    margin-left: 0.5em;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.71428571;
    font-weight: 600;
    background: #dcdcde;
    color: #50575e;
    text-decoration: none;
    white-space: nowrap;
    width: auto !important;
    background-color: transparent;
    display: block !important;
    margin-bottom: -1px;
    position: relative;
    cursor: pointer;
}
.sales_reportbox li.active{
    border-bottom: 1px solid #f0f0f1 !important;
    background: #f0f0f1 !important;
}
.sloader {
  border: 2px solid #c5c5c5;
  border-radius: 50%;
  border-top: 2px solid #3498db;
  width: 15px;
  height: 15px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  margin-top: 5px;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.sinuptext{
    color: green;
}