/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 31, 2017, 7:55:05 AM
    Author     : Netbeans, M Shafiq
*/

* {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

body, .ui-widget {
    font-family: Roboto,Tahoma,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
}

.ui-widget, .s_standardcolor {
    color: #000000;
}

.panel-container {
    padding-top: 7px;
    padding-bottom: 7px;
}

.panel {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 6px;
}

.panel.panel-default .white-bg.dashboard-header {
    min-height: 400px;    
}

.profile-usertitle-name {
    padding-top: 6px;
    font-size: 16px;
}

.profile-sidebar {
    padding-top: 4px;
}

.addshadow {    
    -webkit-box-shadow: 5px 5px 5px #666;
    box-shadow: 5px 5px 5px #666;
}

a, .ui-widget-content a, .s_themelink, a:active, a:focus {
    color: #0F5FA5;
    border: none;
    text-decoration: none;
}

a:hover {
    color: #67a3e1!important;
    text-decoration: underline;
    border: none!important;
}

.profile-usertitle-name, .sidebar ul.nav li a {
    color: #FFFFFF;
}

.profile-userpic .userpic {
    float: left;
    margin: 10px 0px 0px 15px;
    /*width: 50px;*/
    /*height: 50px;*/
    border-radius: 9999px !important;
    font-size: 50px;
}

.ui-dialog .ui-dialog-content  {
    padding-right: 6px;
    padding-left: 6px;
}

input[type="text"], input[type="password"], select, textarea {
    height: 36px;
    width: 100%;
    font-weight: normal;
    color: #686868;
    border: 1px solid #989898;
    border-radius: 3px;
    padding: 4px;
}

textarea {
    height: 86px; 
}

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

.clock {
    top:50%;
}

.s_container {
    padding:0px;
}

.s_biginput {
    height: 54px;
    font-size: 34px;
    font-weight: normal;
}

.s_companylogo {
    border-radius: 6%;
}

.nav-header {
    padding-top:20px;
}


.s_font9 {
    font-size: 12px;
}

.s_standardfont, .nav > li > a, .ui-datepicker, .ui-widget {
    font-size: 14px;
}

.s_font10, .s_fahref .fa {
    font-size: 16px;
}

.s_font11 {
    font-size: 18px;
}

.s_font12 {
    font-size: 20px;
}

.s_font13 {
    font-size: 22px;
}

.s_font15 {
    font-size: 26px;
}

.s_font16 {
    font-size: 30px;
}

.s_contra {
    color:#FFFFFF;
}

.s_theme_color_darker {
    color: #4A9DE6;
}

.s_theme_color_lighter {
    color: #67a3e1;
}

.s_color1 {
    color: #757575; /* LIGHT BLACK */
}

.s_color2 {
    color: #CD3333; /* DARK RED */
}

.s_color3 {
    color: #CD7054; /* PALE RED */
}

.s_color4 {
    color: #999999; /* BLACK LIGHT */
}

.s_color5 {
    color: #669900; /* DARK GREEN */
}

/* // GREEN */
.bgcolor1 {
    background-color: #E8E8E8;
}

/* // RED */
.bgcolor2 {
    background-color: #CD2626;
}


/* =================================================================== */
/* >> CBM THEME */
/* =================================================================== */
/* ---------------- LIGHT GRAY */
.cs_color3 {
    color:#BFBFBF;
}

/* ---------------- DARK MAROON */
.cs_color4 {
    color:#99003D;
}

/* ---------------- MEDIUM GREEN */
.cs_color5 {
    color:#88CC00;
}

/* ---------------- MEDIUM BLUE */
.cs_bgcolor1 {
    background-color:#4d94ff;
}

/* ---------------- RED MESSAGE */
.cs_bgcolor2 {
    background-color:#CD3333;
}

/* ---------------- BLUE QUOTED */
.cs_bgcolor4 {
    background-color:#2eb8b8;
}

/* ---------------- DARK PINK PO RECEIVED */
.cs_bgcolor5 {
    background-color:#ff4d4d;
}

/* ---------------- GREEN INVOICED */
.cs_bgcolor3 {
    background-color:#558000;
}

/* ---------------- LIGHT GRAY */
.cs_bgcolor6 {
    background-color:#f2f2f2;
}

/* ---------------- REALLY LIGHT GREEN BLUE, HIGHLIGHT ROW */
.cs_bgcolor7 {
    background-color: #ccffe6;
}

/* ---------------- REALLY LIGHT GREEN, "Minimum Stock Level" */
.cs_bgcolor8 {
    background-color: #c4ff4d;
}

/* =================================================================== */
/* >> END CBM THEME */
/* =================================================================== */



.s_pad, .s_padsmaller {
    height:10px;
    display:block;
    float:none;
    padding:0px;
    width:100%;
}

.s_padsmaller {
    height:3px;
}

.s_rowz {
    margin: 0px;
}

.s_rowz .s_leftdiv, .s_row .s_leftdiv {
    padding-top: 10px;
    font-weight: bold;
}

.s_rowz .s_leftdiv, .s_rowz .s_rightdiv, .s_row .s_leftdiv, .s_row .s_rightdiv {
    padding-bottom: 8px;
}

.s_rowz .s_rightdiv, .s_row .s_rightdiv {
    font-weight: normal;
}

.fa-barcode:before {
    width: 20px;
}

.s_smallnotice {
    font-style: italic;
}

.s_locselect {
    width: 44px; 
}

.btn {
    padding: 6px 12px;
    margin: 0px;
    font-size: 16px;
}

.s_tabstyle {

}

.s_tabstyle .s_tabheader {
    padding: 5px;
    background-color: #0F5FA5;
    color: #FFFFFF;
}

.s_tabstyle .s_tabdetail {
    padding: 5px;
    vertical-align: top;
}


/* ====================== PICKER */
.b-wrapper a, .b-wrapper p {
    color: #000000;
}
.desc p.time {
    font-size: 16px;
}


.ui-autocomplete-loading {
    background: transparent url("images/ui-anim_basic_16x16.gif") right center no-repeat;
}


#autocomp-list{float:left;list-style:none;margin-top:-3px;padding:0;width:98%;position: absolute; z-index: 50;}
#autocomp-list li{padding: 10px; background: #66A3FF; border-bottom: #bbb9b9 1px solid; color: #FFFFFF; }
#autocomp-list li:hover{background:#1A75FF;cursor: pointer;}
.suggesstion-box, .suggesstion-box2, .suggesstion-box3 {
    position: relative;
}

.s_tabstyle .s_tabheader_2 {
    background-color: #575757;
}

#s_mainlisttab {
    background-color: #FFFFFF;
}

