@import url(https://fonts.googleapis.com/css?family=Open+Sans:400);



/* Page */
.page-container {
}
@media (max-width: 999px) {
  .page-container {
    overflow: auto;
  }
}


/* Content */
.content-container {
  width:100%;
  height:100%;
  margin:auto;
  padding:20px;
  text-align:left;
}
@media (max-width: 750px) {
  .content-container {
    width:100%;
    padding:10px;
  }
}
@media (max-width: 1170px) {
  .content-container {
    width:100%;
    padding:10px;
  }
}


/* Object */
.object-container {
  background-color:#FFFFFF;
  padding:20px;
}
@media (max-width: 750px) {
  .object-container {
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}


/* Filter */
filter {
  border: 1px solid #EAEAEA;
  margin-bottom: 15px;
  display: inline-block;
  padding: 10px;
  width: 100%;
}
filter div {
  padding: 10px;
  display: inline-block;
}


/* List */
table.list i.fa {
  opacity: 0;
}
table.list tr:hover i.fa {
  opacity: 1;
}


/* Footer */
.footer-container {
  padding:20px;
  text-align:center;
  font-family:'Open Sans', Arial, sans-serif;
  font-size:11px;
}
.footer-container a,
.footer-container a:link,
.footer-container a:visited {
  font-family:'Open Sans', Arial, sans-serif;
  font-size:11px;
  color:#888888;
  text-decoration:none;
}
.footer-container a:hover {
  color:#333333;
  text-decoration:underline;
}

.mobile-view {
  display: none;
}
@media (max-width: 750px) {
  .mobile-view {
    display: block;
  }
}

.mobile-hide {
}
@media (max-width: 750px) {
  .mobile-hide {
    display: none;
  }
}

.mobile-width {
    width: inherit;
}
@media (max-width: 750px) {
  .mobile-width {
    width: 100% !important;
  }
}


th, td {
  white-space: nowrap;
}
table, td, p, div {
  font-family:'Open Sans', Arial, sans-serif;
  font-size:14px;
  color:#333333;
}

a,
a:link,
a:visited {
  text-decoration:none;
  font-family:'Open Sans', Arial, sans-serif;
  color:#888888;
  font-size:14px;
}
a:hover {
  color:#333333;
  text-decoration:underline;
}

h1 {
  font-family:'Open Sans', Arial, sans-serif;
  font-size:23px;
  color:#333333;
}
h2 {
  font-family:'Open Sans', Arial, sans-serif;
  font-size:14px;
  color:#545454;
}
h3 {
  font-family:'Open Sans', Arial, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#757575;
}
@media (max-width: 750px) {
  h1 {
    font-family:'Open Sans', Arial, sans-serif;
    font-size:18px;
    color:#333333;
  }
  h2 {
    font-family:'Open Sans', Arial, sans-serif;
    font-size:14px;
    color:#545454;
  }
  h3 {
    font-family:'Open Sans', Arial, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#757575;
  }
}



/* Input Fields */
input,
.input,
textarea,
select {
  padding:5px;
  border:1px solid #ccc;
  background: #fff;
  border-radius:2px;
  font-family:'Open Sans', Arial, sans-serif;
}
input:hover, input:active, input:focus,
.input:hover, .input:active, .input:focus,
textarea:hover, textarea:active, textarea:focus,
select:hover, select:active, select:focus {
  border:1px solid #ccc;
  -webkit-box-shadow: inset 2px 2px 18px -3px rgba(0,0,0,0.10);
  -moz-box-shadow: inset 2px 2px 18px -3px rgba(0,0,0,0.10);
  box-shadow: inset 2px 2px 18px -3px rgba(0,0,0,0.10);
}
.inputrequire {
  border:1px solid #ff9d9d !important;
}
.inputrequirecheck {
  color:#cc0000 !important;
}
.inputradio {
  padding:5px;
}
@media (max-width: 750px) {
  input, .input, textarea {
    padding:10px;
  }
  .inputradio {
    padding:10px;
  }
}

/* Buttons */
button {
  background-color:#0174DF;
  border:1px solid #0174DF;
  border-radius:2px;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:'Open Sans', Arial, sans-serif;
  font-size:14px;
  padding:6px 12px;
  text-decoration:none;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -khtml-border-radius:2px;
  transition: all 0.08s ease-in;
}
button:hover {
  background-color:#333333;
  border:1px solid #333333;
}
button:active {
  position:relative;
  top:1px;
}
@media (max-width: 750px) {
  button {
    font-size:16px;
  }
}

/* Table Formatting */
.table_title {
  font-size:12px;
  font-weight:bold;
  color:#777777;
  background-color:#f5f5f5;
}
.table_box {
  background-color:#f5f5f5;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -khtml-border-radius:3px;
}
.table_list {
  padding:5px;
  background-color:#f5f5f5;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -khtml-border-radius:3px;
}
.table_subtitle {
  font-family:'Open Sans', Arial, sans-serif;
  font-size:11px;
  font-weight:bold;
  color:#FFFFFF;
  background-color:#666666;
}
.border_top {
  border-top:1px solid #e5e5e5;
}
.border_bottom {
  border-bottom:1px solid #e5e5e5;
}


a.doc-link,
a.doc-link:link,
a.doc-link:visited {
  font-family:'Open Sans', Arial, sans-serif;
  color:#333333;
  font-size:14px;
  cursor: pointer;
  text-decoration:none;
}
a.doc-link:hover {
  color:#888888;
  text-decoration:none;
}
a.doc-link:hover:after {
  font-family: 'FontAwesome';
  content: " \f002";
}


#tabs {
  display: none;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.ui-tabs .ui-tabs-nav a {
  outline: none;
}