/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina
  @media only screen and (min-width : 320px) { ... }
*/
/* Extra Small Devices, Phones
  @media only screen and (min-width : 480px) { ... }
*/
/* Small Devices, Tablets
  @media only screen and (min-width : 768px) { ... }
*/
/* Medium Devices, Desktops
  @media only screen and (min-width : 992px) { ... }
*/
/* Large Devices, Wide Screens
  @media only screen and (min-width : 1200px) { ... }
*/

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens < 1200px
  @media only screen and (max-width : 1199px) { ... }
*/
/* Medium Devices, Desktops < 992px
  @media only screen and (max-width : 991px) { ... }
*/
/* Small Devices, Tablets < 768px
  @media only screen and (max-width : 767px) { ... }
*/
/* Extra Small Devices, Phones < 480px
  @media only screen and (max-width : 479px) { ... }
*/ 
/* Custom, iPhone Retina < 320px
  @media only screen and (max-width : 319px) { ... }
*/

body {
  font-family: 'Open Sans', sans-serif;
}

.text-strike {
  text-decoration: line-through;
}

.footer {
  width: 100%;
  /*background-color: #f5f5f5;*/
}

/* Styling Password Fields in CSS */

@font-face {
  font-family: 'pass';
  font-style: normal;
  font-weight: 400;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATsAA8AAAAAB2QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAcg9+z70dERUYAAAF0AAAAHAAAAB4AJwANT1MvMgAAAZAAAAA/AAAAYH7AkBhjbWFwAAAB0AAAAFkAAAFqZowMx2N2dCAAAAIsAAAABAAAAAQAIgKIZ2FzcAAAAjAAAAAIAAAACAAAABBnbHlmAAACOAAAALkAAAE0MwNYJ2hlYWQAAAL0AAAAMAAAADYPA2KgaGhlYQAAAyQAAAAeAAAAJAU+ATJobXR4AAADRAAAABwAAAAcCPoA6mxvY2EAAANgAAAAEAAAABAA5gFMbWF4cAAAA3AAAAAaAAAAIAAKAE9uYW1lAAADjAAAARYAAAIgB4hZ03Bvc3QAAASkAAAAPgAAAE5Ojr8ld2ViZgAABOQAAAAGAAAABuK7WtIAAAABAAAAANXulPUAAAAA1viLwQAAAADW+JM4eNpjYGRgYOABYjEgZmJgBEI2IGYB8xgAA+AANXjaY2BifMg4gYGVgYVBAwOeYEAFjMgcp8yiFAYHBl7VP8wx/94wpDDHMIoo2DP8B8kx2TLHACkFBkYA8/IL3QB42mNgYGBmgGAZBkYGEEgB8hjBfBYGDyDNx8DBwMTABmTxMigoKKmeV/3z/z9YJTKf8f/X/4/vP7pldosLag4SYATqhgkyMgEJJnQFECcMOGChndEAfOwRuAAAAAAiAogAAQAB//8AD3jaY2BiUGJgYDRiWsXAzMDOoLeRkUHfZhM7C8Nbo41srHdsNjEzAZkMG5lBwqwg4U3sbIx/bDYxgsSNBRUF1Y0FlZUYBd6dOcO06m+YElMa0DiGJIZUxjuM9xjkGRhU2djZlJXU1UDQ1MTcDASNjcTFQFBUBGjYEkkVMJCU4gcCKRTeHCk+fn4+KSllsJiUJEhMUgrMUQbZk8bgz/iA8SRR9qzAY087FjEYD2QPDDAzMFgyAwC39TCRAAAAeNpjYGRgYADid/fqneL5bb4yyLMwgMC1H90HIfRkCxDN+IBpFZDiYGAC8QBbSwuceNpjYGRgYI7594aBgcmOAQgYHzAwMqACdgBbWQN0AAABdgAiAAAAAAAAAAABFAAAAj4AYgI+AGYB9AAAAAAAKgAqACoAKgBeAJIAmnjaY2BkYGBgZ1BgYGIAAUYGBNADEQAFQQBaAAB42o2PwUrDQBCGvzVV9GAQDx485exBY1CU3PQgVgIFI9prlVqDwcZNC/oSPoKP4HNUfQLfxYN/NytCe5GwO9/88+/MBAh5I8C0VoAtnYYNa8oaXpAn9RxIP/XcIqLreZENnjwvyfPieVVdXj2H7DHxPJH/2/M7sVn3/MGyOfb8SWjOGv4K2DRdctpkmtqhos+D6ISh4kiUUXDj1Fr3Bc/Oc0vPqec6A8aUyu1cdTaPZvyXyqz6Fm5axC7bxHOv/r/dnbSRXCk7+mpVrOqVtFqdp3NKxaHUgeod9cm40rtrzfrt2OyQa8fppCO9tk7d1x0rpiQcuDuRkjjtkHt16ctbuf/radZY52/PnEcphXpZOcofiEZNcQAAeNpjYGIAg///GBgZsAF2BgZGJkZmBmaGdkYWRla29JzKggxD9tK8TAMDAxc2D0MLU2NjENfI1M0ZACUXCrsAAAABWtLiugAA) format('woff');
}

