html {
  overflow-x: hidden;
  display: table;
  width: 100%;
  height: 100%;
  min-height: 100%;
}

body { color: #333; }

.collapse, .collapse.show {
  transition: .5s all ease-in-out!important;
}

.btn.btn-default a {
  color: #fff!important;
  text-decoration: none!important;
}

visible-mobile {
  display: none;
}

.ini-login img {
  width: 100%;
  margin-top: 15px;
}
@media(max-width:768px) {
  .navigation #nav ul li {
      padding: 5px 0!important;
  }
  .ini-login img {
    margin: 0 auto;
    display: block;
  }
  .dropdown {
	  width: 265px !important;
  }
  #nav{
	  height: 100px !important;
  }
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
    color: #333;
}

body,
.pmsMain {
  position: relative;
  margin: 0;
  min-height: 100%;
  background-color: #fff;
  font-family: "Open Sans";
  height: 100%!important;
  display: table;
  width: 100%;
}

/* #middle { padding-bottom: 50px; } */
.no-padding { padding: 0!important; }
.no-margin { margin: 0!important; }
#top { height: auto!important; }

header {
  background: #fff;
  height: auto!important;
  padding: 8px 0;
  border-top: none!important;
}

header .logo { margin: 0!important; }

header .welcome {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  width: 100%!important;
}

header .header-icon {
  /*
  border: 1px solid #c9ccd1;
  border-radius: 100%;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-align-items: center;

  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;

  height: 38px;
  min-height: 38px;
  min-width: 38px;
  width: 38px;
  margin-right: 10px;*/

  align-items: center;
  justify-content: center;
  margin-right: 4px;
}

header .header-icon i { color: #FC9117; }

header .header-text {
  font-family: "Ubuntu", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 17px;
  text-transform: uppercase;
  color: #333;
}

header .header-text .highlight { color: #FC9117; }
header .logout { margin-left: 50px; }

header .logout button,
#middle button,
.visible-mobile button {
  font-family: "Ubuntu", sans-serif;
  font-weight: bold;
  border: none;
  color: #fff;
  background: #FC9117;
  box-shadow: 0 2px 2px 0 rgba(255,152,0,.14), 0 3px 1px -2px rgba(255,152,0,.2), 0 1px 5px 0 rgba(255,152,0,.12);
  text-transform: uppercase;
  font-size: 12px;
  padding: 5px 7px;
}

header .logout button:hover,
#middle button:hover {
  cursor: pointer;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: transparent!important;}

#middle button i { margin-right: 5px; }

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { background: transparent!important;}
.navigation {
  position: relative;
  display: block;
  height: auto!important;
  background: #1c293c;
  padding: .5rem 1rem;
}

.navigation #nav {
  width: 100%!important;
  margin-top: 0!important;
  padding: 0!important;
}

.navigation #nav ul li {
  padding: 3px 0;
  border-left: 1px solid #2b3e5a;
  height: auto;
}

.navigation #nav ul li a {
  border-left: none!important;
  height: auto;
  font-family: "Ubuntu", sans-serif;
  font-size: 11px;
  font-weight: 400;
  color: #fff /*!important*/;
  padding: 10px 12px!important;
  text-transform: uppercase;
}

.navigation #nav ul li a:hover { height: auto!important; }
.navigation .active, .navigation #nav ul li a:hover, .navigation #nav ul li:hover { background-color: #1c293c; }
.navigation #nav ul li.active a, .navigation #nav ul li a:hover { color: #FC9117; }
.navigation #nav ul li { border: none!important; }
#middle {
  position: relative;
  background: #fff/*!important*/;
  background-image: none!important;
}

#middle .title h2 {
  font-family: "Ubuntu", sans-serif;
  font-weight: 600;
  color: #333;
  text-transform: uppercase;
}

.orange-text { color: #FC9117;}

#bottom {
  background-image: none!important;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #1c293c;
  color: #fff!important;
  text-align: center;
  float: none!important;
  height: auto!important;
  z-index: 99;
}

#bottom footer {
  position: relative;
  height: auto!important;
  width: 100%!important;
  padding: 16px 0;
  text-align: center;
}

