@font-face {
    font-family: "Open Sans";
    src: url(/fonts/OpenSans.woff2) format('woff2')
}
@font-face {
    font-family: Kuttipencil;
    src: url(/fonts/NotoSansMalayalam.eot);
    src: local('?'), url(/fonts/NotoSansMalayalam.ttf) format('truetype')
}

.malayalam {
    font-family: Kuttipencil, 'Open Sans';
    font-size: 16px
}

body {font-family: Kuttipencil, 'Open Sans',sans-serif!important; background-color: #EFEBE9; }

.zeroPadding{padding: 0px;}

.right15padding{padding: 0px 15px 0px 0px;}

.navbar-login
{
    padding: 15px;
}

.well {
  box-shadow: 5px 5px 5px #ccc;
  background: #fff;
  float: left;
  width: 100%;
}

.tenPadding {
  padding: 10px;
}


.multiselect-container {width: 100% !important;}

#brands {
    padding: 0px;
    margin-top: 15px;
}

#brands li {
    list-style: none;
    float: left;
    font-weight: bold;
}

.fstElement {
  font-size: 12px;
  width: 100%;
}

.footerTop {
    margin-top: 20px;
    border-top: 1px dashed #bbb;
    padding-top: 20px;
}


.minHeight {
    margin-top: 75px !important;
}

.billPaper {
    background: #fff;
    min-height: 200px;
    border: 1px solid #ddd;
    border-radius: 1px;
    padding: 25px;
    box-shadow: 2px 2px #888888;
}

.table > tbody > tr > td {
     vertical-align: middle;
}
.bottom10 {
  margin-bottom: 10px;
}


.gradient {
    background: #ededed;
    background: -moz-linear-gradient(top,#ededed,#e0e0e0);
    background: -webkit-linear-gradient(top,#ededed,#e0e0e0);
    background: -o-linear-gradient(top,#ededed,#e0e0e0);
    background: -ms-linear-gradient(top,#ededed,#e0e0e0);
    background: linear-gradient(to bottom,#ededed,#e0e0e0);
}

.table {
 background-color: #fff;
 margin-bottom: 0px; 
}

.loader {
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url('/img/loading.gif')
                50% 50%
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .loader {
    display: block;
}

.container>.navbar-header {
  margin: 8px 0px 0px 8px !important;
}

.navbar-nav>li>a {
  line-height: 21px !important;
}

.checked {
    color: orange;
}