#s_mainlisttab .s_innertab {
    font-size: 12px;
}

#s_stockoutmanuallocation select#location_name {
    width: 92%;
}

.s_errormsgcontainer, .s_errormsgcontainer_bottom {
    text-align: right; 
    padding-top: 8px; 
    font-weight: bold;
}

.s_errormsgcontainer_bottom {
    padding-top:4px;
}

.s_formcontainer {
    float: none; 
    display: block; 
    max-width: 600px;
}

label.error {
    color: #CD3333;
    font-size: 0.9em;
}

.inventoryjobdialog .s_innerinput {
    max-width:84px;
}

.inventoryjobdialog select {
    margin-top: 4px;
}

.s_fahref .fa {
    color: #CD3333;
    cursor: pointer;
}

.s_dialog {
    width:100%; 
    /*    max-width: 550px; */
    background-color:#E8E8E8;
}

#s_mainlisttab .s_innerpad {
    padding-left: 16%;
}

#s_mainlisttab .s_innerpadtabl {
    padding-left: 2%;
}

.list-group-item {
    padding-left: 0px;
}

.invjob_qty_denombox {
    position: relative; 
    width: 100%; 
    max-width: 63px; 
}

.overflowy, .overflowybig {
    max-height: 160px; 
    overflow-y: auto; 
    overflow-x: hidden;
}

