/*!
 * Start Bootstrap - SB Admin 2 Bootstrap Admin Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    background-color: #f8f8f8;
}

#wrapper {
    width: 100%;
}

#page-wrapper {
    padding: 0 15px;
    min-height: 568px;
    background-color: #fff;
}

@media(min-width:768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 250px;
        padding: 0 30px;
        border-left: 1px solid #e7e7e7;
    }
}

.navbar-top-links li {
    display: inline-block;
}

.navbar-top-links li:last-child {
    margin-right: 15px;
}

.navbar-top-links li a {
    padding: 15px;
    min-height: 50px;
}

.navbar-top-links .dropdown-menu li {
    display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
    width: 310px;
    min-width: 0;
}

.navbar-top-links .dropdown-messages {
    margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
    margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
    margin-left: -123px;
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
}

#wrapper .navbar-fixed-top .navbar-collapse,
#wrapper  .navbar-fixed-bottom .navbar-collapse{ max-height:3000px !important; overflow:auto;}
 
 
 
.sidebar .sidebar-nav.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.sidebar .sidebar-search {
    padding: 15px;
}

.sidebar ul li {
    border-bottom: 1px solid #e7e7e7;
}

.sidebar ul li a.active {
    background-color: #eee;
}

.sidebar .arrow {
    float: right;
}

.sidebar .fa.arrow:before {
    content: "\f104";
}

.sidebar .active>a>.fa.arrow:before {
    content: "\f107";
}

.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
    border-bottom: 0!important;
}

.sidebar .nav-second-level li a {
    padding-left: 37px;
}

.sidebar .nav-third-level li a {
    padding-left: 52px;
}

.sidebar .nav-second-level .one_li {
    padding-left: 5px;
}


@media(min-width:768px) {
    .sidebar {
        z-index: 1;
        position: absolute;
        width: 250px;
        margin-top: 51px;
    }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}



 .lodingDiv{   
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE 5-7 */
  filter: alpha(opacity=80);
  /* Netscape */
  -moz-opacity: 0.8;
  /* Safari 1.x */
  -khtml-opacity: 0.8;
  /* Good browsers */
  opacity: 0.8;
  /*background:#000; */width:100%; height:100%;
  position:absolute; top:0; left:0;
  background:#fff url(../images/loading.gif) no-repeat 50% 45%;
  z-index:8000;
}
.lodingDiv p,
.lodingDiv p{ padding:10% 0 0 0; width:100%; text-align:center; color:#000;}   

.text-bold{ font-weight:bold;}
.text-red{ color:#f00;}
.text-white{ color:#fff;}
.text-black{ color:#000;}
.size120{ font-size:120%;}
.size140{ font-size:120%;}
.size160{ font-size:160%;}
.m0{ margin:0}
.p0{ padding:0}
.p5em{ padding:0.5em;}
.p10em{ padding:1em;}
.p55em{ padding:0.5em 0 0.5em 0;}
.p1010em{ padding:1em 0 1em 0;}

.step10{ padding-left:10px}
.step20{ padding-left:20px}

 

.mb10{ margin-bottom:10px;}
.mt10{ margin-top:10px;}
.pb10{ padding-bottom:10px;}
.pt10{ padding-top:10px;}


.mb5{ margin-bottom:5px;}
.mt5{ margin-top:5px;}
.pb5{ padding-bottom:5px;}
.pt5{ padding-top:5px;}


.fs20{
    font-size: 24px;
}
.fs20{
    font-size: 20px;
}
.fs18{
    font-size: 18px;
}
.fs14{
    font-size: 14px;
}
.fs16 {
    font-size: 16px;
}
.fs12{
    font-size: 14px;
}

.covImg { 
 -moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-repeat: no-repeat;
display:block;
background-position: 50% 0%;
position:relative;
cursor:pointer;
border:1px solid #ccc;
} 

.cntImg { 
 -moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;
background-repeat: no-repeat;
display:block;
background-position: 50% 50%;
position:relative;
cursor:pointer;
border:1px solid #ccc;
} 

#upimgCnt  .agck_item{ position:relative; 

padding:0 5px 0 5px 0 !important;
padding-left: 5px;
padding-right: 5px;
 margin:5px 0 5px 0;}
.agck_item .tt{ position: absolute; width:80%; white-space: pre-wrap; word-break:break-all; padding:5px; background:rgba(255,255,255,0.9); color:#222; font-size:12px; left:10%; bottom:10px; text-align:center}


/*--------------Admin header----------------*/
#logo-img{ display:block; width:250px; height:50px; border-right:1px solid #ddd; float:left; margin:0 20px 0 0; background:url(../images/logo.jpg) no-repeat 50% 50%;}
a.navbar-brand.hidden-xs{ padding:0;width:460px; line-height:50px; }
/*--------------Admin header----------------*/


.pos_re{ position:relative; z-index:5}
#vforms{ position:relative; z-index:5}
#side-menu .sublink   {
 
}#side-menu .sublink   a.btn {
    padding-left:1.5em; margin:0.5em;
}
#side-menu .sublink    a.btn.btn-primary {
    padding: 0.5em;
	margin-right:4px;margin-left:0;

}

#side-menu .one_li a{ padding-left:30px;}
#side-menu .one_li { border-top:1px solid #eee;}
#vforms .tab-content { padding:20px 0 10px 0 ; display:block; margin:0 0 10px 0; border-bottom:1px solid  #ccc;}


.panel.panel-primary .panel-body{ padding-top:5px;padding-bottom:5px;}
.panel.panel-primary,
.form-group{ margin-bottom:5px;}
.form-group label.error{ color:#f00;}


.popover{
    width:260px;  
}

ul#side-menu li .sublink .btn.btn-primary.pull-right.p_center.active{ color:#428bca}

.navbar.navbar-default.navbar-fixed-top{  }  

#wrapper .navbar.navbar-default.navbar-fixed-top .navbar-header{ position:static}
#wrapper .navbar.navbar-default.navbar-fixed-top .navbar-header.clone{ background:#990066}
#wrapper .navbar.navbar-default.navbar-fixed-top .navbar-header.clone  .navbar-brand,
#wrapper .navbar.navbar-default.navbar-fixed-top .navbar-header.clone  .navbar-top-links a{; color:#fff;}

 
/*-----Thumb Preview-----------*/
.tb-preview-div{ min-height:35px;  position:relative; padding:0 0 5px 0; }
.tb-preview-div .cnt-div{ width:100%;   display:block;  padding:2px;}
.noval{ width:100%; line-height:80px; color:#999; font-size:14px; display:block; display:block; text-align:center; border-right:1ps solid #ccc}
 




/*-----Fileupload-----------*/
.btn-purple{ background: #906; border-color:#906;}
.btn-purple:hover{ background: #5a003c; }
 
#upload-cnt{ width:100%; position:absolute; position:absolute; top:10px; right:10px; width:600px; cursor:pointer;}

#upload-cnt  .sttbtn{  float:right;  margin:0 0 0 10px;}
/*
#upload-cnt a.sttbtn{ display:block; padding:0 20px 0 20px; width:auto; line-height:40px; font-size:12px; float:right; background:#ccc; border:1px solid #ccc; text-align:center; margin:0 0 0 10px;}
*/

.ui-widget-header.ui-dialog-titlebar.ui-corner-all.blockTitle{ padding:5px 20px 5px 20px;}

.modal-content	.ui-widget-content.ui-dialog-content{ padding:10px;}

.modal-content 	.fileupload-loading{ background:0;}
.blockUI  #inline_closebtn,
.blockUI   #closebtn{ position:absolute; top:5px; right:5px; width:20px; height:20px;  background:#fff; 
overflow:hidden;  cursor:pointer; display:block; color:#aaa; line-height:20px; margin:0; padding:0;}
.modal-content #closebtn:hover{ border-color:#ddd; background-color:#ccc;}

#myfile-list-cnt{ border:1px solid #ccc; padding:10px; min-height:60px; position:relative; width:780px;}

#myfile-list-cnt .result{ text-align:center; padding:25px 0 0 0;}

#myfile-list-cnt	.up-flist{}
#myfile-list-cnt	.up-flist li{ margin:0 0 5px 0  }

#myfile-list-cnt .btn-cnt{ width:200px;   /*border:1px solid #ccc;*/ }
#myfile-list-cnt .link-cnt{  /*border:1px solid #ccc;*/}

#myfile-list-cnt .link-cnt a{  margin:0 10px 0 0;}



#myfile-list-cnt #sortall, 
#myfile-list-cnt #delall{ color:#fff; }
 
#myfile-list-cnt  .upp-table{ padding:0 0 0 0;  height:30px;}


.cross{ text-decoration:line-through; color:#999}


/*-----Fileupload-----------*/



/*------Ov----------*/
#ui-datepicker-div .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all{
	background:#428bca; color:#444; border-color:#075ca6} 
#ui-datepicker-div .ui-datepicker-calendar
.ui-datepicker-current-day a.ui-state-default.ui-state-active{	background:#428bca; color:#fff}

input.input-text { width:100%}


.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix button.ui-dialog-titlebar-close{ margin:0; padding:0; right:5px; top:5px;  width:21px; height:21px; border:0;  background:  url(../img/icon/x.jpg) no-repeat 50% 50%; display:block;
cursor:pointer; 
}
.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix button.ui-dialog-titlebar-close .ui-icon-closethick{ visibility:hidden;}


.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix{ background:#fff; border:0; height:30px; }

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix .ui-dialog-title{ line-height:30px; font-size:18pt; color:#1378ec; font-weight:normal;}


 


#uploadBox .row.fileupload-buttonbar .btn { width:200px; height:40px; border:0; text-align: left; line-height:40px; color:#fff; font-size:13pt; text-indent:10px;text-shadow: none;
border-radius:0;
-moz-border-radius: 0;
-webkit-border-radius: 0; cursor:pointer;
}
#uploadBox .row.fileupload-buttonbar .fileinput-button  input{width:200px; height:30px; margin:0; padding:0; left:0; top:0; } 

#uploadBox .row.fileupload-buttonbar .btn i{ display:none;}
#uploadBox .row.fileupload-buttonbar .btn span{  color:#fff; text-shadow: none} 
 
#uploadBox .row.fileupload-buttonbar .btn.btn-success { background:#f8951e}
#uploadBox .row.fileupload-buttonbar .btn.btn-warning  { background:#8f9094}
#uploadBox .row.fileupload-buttonbar .btn.btn-danger  { background:#cd2026}
 
 
 
#uploadBox .row.fileupload-buttonbar  .span7{ width:100%;}

.template-download .dd-buttonset .btn.btn-danger.delete{ background:#cd2026;
border-radius:0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.template-download .dd-buttonset .btn.btn-danger span{  color:#fff; text-shadow: none} 
.template-download .dd-buttonset .btn.btn-danger.delete i{ display:none; color:#fff;}



#ui-datepicker-div  .ui-datepicker-title  select{ color:#666 }

/*----------------------------*/
#c_inv.ui-jqgrid-btable .ui-widget-content.jqgrow.ui-row-ltr td {
    vertical-align: middle
}



/*------Ov----------*/

.panel,
.panel.panel-primary,
.panel-heading { border-radius:0;
-moz-border-radius: 0;
-webkit-border-radius: 0;}
.panel-heading { padding:5px 15px 5px 15px; line-height:30px; position:relative}
.panel-heading  .btn.btn-info.pull-right{ position:absolute; top:5px; right:15px; padding:0; height:25px; width:25px; text-align:center}
.panel-heading p{ margin:0}

#side-menu .one_li a { padding-left:25px;}


#side-menu .nav.nav-second-level  li a { padding-left:25px;}
#side-menu .nav.nav-second-level  .nav.nav-second-level  { border-bottom:1px solid #eee; border-top:1px solid #eee;}
#side-menu .nav.nav-second-level  .nav.nav-second-level  .one_li a {background:#fff; padding-left:35px; font-size:12px;}
#side-menu .nav.nav-second-level  .nav.nav-second-level  .one_li   { background:#fff}
#side-menu .nav.nav-second-level  .nav.nav-second-level  .one_li a.active {background:#edf4fa}



.modal-dialog .modal-content .modal-header button.close{ font-size:20pt; color:#222;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity: 1;
  opacity:1;
}


#gview_c_inv .ui-pg-input.ui-corner-all{ border:1px solid #eee; height:20px; font-size:12px ; text-align:center}

#gview_c_inv  .ui-pg-selbox.ui-widget-content.ui-corner-all{ border:1px solid #eee;
border-radius:0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
font-size:12px; height:20px;  
}
#gview_c_inv .ui-jqgrid .ui-jqgrid-view .ui-pg-table td{ font-size:12px;}
#sp_1_p_inv_toppager .
#input_t_c_inv_toppager{font-size:12px; height:20px;  }

 .btn{
 border-radius:0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
} 
.btnCnt{  display:block; position:relative; width:100%; height:32px; display:flex}
.btnCnt .btn{ float:left; padding-left:0; padding-right:0;} 



/*------Ov----------*/

.img_cap{ position:absolute; width:70%; padding:5px; left:15%; display:block; background:rgba(255,255,255,0.8); font-size:12px; color:#666;
bottom:5px; text-align:center; white-space: nowrap}


.sdm_ol{ margin:0; padding:0;}
.sdm_ol li{ list-style:none; margin:0; padding:10px 0 10px 0;;}