/*Rupee Font*/
@font-face {
	font-family: 'RupeeForadian';
	src: url('../../../../fonts/Rupees/rupee_foradian-webfont.eot');
	src: local('?'), url('../../../../fonts/Rupees/rupee_foradian-webfont.ttf') format('truetype'), 
	url('../../../../fonts/Rupees/rupee_foradian-webfont.svg#webfontw9XvPLwL') format('svg');
	font-weight: normal;
	font-style: normal;
	}

/* Fonts */

@font-face {
  font-family: 'CCode39';
  font-style: normal;
  font-weight: 300;
  /*src: local('CCode39'), local('CCode39'), url(../../../../../fonts/BarCode/ConnectCode39.ttf) format('truetype');*/
  src: local('?'), url('../../../../fonts/BarCode/ConnectCode39.ttf') format('truetype');
}
.barCode { font-family: 'CCode39'; }
    
.rupees {font-family: 'RupeeForadian'}

 /*START Loader*/
        #initial-loader {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            width: 100%;
            background: #212121;
            position: fixed;
            z-index: 10000;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            transition: opacity .2s ease-out;
        }

            #initial-loader .initial-loader-top, .initial-loader-top  {
                display: flex;
                align-items: center;
                justify-content: space-between;
                width: 150px;
                border-bottom: 1px solid #2d2d2d;
                padding-bottom: 5px;
            }

                #initial-loader .initial-loader-top > * {
                    display: block;
                    flex-shrink: 0;
                    flex-grow: 0;
                }

            #initial-loader .initial-loader-bottom {
                padding-top: 10px;
                color: #5C5C5C;
                font-family: -apple-system,"Helvetica Neue",Helvetica,"Segoe UI",Arial,sans-serif;
                font-size: 12px;
            }

        @keyframes spin {
            100% {
                transform: rotate(360deg);
            }
        }

        #initial-loader .loader g {
            transform-origin: 50% 50%;
            animation: spin .5s linear infinite;
        }

        body.loading {
            overflow: hidden !important;
        }

        body.loaded #initial-loader {
            opacity: 0;
        }
/*END Loader*/


.form-control {padding: 5px 12px !important;}
div.dataTables_wrapper div.dataTables_filter label {width:50%;}
div.dataTables_wrapper div.dataTables_filter input {width:90% !important; }


.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}



td.btn-success > span.label, td.btn-danger > span.label {font-size:90% !important;}

.submenu-level-1 li a i {margin-right: 10px;}

.autocomplete-suggestions {
    text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1);

    /* core styles should not be changed */
    position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box;
}
.autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02em; color: #333; }
.autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; }
.autocomplete-suggestion.selected { background: #f0f0f0; }


@-moz-document url-prefix(http://),url-prefix(https://) {
scrollbar {
   -moz-appearance: none !important;
   background: rgb(0,255,0) !important;
}
thumb,scrollbarbutton {
   -moz-appearance: none !important;
   background-color: rgb(0,0,255) !important;
}

thumb:hover,scrollbarbutton:hover {
   -moz-appearance: none !important;
   background-color: rgb(255,0,0) !important;
}

scrollbarbutton {
   display: none !important;
}

scrollbar[orient="vertical"] {
  min-width: 15px !important;
}
}


::-webkit-scrollbar {
    width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.8);*/ 
    -webkit-border-radius: 10px;
    background-color:#fff;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background:#666; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

/* =============
   Print css
============= */
@media print {
    .navigation,.sidebar,.navbar-default,
  .page-title-box,
  .topbar-left,
  .hidden-print,
  .breadcrumb,
  .page-title,
  .footer,footer {
    display: none;
    margin: 0px;
    padding: 0px;
  }
  .left,
  .right-bar {
    display: none;
  }
  .content {
    margin-top: 0px !important;
    padding-top: 0px;
    border:none !important;
  }
  .content-page,.content {
    margin-left: 0px;
    margin-top: 0px;
  }
}
.content {border-left:none !important;}

/*body {
    background-image: url(../../../images/bg10-dark.jpg);
    background-position: center;
    background-size: cover;
    background-color: #0F1014;
    display: flex;
    flex-direction: column;
    position: absolute;
}*/

.login-panel {
    border-radius: 1rem !important;
    justify-content: center;
    align-items: center;
    padding: 3rem !important;
}

.navbar-brand {
    float: left;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 19px;
    height: 50px;
}