.footerTop {
  background: #FC9117;
  border: none!important;
  font-size: 24px;
  padding: 8px 14px 7px!important;
  text-shadow: none!important;
  position: absolute;
  right: 30px;
  bottom: 0px;
  margin: 0!important;
  color: #fff!important;
  z-index: 99;
}

#top button.navbar-toggler.navbar-toggler-right {
  position: relative!important;
  border-color: #fff!important;
}
#top button.navbar-toggler.navbar-toggler-right i { color: #fff!important; }

/*date tables */
.ui-widget-header {
  background: #1C293C!important;
  border: none!important;
  color: #fff!important;
  font-family: "Ubuntu";
  padding: 8px 12px!important;
}

select#dropDown,
.dataTables_filter input {
  display: inline-block;
  width: 75px;
  height: 27px;
  padding: 3px 6px;
  font-size: 12px;
  line-height: 1.42857;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
}

.dataTables_filter input { width: 180px; }

.ui-state-default {
  background: #fff!important;
  border: 1px solid #808080!important;
}

table.display thead th {
  font-size: 13px !important;
  font-family: "Ubuntu";
  


}

table.display td {
  font-family: "Ubuntu";
  border: 1px solid #808080;
  background: #fff;
}

.simpleTable.editTables tr.half td { width: 50%; }
.simpleTable.editTables tr.full td { width: 100%; }
.simpleTable.editTables tr.spacer {
  padding: 5px;
  display: block;
}

.simpleTable.editTables br { display: none; }
.simpleTable.editTables td .content {
  padding-left: 15px;
  font-size: 14px;
}

.simpleTable.editTables .btn.btn-default {
  width: 100px!important;
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  border: none;
  color: #fff;
  background: #FC9117;
  box-shadow: 0 2px 2px 0 rgba(255,152,0,.14), 0 3px 1px -2px rgba(255,152,0,.2), 0 1px 5px 0 rgba(255,152,0,.12);
  text-transform: uppercase;
  font-size: 13px;
  padding: 12px 20px;
}

/*login page*/
#login { padding: 35px 0; }
#login #sign_in_response { width: 100%!important; }
#login .signin_form {
  width: 100%!important;
  margin-top: 10px!important;
}
#login label h6 {
  font-size: 16px;
  color: #333;
}
#login .remember { margin: 15px 0; }
#login button {
  margin-top: 10px;
  width: 150px;
}
/* Quality Check Page */
main#quality-check { padding: 50px 0!important; }
main#quality-check .content { padding: 15px 0; }
main#quality-check label h6 {
  font-family: "Ubuntu";
  font-weight: 400;
  color: #333;
  font-size: 16px;
}
main#quality-check .btn.btn-default {
  margin-top: 20px!important;
  width: 270px!important;
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  border: none;
  color: #fff;
  background: #FC9117;
  box-shadow: 0 2px 2px 0 rgba(255,152,0,.14), 0 3px 1px -2px rgba(255,152,0,.2), 0 1px 5px 0 rgba(255,152,0,.12);
  text-transform: uppercase;
  font-size: 13px;
  padding: 12px 20px;
}
main#quality-check .form-control {
  margin-bottom: 10px;
}

/*health check*/
main#health-check { padding: 35px 0 85px!important; }
main#health-check .first_box {
  width: 100%!important;
  border-radius: 3px!important;
  padding: 10px!important;
}

main#health-check .big_container { margin-bottom: 35px; }

main#health-check .first_box .title {
  display: inline-block;
  width: 100%;
}
main#health-check .first_box .title .text,
main#health-check .first_box .title .expand {
  display: inline-block;
}

main#health-check .first_box .title .expand {
  float: right;
  margin-right: 15px;
  margin-top: 8px;
}

main#health-check .first_box .title .text { float: left;}

main#health-check .first_box .title h1 {
  font-family: "Ubuntu", sans-serif;
  font-weight: 600;
  color: #333;
  text-transform: uppercase;
  margin-top: 0;
}

main#health-check .first_box .title h1 img { margin-right: 7px; }
main#health-check .first_box table td {  border-color: transparent; }

/* messages */
#messages .MailLeft, #messages .MailRight {
  width: 100%!important;
  height: 100%;
}

