body { }

#footer { max-width: 330px; text-align: Center;  padding: 15px; margin: 0 auto; }



@media screen and (max-width: 768px) {

	.row-offcanvas {

    position: relative;

    -webkit-transition: all 0.25s ease-out;

    -moz-transition: all 0.25s ease-out;

    transition: all 0.25s ease-out;

  }



  .row-offcanvas-left

  .sidebar-offcanvas {

    left: -66%;

  }



  .row-offcanvas-left.active {

    left: 66%;

  }



  .sidebar-offcanvas {

    position: absolute;

    top: 0;

    width: 66%;

    margin-left: 10px;

  }

  

  .nav-sidebar > li > a {

  padding-right: 10px;

  padding-left: 10px;

}



.giant { font-size: 2em;}

  

}



.form-signup {

  max-width: 640px;

  padding: 15px;

  margin: 0 auto;

}

.form-signin {

  max-width: 330px;

  padding: 15px;

  margin: 0 auto;

}

.form-signin .form-signin-heading,

.form-signin .checkbox {

  margin-bottom: 10px;

}

.form-signin .checkbox {

  font-weight: normal;

}

.form-signin .form-control {

  position: relative;

  height: auto;

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

  padding: 10px;

  font-size: 16px;

}

.form-signin .form-control:focus {

  z-index: 2;

}

.form-signin input[type="email"] {

  margin-bottom: -1px;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

}

.form-signin input[type="password"] {

  margin-bottom: 10px;

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}



#myTable_info {
    display: none;
}
#myTable_length {
    float: left;
}
#myTable_filter {
    float: right;
}
.nopadding{padding:0;}
.userlist,.dropdownlist,.userlisttop {
    border: 1px solid #ccd1d4;
    border-radius: 5px;
}
.userlisttop {
    background-color: #d7e9eb;
    padding: 15px 10px;
	margin-bottom:10px;
}
.userlist .body,.dropdownlist .body{
    padding:10px;
}
.userlist .headtitle, .dropdownlist .headtitle {
    background-color: #d7e9eb;
    font-weight: bold;
    padding: 10px;
}
.dropdownlist{margin-top:20px;}
#myTable_paginate .paginate_button {
    margin: auto 5px;
}
.dropdownlist select {
    min-height: 100px;
    width: 100%;
}
.dropdownlist input {
    width: 100%;
}
.dropdownlist .title {
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}
.actionbtn > div {
    display: table-cell;
    padding: 3px;
    text-align: center;
}
.left {
    float: left;
}
.right {
    float: right;
}
.overlap{width:100%;height:100%; position:absolute; background:#000; opacity:.8; z-index:9910; display:none;top:0;left:0}
#popup{width:40%;left:30%;height:450px; position:absolute; background:#fff;z-index:9920; display:none;top:15%;}
#popup .header .title{float:left;}
#popup .body{clear:both;display:block; margin-top:10px;padding: 20px;text-align: center;padding-top:0;}
#popup .header .title h4{margin:0;padding:0}
#popup .header .close{float:right; width:30px; color:#FF0000;}
#popup .header{padding:10px; background:#d7e9eb;min-height: 44px;}
.navbar-inverse{background-color:#284145;}
.navbar-inverse .navbar-nav > li > a{color:#fff;}
.navbar-brand{padding-top:0px;}
.sub-menu > div {
    float: left;border:1px solid #D2D3D5;
    background-color: #fff;background-color: #E6F1F3;
    padding: 3px 15px;    margin-left: 10px;
}
.sub-menu > div:first-child {
    margin-left: 86px;
}
.sub-menu {
    left: 83px;
}
.navbar {
    border-radius: 0px;
    max-height: 79px;
}
body{background-color:#D8EAEC;}
.contentblock {
    background-color: #FFFFFF;
    padding: 10px;
    margin: 0px 5px 5px;
}
.container-fluid {
    max-width: 100%;
}
#sidebar {
    background-color: #fff;
    padding-top: 10px;
}
body.logout #sidebar {
    background-color: #D8EAEC;
}
.popupform input {
    margin: 2px;
    width: 70%;float: left;
}
.popupform input[type=submit],.popupform input[type=button]  {
    margin: 2px;
    width: auto;
}
#popup .body .ajax-form label {
    min-width: 26%;
    display: inline-block;
	vertical-align: top;float: left;
}

#popup .body .ajax-form {
    text-align: left;
	border: 1px solid #ccc;
	float: left;
	padding: 5px;
	margin-top:15px;min-width: 95%;
}
#popup .body .ajax-form:first-child {
	margin-top: 40px;
}
.form-container {
    overflow-y: scroll;
    height: 350px;
}
.update-division{
  ;position: absolute;
right: 58px;
}
.ajax-form select {
    min-width: 200px;
    margin-left: 3px;
}
.ajax-form img {
    clear: both;
    left: 27%;
    position: relative;
}
#popup .body #nameform .ajax-form:first-child{margin-top:0px;}
#myTable{max-width:100%;}
#prev1 {display: none;}
.hilight{background:#FFFF00; padding:2px;}
#myTable td.resize {
    max-width: 7% !important;
    word-wrap: break-word !important;
    word-break: break-all !important;
}

span.remove_sal {
    float: right;
    margin-top: -30px;
}
span.remove_exhi {
    margin-left: -28px !important;
}
span.remove_pic {
    margin-left: -7px;
}