@import '../../../../common/lib/bootstrap-3.3.4/css/bootstrap.min.css';
@import '../../../../common/lib/font-awesome-4.7.0/css/font-awesome.min.css';
@import '../../../../common/lib/bootswatch/spacelab.min.css';
@import '../../../../common/css/woff.css';
@import '../../../../common/lib/select2-3.5.2/select2.css';
@import '../../../../common/lib/select2-3.5.2/select2-bootstrap.css';
@import '../../../../common/css/animate.css';
@import '../../../../common/lib/bootstrap-datepicker/css/bootstrap-datetimepicker.min.css';
@import '../../../../common/lib/nvd3/nv.d3.css';
@import '../../../../common/lib/summernote-0.8.2/summernote.css';
@import '../../../../common/lib/mejs-4.0.6/mediaelementplayer.min.css';

html {
    vertical-align:baseline;
    font-family:'Open Sans', Verdana, Tahoma, Arial, sans-serif;
    height:100%;
}

th, td, label {
    font-family:'Open Sans', Verdana, Tahoma, Arial, sans-serif;
}

label, .control-label {
    font-weight:normal;
}

.pagination-top ul.pagination {
    margin-bottom:0em;
}

body {
    padding-top:52px;
}

.breadcrumb {
    background:transparent;
    border:none;
}

.mainCell {
    background:#eee;
}

.mainCellContainer {
    padding:0 1.2em;
}

.helperCell {
    padding-left:0.75em;
    padding-right:0.5em;
}

.helperCell label {
    font-weight:normal;
    font-size:90%;
}

.control-label {
    text-align:right;
    font-weight:bold;
    font-size:90%;
}

.itemDetails {
    padding-bottom:1em;
}

/*nav-bar*/
.navbar-brand img {
    padding-top:0;
}

.row{
    margin-left:0px;
    margin-right:0px;
}

#wrapper {
    padding-left: 50px;
    transition: all .4s ease 0s;
    height: 100%
}

#sidebar-wrapper {
    margin-left: -150px;
    left: 50px;
    width: 150px;

    /*
    background: #222;
    */
    background: #222;

    position: fixed;
    height: 100%;
    z-index: 10000;
    transition: all .4s ease 0s;
}

.sidebar-nav {
    display: block;
    float: left;
    width: 150px;
    list-style: none;
    margin: 0;
    padding: 0;
}

#page-content-wrapper {
    padding-left: 0;
    margin-left: 0;
    width: 100%;
    height: auto;
}

#wrapper.active {
    padding-left: 150px;
}

#wrapper.active #sidebar-wrapper {
    left: 150px;
}

#page-content-wrapper {
  width: 100%;
}

#sidebar_menu li a, .sidebar-nav li a {
    /*
    color: #999;
    background: #252525;
    border-top: 1px solid #373737;
    border-bottom: 1px solid #1A1A1A;
    */

    color: #999;
    background: #252525;
    border-top: 1px solid #373737;
    border-bottom: 1px solid #1A1A1A;

    display: block;
    float: left;
    text-decoration: none;
    width: 150px;
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    -o-transition: background .5s;
    -ms-transition: background .5s;
    transition: background .5s;
}

.sidebar_name {
    padding-top: 25px;
    /*
    color: #fff;
    opacity: .7;
    */

    color: #fff;
    opacity: .7;
}

.sidebar-nav li {
  line-height: 40px;
  text-indent: 10px;
}

.sidebar-nav li a {
  /*
  color: #999999;
  */
  color: #999999;

  display: block;
  text-decoration: none;
}

.sidebar-nav li a:hover {
  /*
  color: #fff;
  background: rgba(255,255,255,0.2);
  */
  color: #fff;
  background: rgba(255,255,255,0.2);

  text-decoration: none;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
  height: 65px;
  line-height: 60px;
  font-size: 18px;
}

.sidebar-nav > .sidebar-brand a {
  /*color: #999999;*/
  color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
  /*
  color: #fff;
  background: none;
  */

  color: #fff;
  background: none;
}

#main_icon
{
   float:right;
   padding-right:16px;
   padding-top:22px;
}

.sub_icon
{
   float:right;
   padding-right:16px;
   padding-top:12px;
}
.content-header {
  height: 65px;
  line-height: 65px;
}

.content-header h1 {
  margin: 0;
  margin-left: 20px;
  line-height: 65px;
  display: inline-block;
}


.tbl {
    display: table;
    width:100%;
}

.left-cell {
    display:table-cell;
    float:none;
}

.right-cell {
    display:table-cell;
    border-left:1px solid #e1e1e1;
    float:none;
    background-color:#f9f9f9;
}

.box-sep {
    font-size:0.9em;
    margin-top:0.5em;
}

#affixedBox.affix {
    position:fixed;
    top:60px;
    width:310px;
}

.actions-group {
    display:none;
}

.actions-group-container:hover .actions-group {
    display:block;
}

@media (max-width:767px) {
    #wrapper {
        padding-left: 50px;
        transition: all .4s ease 0s;
    }

    #sidebar-wrapper {
        left: 50px;
    }

    #wrapper.active {
        padding-left: 150px;
    }

    #wrapper.active #sidebar-wrapper {
        left: 150px;
        width: 150px;
        transition: all .4s ease 0s;
    }

    #affixedBox.affix {
        position:fixed;
        top:60px;
        width:180px;
    }
}

@media (max-width:1024px) {
    #wrapper {
        padding-left: 50px;
        transition: all .4s ease 0s;
    }

    #sidebar-wrapper {
        left: 50px;
    }

    #wrapper.active {
        padding-left: 150px;
    }

    #wrapper.active #sidebar-wrapper {
        left: 150px;
        width: 150px;
        transition: all .4s ease 0s;
    }

    #affixedBox.affix {
        position:fixed;
        top:60px;
        width:240px;
    }
}