input[type=password]:not(:placeholder-shown) {
  font-family: 'pass', 'Roboto', Helvetica, Arial, sans-serif;
}

/* helper class --------------------------------------------------------- */

.link-unstyled, .link-unstyled:link, .link-unstyled:hover {
  color: inherit;
  text-decoration: inherit;
}

/*fix badge bottom gap in navbar*/
.navbar .badge {
  vertical-align: bottom;
}

.label-as-badge {
    border-radius: 1em !important;
}

/*twitter-font-awesome-4*/
.fa.fa-twitter{
  font-family:sans-serif;
}
.fa.fa-twitter::before{
  content:"𝕏";
  font-size:1.2em;
}

/*list group striped conflict with hover*/
ul.list-group.list-group-striped li:nth-of-type(odd){
    background: #161616;
}
ul.list-group.list-group-striped li:nth-of-type(even){
    background: #202020;
}
ul.list-group.list-group-hover li:hover{
    background: #2c2c2c;
}

/*line-break*/
@media only screen and (max-width : 767px) {
  .line-break-sm {
    display: block;
  }
}

/*textarea*/
textarea.noresize { resize: none; }
textarea.vresize { resize: vertical; }
textarea.hresize { resize: horizontal; }

small {
  font-size: .8em;
}

.border-radius-none {
  border-radius: 0;
}

.border-radius-top-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.border-radius-bottom-none {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-extra {
  border-radius: 0;
  padding: 20px 40px;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

.table-padding-left-none > tbody > tr > td:first-child,
.table-padding-left-none > tbody > tr > th:first-child,
.table-padding-left-none > tfoot > tr > td:first-child,
.table-padding-left-none > tfoot > tr > th:first-child,
.table-padding-left-none > thead > tr > td:first-child,
.table-padding-left-none > thead > tr > th:first-child {
    padding-left: 0;
}

.text-lg { font-size: 1.25em; }
.text-2x { font-size: 1.5em; }
.text-3x { font-size: 1.75em; }
.text-4x { font-size: 2em; }
.text-5x { font-size: 2.25em; }

.well-dark {
  background-color: #e2e2e2;
  border: 1px solid #c7c7c7;
}

/*horizontal rule margin*/
.hr-md {
  margin-top: 1em;
  margin-bottom: 1em;
}

/*none padding and only horizontal dividers in using panel*/
.list-group-item-horizontal {
  border-left: none;
  border-right: none;
}
.list-group-item-horizontal:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top: none;
}
.list-group-item-horizontal:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: none;
}