.overflowybig {
    max-height: 280px;
}

.s_rightdesktoponly {
    text-align:right; 
}

#s_namesearchrow #customer_name {
    /*max-width:418px;*/
}

.s_alphabetbox {
    border:1px solid #00868B; 
    padding:4px 4px 6px 4px; 
    width:26px; 
    text-align:center; 
    float:left; 
    margin-right:4px; 
    height: 28px;
    margin-bottom: 5px;
}

.dashboard-header {
    padding: 0px;
}

.s_textbesideinput {
    padding-top:5px;
}

.s_alphabetbox_selected {
    color: #FFFFFF;
    background-color: #003D99;
}

.btn.btn-primary.active.focus, .btn.btn-primary.active:focus, .btn.btn-primary.active:hover, .btn.btn-primary:active.focus, .btn.btn-primary:active:focus, .btn.btn-primary:active:hover {
    background-color: #0F5FA5;
    border-color: #4A9DE6;
    text-decoration: none;
}

.btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .open > .dropdown-toggle.btn.btn-primary, .btn.btn-primary.disabled, .btn.btn-primary[disabled], fieldset[disabled] .btn.btn-primary, .btn.btn-primary.disabled:hover, .btn.btn-primary[disabled]:hover, fieldset[disabled] .btn.btn-primary:hover, .btn.btn-primary.disabled:focus, .btn.btn-primary[disabled]:focus, fieldset[disabled] .btn.btn-primary:focus, .btn.btn-primary.disabled:active, .btn.btn-primary[disabled]:active, fieldset[disabled] .btn.btn-primary:active, .btn.btn-primary.disabled.active, .btn.btn-primary[disabled].active, fieldset[disabled] .btn.btn-primary.active {
    background-color: #0F5FA5;
    border-color: #4A9DE6;
    text-decoration: none;
}

.s_smallcontainer .btn {
    font-size: 13px;
}

.s_divider {
    border-bottom: 1px solid #D0D0D0;
}

.s_actionicon {
    font-size: 18px;
}

.easypie_marge_demo {
    margin-top: 60px;
}

#s_navheader .company_logo {
    max-width: 180px;
}

#s_navheader .system_name {
    max-width: 393px;
}

.s_addwareblock .s_innerdiv {
    height: 120px;
    position: relative;
}

.s_addwareblock .s_smalldiv {
    padding-top: 10px;
}

.s_barcodedisplay {
    border:0px double #333; 
    padding:5px; 
    margin:auto auto;
    width:100%; 
    text-align:center;
}

.s_barcodedisplay table {
    margin:auto;
}

.s_addwareblock .s_innerdiv .s_barcodedisplay {
    margin-top:-20px;
}

.s_numberontable, .s_tabdetail.s_numberontable {
    text-align: right;
    padding-right: 10px;
}

.s_docbox {
    padding: 5px;
    border:1px solid #595959;
}

#bstabs .nav-pills {
    padding: 0px;
}

#bstabs .nav-pills>li.active>a, #bstabs .nav-pills>li.active>a:focus, #bstabs .nav-pills>li.active>a:hover {
    background: #0F5FA5;
    color: #FFFFFF;
}

#bstabs .nav > li > a:hover {
    background: #67a3e1;
    color: #FFFFFF !important;
}

#bstabs .nav-pills > li > a {
    border: 1px solid #d9d9d9;
    border-bottom: none;
    border-radius: 4px 4px 0 0 ;
    min-width: 100px;
    text-align: center;
}

#bstabs .tab-content {
    border: 1px solid #d9d9d9;
    padding : 5px 15px;
    margin-top: 5px;
}