#messages .GlobalContainer { background: #fff!important; }
#message { position: relative; }
#messages .MailLeft {
  background: #fff!important;
  -webkit-box-shadow: 2px 0px 46px -21px rgba(107,107,107,1);
  -moz-box-shadow: 2px 0px 46px -21px rgba(107,107,107,1);
  box-shadow: 2px 0px 46px -21px rgba(107,107,107,1);
  padding: 25px;
}

#messages .MailLeft li#inboxLi > a,
#messages .subFolder,
#messages .plusIcon,
#messages .MailLeft li#draftLi > a,
#messages .MailLeft li#trashLi > a,
#messages .minusIcon,
#messages .MailLeft li.subFolderLi a {
  background: none!important;
}

#messages .MailLeft li#inboxLi > a:before {
  content: "\f0e0";
  font-family: Font Awesome\ 5 Free!important;
  display: inline-block;
  margin-left: -25px;
  margin-right: 10px;
  color: #FC9117;
  font-size: 15px;
}

#messages .MailRightHeader ul {
  padding-left: 0!important;
  margin-left: 0!important;
}

#messages form#inbox { margin-top: 10px; margin-bottom: 50px;}
#messages .MailLeft li#draftLi > a:before {
  content: "\f2b6";
  font-family: Font Awesome\ 5 Free!important;
  display: inline-block;
  margin-left: -25px;
  margin-right: 10px;
  color: #FC9117;
  font-size: 15px;
}

#messages .MailLeft li#trashLi > a:before {
  content: "\f2ed";
  font-family: Font Awesome\ 5 Free!important;
  display: inline-block;
  margin-left: -25px;
  margin-right: 10px;
  color: #FC9117;
  font-size: 15px;
}

#messages .MailLeft li.subFolderLi a:before {
  content: "\f07b";
  font-family: Font Awesome\ 5 Free!important;
  display: inline-block;
  margin-left: -25px;
  margin-right: 10px;
  color: #FC9117;
  font-size: 15px;
}

#messages .subFolder:before {
  content: "\f07c";
  font-family: Font Awesome\ 5 Free!important;
  display: inline-block;
  color: #FC9117;
  font-size: 15px;
}

#messages .plusIcon:before {
  content: "\f0fe";
  font-family: Font Awesome\ 5 Free!important;
  display: inline-block;
  color: #FC9117;
  font-size: 15px;
}

#messages .minusIcon:before {
  content: "\f146";
  font-family: Font Awesome\ 5 Free!important;
  display: inline-block;
  color: #FC9117;
  font-size: 15px;
}

#messages .MailLeft a:hover, #messages .MailLeft a:focus { text-decoration: none!important; }

#messages .side-btn .btn.btn-default {
  width: 180px;
  margin-top: -12px;
}
#messages .MailRightHeader span { margin-top: 5px; }
#messages .MailRight { padding: 25px 15px!important; }
#messages .MailRightHeader {
  height: auto!important;
  margin-bottom: 25px;
}

#messages #projForm {
  float: right;
  width: 50%;
}

#messages .MailRightHeader .btn.btn-default { margin-top: -8px!important; }
#messages .MailRight h3 {
  margin: 7px 0 20px;
  font-family: "Ubuntu";
  font-weight: 400;
}

#messages  p.label {
  width: 50px;
  display: inline-block;
}

#messages .form-control.date {
  width: calc(100% - 70px);
  display: inline-block;
}

#messages .cleardate {
  width: 10px;
  display: inline-block;
  float: right;
  font-size: 24px;
  color: red;
  margin-left: 5px;
}

#messages a.sideMenu_msgs { padding: 0!important; }
#messages .mail-options {
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  color: #333;
}
#messages .mail-options img {
  height: 25px;
  margin-top: -3px;
}

#messages .GlobalContainer { position: relative;}
#messages .GlobalContainer .row.dtable {
  display: table;
  width: 100%;
}
#messages .GlobalContainer.clearfix .row.dtable .col-md-4.dtable,
#messages .GlobalContainer.clearfix .row.dtable .col-md-8.dtable {
  display: table-cell;
  float: none;
  vertical-align: top;
}

#messages .MailLeft {
  display: inline-table;
  padding-bottom: 30px;
}