/* text-strong */
.text-light { font-weight: 300; }
.text-regular { font-weight: 400; }
.text-bold { font-weight: 600; }
.text-bolder { font-weight: 700; }
.text-boldest { font-weight: 800; }

.text-space { letter-spacing: .12em; }

.bg-success-extra {
  background-color: #dff0d8;
}

/**
 * font awesome
 */
.fa-dot-alert {
  color: #fc576b;
  padding-bottom: 5px;
  display: inline-table;
  vertical-align: bottom;
  margin-left: -4px;

  position: relative;
}

.fa-dot-alert:after {
  content: "\f10c";
  color: #fff;
  position: absolute;
  left: 0;
}

/**
 * margin
 */
.margin-none { margin: 0; }
.margin-xs { margin: 5px; }
.margin-sm { margin: 10px; }
.margin-md { margin: 25px; }
.margin-lg { margin: 50px; }
.margin-top-none { margin-top: 0; }
.margin-top-xs { margin-top: 5px; !important; }
.margin-top-sm { margin-top: 10px !important; }
.margin-top-md { margin-top: 25px !important; }
.margin-top-lg { margin-top: 50px; }
.margin-top-xl { margin-top: 100px; }
.margin-bottom-none { margin-bottom: 0 !important; }
.margin-bottom-xs { margin-bottom: 5px; }
.margin-bottom-sm { margin-bottom: 10px; }
.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-md { margin-bottom: 25px; }
.margin-bottom-lg { margin-bottom: 50px; }
.margin-bottom-xl { margin-bottom: 100px; }
.margin-right-none { margin-right: 0; }
.margin-right-xs { margin-right: 5px; }
.margin-right-sm { margin-right: 10px; }
.margin-right-md { margin-right: 25px; }
.margin-right-lg { margin-left: 50px; }
.margin-left-none { margin-left: 0; }
.margin-left-xs { margin-left: 5px; }
.margin-left-sm { margin-left: 10px; }
.margin-left-md { margin-left: 25px; }
.margin-left-lg { margin-left: 50px; }

/**
 * spacer
 */
.spacer-xs { margin-top: 5px; }
.spacer-sm { margin-top: 10px; }
.spacer-md { margin-top: 25px; }
.spacer-lg { margin-top: 50px; }