#messages .filter tbody td .form-control { width: 97%; }
#messages .filter { margin-bottom: 10px; }
#messages .MailRightHeader .filter .btn.btn-default {
  margin-top: 0!important;
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  border: none;
  color: #fff;
  background: #FC9117;
  box-shadow: 0 2px 2px 0 rgba(255,152,0,.14), 0 3px 1px -2px rgba(255,152,0,.2), 0 1px 5px 0 rgba(255,152,0,.12);
  text-transform: uppercase;
}

#messages.details-search label {
  display: block;
  text-align: left;
  margin-top: 15px;
}

#messages.details-search .chzn-choices {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
}

#messages.details-search div#recipTo_chzn, #messages.details-search #recipFrom_chzn { width: 100%!important; }
#messages.details-search .MailRightHeader .btn.btn-default {
  margin: 15px 0!important;
  font-family: "Ubuntu", sans-serif;
  width: 180px;
  font-weight: 400;
  border: none;
  color: #fff;
  background: #FC9117;
  box-shadow: 0 2px 2px 0 rgba(255,152,0,.14), 0 3px 1px -2px rgba(255,152,0,.2), 0 1px 5px 0 rgba(255,152,0,.12);
  text-transform: uppercase;
  font-size: 13px;
  padding: 12px 20px;
}

div#mySidenav {
  height: 100%;
  display: table-cell;
  vertical-align: top;
  float: none;
  overflow-y: auto;
  position: absolute;
}

#profilepage { margin-top: 35px; }
/*Project */
.borderless td, .borderless th {
    border: none !important;
}
/*Inspection */
#inspection { padding: 25px 0 60px!important; }
#inspection .input { margin-top: 15px!important; }
.table-standard-defect-list tr { cursor: pointer; }
.table-standard-defect-list tr:hover { background-color: #a6a6a6; }

/*big screens */
@media screen and (min-width: 1200px) {
  .visible-mobile {
    display: none;
  }
  .visible-mob {
    display: none!important;
  }
}

/*ipad landscape */
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-mobile { display: none; }
  .footerTop {
    bottom: 48px;
    right: 0;
  }
  .visible-mob { display: none!important; }
  #messages #projForm { width: 100%; }
}

/*ipad portrait */
@media (min-width: 768px) and (max-width: 991px) {
  #nav ul li { display: block; float:none!important;}
  header .logout { display: none; }
  .visible-mobile {
    display: inline-block;
    float: right;
  }

  .visible-mobile button {
    padding: 10px 15px!important;
    margin-top: 7px;
  }

  .navigation { padding: 15px 0; }
  #bottom footer { text-align: left; }

  .footerTop {
    bottom: 48px;
    right: 0;
  }
  .visible-mob { display: none!important; }
  #messages .MailRightHeader .btn.btn-default {
    font-size: 10px;
    padding: 12px 15px;
  }
  #messages #projForm {
    float: none;
    margin-top: 10px;
  }
  .MailRight { min-height: 730px!important; }
}

/* mobile */
@media(max-width: 767px) {
  .visible-mob {
    display: block!important;
  }
  #nav ul li { display: block; float:none!important;}
  iframe#chart1,
  iframe#chart3_if,
  iframe#chart4_nb{
      width: 100% !important;
  }
  .visible-mobile {
    display: inline-block;
    float: right;
  }

  .visible-mobile button {
    padding: 10px 15px!important;
    margin-top: 8px;
  }

  html { display: block!important;}
  header .logo {
    float: none;
  }
  header a{ width: 100%;}
  header a img {
    margin: 0 auto;
    display: block;
  }
  header .logout { display: none; }
  header .welcome {
    -webkit-justify-content: center;
    justify-content: center;
    margin: 15px 0;
  }
  nav button.navbar-toggler.navbar-toggler-right { margin-left: 15px; }

  #quality-check .search_multiple { padding-bottom: 50px!important; }
  #supportSpan {
    float: none!important;
    text-align: center;
  }

  .navigation { padding: 15px;}
  .footerTop {
    bottom: 83px;
    right: 21px;
    font-size: 18px;
    position: fixed;
  }
  .navbar-header {
    padding: 0 15px;
  }

  .simpleTable.editTables tr.half td {
    width: 100%!important;
    display: block;
  }

  .innerTable.qachklist tr td {
    display: block;
    width: 100%;
  }

  .innerTable.qachklist tr td .button {
    display: inline-block;
    margin: 5px 10px;
  }

  .innerTable.qachklist .upload-image { width: 100%; }
  .innerTable.qachklist .upload-image .innerDiv {
    height: auto!important;
    width: 150px!important;
    margin: 0 auto;
    display: block;
    padding: 6px 15px;
  }
  .innerTable.qachklist .upload-image .innerDiv.sign {
    height: 100px!important;
    width: 100px!important;
  }
  #messages .MailLeft { padding-bottom: 60px; }
  #messages #projForm {
    float: none;
    width: 100%;
    margin-top: 10px;
  }