@media only screen and (max-width : 1199px) {
  .margin-bottom-md-col-lg {
    margin-bottom: 25px;
  }
  .margin-bottom-sm-col-lg {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width : 991px) {
  .margin-bottom-md-col-md { margin-bottom: 25px; }
  .margin-bottom-sm-col-md { margin-bottom: 15px; }
  .margin-bottom-xs-col-md { margin-bottom: 5px; }
}
@media only screen and (max-width : 767px) {
  .margin-bottom-md-col-sm { margin-bottom: 25px; }
  .margin-bottom-xs-col-sm { margin-bottom: 5px; }
  .margin-top-toggle-sm-md-in-md { margin-top: 10px; }
  .margin-top-toggle-xs-none-col-xs { margin-top: 5px; }
  .margin-bottom-toggle-sm-none-col-xs { margin-bottom: 10px; }
}
@media only screen and (min-width : 768px) {
  .margin-top-toggle-sm-md-in-md { margin-top: 25px; }
  .margin-top-toggle-xs-none-col-xs { margin-top: 0; }
  .margin-bottom-toggle-sm-none-col-xs { margin-bottom: 0; }
}

/**
 * padding
 */
.padding-none { padding: 0; }
.padding-xs { padding: 5px; }
.padding-sm { padding: 10px; }
.padding-md { padding: 25px; }
.padding-lg { padding: 50px; }
.padding-top-none { padding-top: 0 !important; }
.padding-top-xs { padding-top: 5px; }
.padding-top-sm { padding-top: 10px; }
.padding-top-md { padding-top: 25px; }
.padding-top-lg { padding-top: 50px; }
.padding-right-none { padding-right: 0; }
.padding-right-xs { padding-right: 5px; }
.padding-right-sm { padding-right: 10px; }
.padding-right-md { padding-right: 25px; }
.padding-right-lg { padding-right: 50px; }
.padding-bottom-none { padding-bottom: 0 !important; }
.padding-bottom-xs { padding-bottom: 5px; }
.padding-bottom-sm { padding-bottom: 10px; }
.padding-bottom-md { padding-bottom: 25px; }
.padding-bottom-lg { padding-bottom: 50px; }
.padding-left-none { padding-left: 0 !important; }
.padding-left-xs { padding-left: 5px; }
.padding-left-sm { padding-left: 10px; }
.padding-left-md { padding-left: 25px; }
.padding-left-lg { padding-left: 50px; }

/**
 * border-none
 */
.border-none { border: 0; }
.border-left-none { border-left: none; }
.border-right-none { border-right: none; }
.border-top-none { border-top: none  !important; }
.border-bottom-none { border-bottom: none; }

.border-bottom-lignt { border-bottom: 1px solid #484848; }

.border-color-muted {
  border-color: #e2e2e2;
}

.h5-as-breadcrumb {
  padding: 8px 15px;
}
@media only screen and (max-width : 991px) { /*for wide devices*/
  .h5-as-breadcrumb {
    /*margin-top: 40px;*/
    margin-bottom: 10px;
  }
}
@media only screen and (min-width : 992px) { /*for small devices*/
}

.h5-as-breadcrumb-narrow {
  /*padding: 5px 5px;*/
  padding: 7px 5px;
}

/**
 * table
 */
table.summary tbody tr:last-child td,
table.summary tbody tr:first-child td,
table.summary tbody tr:nth-last-child(2) td {
  border-top: 0;
}
tr.table-padding-md td {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}


/**
 * bg
 */
.bg-none { background-color: transparent!important; }
.bg-gray-darker { background-color: #222; }
.bg-gray-dark { background-color: #333; }
.bg-gray { background-color: #555; }
.bg-gray-light { background-color: #777; }
.bg-gray-lighter { background-color: #eee; }
.bg-tomato { background-color: tomato; }
.bg-sky { background-color: #03a9f4; }
.bg-aliceblue { background-color: aliceblue; }
.bg-muted { background-color: #e2e2e2; }

/**
 * paragraph bg
 */
p.bg-primary,
p.bg-success,
p.bg-info,
p.bg-warning,
p.bg-danger { padding: 15px; }

.bg-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/**
 * text-muted
 */
.text-muted-darken {
  color: #222;
}
.text-muted-darker {
  color: #3c3c3c;
}
.text-muted-dark {
  color: #626262;
}
.text-muted-light {
  color: #bbb;
}
.text-muted-lighter {
  color: #eee;
}

/**
 * text-color
 */
.text-tomato { color: #ff6347; }
.text-tomato-lighter { color: #ffc4ba; }
.text-green { color: #2fdba3; }
.text-cornflowerblue { color: dodgerblue; }
.text-blue { color: dodgerblue; }

/**
 * paragraph anchor
 */
p a {
    color: inherit;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: inherit; /* border color to text color */
    border-bottom-color: rgba(0, 0, 0, .2); /* change border opacity */
}

p a:focus, p a:hover {
    color: inherit;
    text-decoration: none;
    border-bottom-color: inherit; /* border color to text color */
    border-bottom-color: rgba(0, 0, 0, .5); /* change border opacity */
}

.text-eclipse {
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis; 
}

/**
 * sidebar
 */
.sidebar ul.nav {
  margin-bottom: 20px;
}
.sidebar h5 {
  margin: 0;
  padding: 8px 15px;
  font-weight: 700;
}
.sidebar .nav-pills>li>a {
  border-radius: 0; 
  padding: 5px 15px;
  color: inherit;
}
.sidebar .nav-pills>li.active>a,
.sidebar .nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
  color: inherit;
  background-color: #eee;
}
.sidebar ul li .label {
  line-height: inherit;;
}

/**
 * panel-inherit
 */
.panel-inherit {
    border-color: #ddd;
}
.panel-inherit>.panel-heading {
    /*color: #333;*/
    background-color: inherit;
    border-color: #ddd;
}
.panel-inherit>.panel-footer {
    /*color: #333;*/
    background-color: inherit;
    border-color: #ddd;
}

.panel-group .panel {
    margin-bottom: inherit;
}

/*.breadcrumb {
  background-color: #ececec !important;
}
*/
.owl-carousel {
  background-color: #eee;
}

/**
 * paginate
 */
.pagination {
  background-color: #222222;
}
.pagination>li>a, .pagination>li>span {
  color: #ffffff;
}

/**
 * Keep Bootstrap inline input elements horizontal until 768px
 */
.form-2-groups-on-one-line,
.form-4-groups-on-one-line {
  clear: left;
  overflow: hidden;
}
.form-2-groups-on-one-line .form-group {
  float: left;
  max-width: 50%;
  margin-right: 4px;
}
.form-4-groups-on-one-line .form-group {
  float: left;
  max-width: 25%;
}
.form-2-groups-on-one-line input,
.form-2-groups-on-one-line select,
.form-4-groups-on-one-line input,
.form-4-groups-on-one-line select {
  max-width: 100%;
}

/**
 * device
 */
@media only screen and (max-width : 1199px) {
  .margin-bottom-sm-in-md {
    margin-bottom: 10px;
  }
  .margin-bottom-md-in-md {
    margin-bottom: 25px;
  }
}

@media only screen and (min-width : 992px) {
  .margin-top-20-in-sm {
    margin-top: 20px;
  }
}
@media only screen and (max-width : 991px) {
}

@media only screen and (max-width : 767px) {
  .margin-bottom-sm-in-sm {
    margin-bottom: 10px;
  }
  /*page-header line break*/
  .page-header h1 {
    display: grid;
  }
  .page-header h1 span.lead {
    margin-bottom: 0;
  }
  /*wider navbar dropdown buttons' height on mobile*/
  .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 10px 15px 10px 25px;
  }
}

@media only screen and (min-width : 768px) {
  .navbar-form input[type=text] {
    width: 230px!important;
  }
}

@media only screen and (max-width : 479px) {
  .dropdown-menu>li>a {
    padding: 8px 20px;
  }

  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: static;
  }
}

/*Material Design Switch - https://bootsnipp.com/snippets/xp0QM*/
.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

/*beat animated icon*/

.fa-beat {
  animation:fa-beat 5s ease infinite;
}
@keyframes fa-beat {
  0% {
    transform:scale(1);
  }
  5% {
    transform:scale(1.25);
  }
  20% {
    transform:scale(1);
  }
  30% {
    transform:scale(1);
  }
  35% {
    transform:scale(1.25);
  }
  50% {
    transform:scale(1);
  }
  55% {
    transform:scale(1.25);
  }
  70% {
    transform:scale(1);
  }
}

/*ringing-bell animated icon*/

/*.ringing-bell{
    position:absolute;
    left:50%;
    top:50%;
    transition:translate(-50%,-50%);
}

.faa-ring{
    color:red;
}*/

@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  2% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  4% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  6% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  8% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }

  10% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }

  12% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  14% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  16% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  18% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes ring {
  0% {
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  2% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  4% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  6% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  8% {
    -webkit-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }

  10% {
    -webkit-transform: rotate(22deg);
    -ms-transform: rotate(22deg);
    transform: rotate(22deg);
  }

  12% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  14% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  16% {
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  18% {
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  20% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.faa-ring.animated,
.faa-ring.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-ring {
  -webkit-animation: ring 5s ease infinite;
  animation: ring 5s ease infinite;
  transform-origin-x: 50%;
  transform-origin-y: 0px;
  transform-origin-z: initial;
}