/*  main#health-check .container { padding: 0!important; }*/
  main#health-check .first_box {
    height: 100%!important;
    padding: 5px!important;
  }

  main#health-check table .arrow,
  main#health-check table #QCN {
    position: absolute;
  }

  main#health-check td#QCN { right: 15px; }

  table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 2rem;
    background-color: #fff;
  }
  table > thead > tr,
  table > tbody > tr,
  table > tfoot > tr {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  table > thead > tr > th,
  table > tbody > tr > th,
  table > tfoot > tr > th,
  table > thead > tr > td,
  table > tbody > tr > td,
  table > tfoot > tr > td {
    text-align: left;
    padding: 1.6rem;
    vertical-align: top;
    border-top: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  table > thead > tr > th {
    font-weight: 400;
    color: #757575;
    vertical-align: bottom;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }
  table > caption + thead > tr:first-child > th,
  table > colgroup + thead > tr:first-child > th,
  table > thead:first-child > tr:first-child > th,
  table > caption + thead > tr:first-child > td,
  table > colgroup + thead > tr:first-child > td,
  table > thead:first-child > tr:first-child > td {
    border-top: 0;
  }
  table > tbody + tbody {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
  }
  table table {
    background-color: #fff;
  }
  table .no-border {
    border: 0;
  }
  .dataTables_filter input { width: 60%; }
  .dataTables_wrapper table {
    margin-bottom: 0;
    background-color: transparent;
  }
  .dataTables_wrapper table thead,
  .dataTables_wrapper table tfoot {
    display: none;
  }
  .dataTables_wrapper table tbody {
    display: block;
  }
  .dataTables_wrapper table tbody tr {
    display: block;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    margin-bottom: 1.6rem;
  }
  .dataTables_wrapper table tbody tr td {
    background-color: #fff;
    display: block;
    vertical-align: middle;
    text-align: left;
  }
  .dataTables_wrapper table tbody tr td[data-title]:before {
    content: attr('data-title');
    float: left;
    font-size: inherit;
    font-weight: 400;
    color: #757575;
  }
  #messages .MailRight {
    padding: 25px 0!important;
  }
  header .logout button, #middle button, .visible-mobile button {
    font-size: 10px;
    padding: 8px 15px;
  }
/*  #main { padding: 15px 0!important; }*/
/*  #messages .mail-options { margin-left: 15px; }*/
div#inboxData_paginate {
    width: inherit !important;
}
  .dataTables_length {
    width: 100%!important;
    float: none!important;
}
.dataTables_filter {
    width: 100%!important;
    float: none!important;
    text-align: left!important;
    display: block;
    margin-top: 5px;
}
.paging_full_numbers {
    margin: 10px auto!important;
    text-align: center!important;
}
.dataTables_wrapper {
/*
  width: 90%!important;
  margin: 0 auto!important;
*/
}
/*10-02-2018*/

table.display td { border: none!important; }
/*tr td.sorting_1 { display: none!important; }*/
/*.container-fluid.no-padding { padding: 0 15px!important; }*/
.paging_full_numbers { width: 100%!important; }
/* #messages .GlobalContainer .row.dtable {
  display: block;
  margin: 0 auto;
} */
/* #messages .GlobalContainer.clearfix .row.dtable .col-md-4.dtable,
#messages .GlobalContainer.clearfix .row.dtable .col-md-8.dtable {
  display: block;
} */
#profilepage .signin_form { width: 100%!important; }
#profilepage {  margin-bottom: 100px; }
div#container_progress {
	margin-bottom: 90px;
}
.dataTables_info {
	padding-top: 12px !important;
}
  div#main.menu-open:after { width:calc(100% + 30px)!important; }
}

@media(max-width:991px) {
 .navbar-header {
    float: none;
}
.navbar-left,.navbar-right {
    float: left !important;
}
.navbar-toggle {
    display: block;
    float:left!important;
}
.navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}
.navbar-collapse.collapse {
    display: none!important;
}
.navbar-collapse.collapse.in {
    display: block!important;
}
.navbar-nav {
    float: none!important;
    margin-top: 7.5px;
}
.navbar-nav>li { float: none; }
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.collapse.in{ display:block !important; }
.first_box .expand { display: none!important; }

#mySidenav {
  width: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow-x: hidden;
  transition: 0.5s;
  background: #fff;
  height: 100%;
  -webkit-box-shadow: 10px 2px 31px -18px rgba(143,143,143,1);
  -moz-box-shadow: 10px 2px 31px -18px rgba(143,143,143,1);
  box-shadow: 10px 2px 31px -18px rgba(143,143,143,1);
}
}

@media (max-width: 1199px) {
  #mySidenav.md {
    width: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow-x: hidden;
    transition: 0.5s;
    background: #fff;
    height: 100%;
    -webkit-box-shadow: 10px 2px 31px -18px rgba(143,143,143,1);
    -moz-box-shadow: 10px 2px 31px -18px rgba(143,143,143,1);
    box-shadow: 10px 2px 31px -18px rgba(143,143,143,1);
  }

  div#main.menu-open:after {
      content: "";
      background: #000;
      height: 100%;
      width: calc(100% + 15px);
      position: absolute;
      top: 0;
      left: 0;
      opacity: .3;
  }

  #messages .MailLeft { display: inline-table; }

  #mySidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 14px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }

  #mySidenav a:hover { color: #f1f1f1; }
  #mySidenav .closebtn {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 36px;
    margin-left: 50px;
    color: #1C293C;
  }

  #main {
    transition: margin-left .5s;
    padding: 16px;
  }

  #messages table.filter tr td {
    display: block;
    padding: 8px 0!important;
  }
  #messages table.filter .addbtn { float: left!important; }
  #messages.addressbook .mail-options { margin-left: 0; }
}

@media screen and (max-height: 450px) {
  #mySidenav {padding-top: 15px;}
  #mySidenav a {font-size: 18px;}
}

/* FORMS */
#reg-mgmt-form {
  padding: 50px 0 125px;
}

#reg-mgmt-form .stv-radio-button {
  position: absolute;
  left: -9999em;
}

#reg-mgmt-form form { margin-top: 25px; }
#reg-mgmt-form label {
  font-family: "Ubuntu", sans-serif;
  font-size: 13px;
  color: #949494;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 10px;
}

#reg-mgmt-form .stv-radio-button + label {
  cursor: pointer;
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  border: none;
  color: #fff;
  background: #777;
  text-transform: uppercase;
  font-size: 13px;
  padding: 8px 20px;
  border-radius: 3px;
  margin-top: 5px;
  width: 80px;
  text-align: center;
}

#reg-mgmt-form .req {
  color: red;
  font-size: 14px;
  margin-left: 5px;
}

#reg-mgmt-form .stv-radio-button:checked + label {
  background-color: #FC9117;
  box-shadow: 0 2px 2px 0 rgba(255,152,0,.14), 0 3px 1px -2px rgba(255,152,0,.2), 0 1px 5px 0 rgba(255,152,0,.12);
}

#reg-mgmt-form form textarea {
  resize: none;
  height: 100px;
}

#reg-mgmt-form button[type="submit"] {
  width: 200px;
  margin-top: 15px;
}

#reg-mgmt-view { padding: 50px 0 100px; }
#reg-mgmt-view { color: #333; }
#reg-mgmt-view .holder {
  margin-top:25px;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding:  15px 35px;
}

#reg-mgmt-view .field-title h4 {
  margin-top: 15px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #777;
}

#reg-mgmt-view .field-info {
  font-size: 14px;
  line-height: 20px;
}

#reg-mgmt-view .photo-holder img {
    display: inline-block;
    width: calc(100% / 6);
}

#reg-mgmt-view .field-title { padding-top: 5px; }
#reg-mgmt-view .field-info { padding-bottom: 10px; }
#reg-mgmt-view .holder .row:first-child .field-title { padding-top: 0; }
#reg-mgmt-view .holder .row:last-child:after { border:none; }
#reg-mgmt-view .holder .row:after {
    border-bottom: 1px solid #ddd;
    content: "";
    width: 98%;
    margin: 0 auto;
}
#reg-mgmt-view button.back {
  margin-top: 10px;
  width: 150px;
}

#reg-mgmt-list {
  padding: 50px 0 100px;
  color: #333;
}
#reg-mgmt-list .content { margin-top: 35px; }
#reg-mgmt-list table { margin-top: 20px; }
#reg-mgmt-list table thead th,
#reg-mgmt-list table.display td {
  border: 1px solid #ddd!important;
}

#reg-mgmt-list table.display td {
  padding: 6px 10px;
  font-size: 13px;
}

#reg-mgmt-list button.dt-edit { padding: 8px 20px; }
#reg-mgmt-list button.dt-delete {
  padding: 8px 20px;
  background: #F44336!important;
}

#reg-mgmt-list .btn.btn-orange {
  width: 100px!important;
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  border: none;
  color: #fff;
  background: #FC9117;
  box-shadow: 0 2px 2px 0 rgba(255,152,0,.14), 0 3px 1px -2px rgba(255,152,0,.2), 0 1px 5px 0 rgba(255,152,0,.12);
  text-transform: uppercase;
  font-size: 13px;
  padding: 12px 20px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  background: #FC9117;
  border: none!important;
}

.pagination>li>a, .pagination>li>span { color: #333; }

@media (max-width: 767px ) {
  #middle .title h2 { font-size: 24px; }
  #reg-mgmt-form .btn-holder.pull-right { margin-top: 20px; }
  #reg-mgmt-form form { margin-top: 10px; }
  #reg-mgmt-form button[type="submit"] { width: 100%; }
  #reg-mgmt-list .dataTables_wrapper .dataTables_length,
  #reg-mgmt-list .dataTables_wrapper .dataTables_filter {
    text-align: left!important;
  }
  #reg-mgmt-list div#example_length select {
    display: inline-block!important;
    float: left;
  }
}

.error{
	padding-top:5px;
	color:red;
	font-size: 13px;
}

#circle {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    display: compact;
    margin-left: -5px;
}

#dataTable td ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#dataTable td ul li {
    display: inline-block;
    padding-left: 10px;
}

/*.innerDiv label input[type="file"] {
    cursor: pointer;
    line-height: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    z-index: 999;
}*/

#treeView ul {
    display: inline-block;
}
#treeView ul li {
    list-style-type: none;
    line-height: 20px;
}
#treeView li .activeLocat {
    background: url(../images/plus-icon.png) no-repeat 0;
    padding-left: 20px;
}

#treeView li .deactiveLocat {
    background: url(../images/minus-icon.png) no-repeat 0;
    padding-left: 20px;
}

.odd-cls{background-color: #cce5ff;}
.even-cls{background-color: #99ccff;}

.borderStyle {
    border: 1px solid #015d9c;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    padding-left: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
}

img{
	image-orientation: from-image;
}
input[readonly] {
  background: #CCCCCC !important;
}


@media (max-width: 767px){
	table{
		font-size:12px !important;
	}
	.search_multiple .labelName, .form-label, .labelName1{
		font-size: 15px !important;
	}
	.container {
	  padding-right: 2px;
	  padding-left: 3px;
	  margin-right: auto;
	  margin-left: auto;
	}
	.addItem, .removeItem {
		height: 30px !important;
	}
	.row {
	  margin-right: 0px;
	  margin-left: 0px;
	}
	
	#bottom{
		position: relative;
	}
	#middle{
		z-index: 100;
	}
	.modal-backdrop.in, .modal-backdrop.fade{
		z-index: 0;
	}
}