/* Common */
.border{
  border:1px solid #c0c0c0;
}
.round{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.round-border-box{
  border: 1px solid #ddd;
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
  padding:15px;
}
.txt-bold, .text-bold{
  font-weight: bold;
}
.txt-center{
  text-align:center;
}
.txt-right{
  text-align:right;
}

.card{
  margin-bottom:10px;
}
/* Input */
.btn{
  margin-left:10px;
}
.inp_display{
  border: 1px solid #ddd;
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
  padding:10px;
  background-color:#fff;
}
.searchable-select .searchable-select-dropdown{
  z-index:10;
}
select.form-control{
  color:#000;
}
/* Loading Icon */
.sp {
  width: 32px;
  height: 32px;
  clear: both;
  margin: 20px auto;
}
/* Spinner Circle Rotation */
.sp-circle {
  border: 4px rgba(0, 0, 0, 0.25) solid;
  border-top: 4px black solid;
  border-radius: 50%;
  -webkit-animation: spCircRot .6s infinite linear;
  animation: spCircRot .6s infinite linear;
}
@-webkit-keyframes spCircRot {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes spCircRot {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.msg_success {
  border: solid 1px #349534;
  background: #C9FFCA;
  color: #008000;
  font-weight: bold;
  font-size: 12px;
  padding: 4px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.msg_error {
  border: solid 1px #CC0000;
  background: #F7CBCA;
  color: #CC0000;
  font-weight: bold;
  font-size: 12px;
  padding: 4px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  text-align:center;
}
.modal.fade {
  z-index: 10000000 !important;
}
label.error{
  color:#CC0000;
}

/* Grid */
.colnum{
  width:4em;
}
.coltick{
  width:1em;
}
.colaction{
  width:8em;
}
.obzbuteditgrid,.obzbutdeletegrid{
	padding-right:10px;
}
.form-row{
  margin-bottom:1em;
}

#listboxgrid a{
  padding:5px;
}
.tab-content{
  padding:10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 15px;
}

.table-bgwhite{
  background-color:#fff;
}

/* Simple Responsive Table */
@media screen and (max-width: 479px) {
  table.simpleresponsive {
    border: 0;
  }

  table.simpleresponsive thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  table.simpleresponsive tr {
    /* border-bottom: 3px solid #ddd; */
    display: block;
    margin-bottom: .625em;
  }

  table.simpleresponsive th, table.simpleresponsive td {
    /* border-bottom: 1px solid #ddd; */
    display: block;
    /*font-size: .8em;
    text-align: right;*/
  }

  table.simpleresponsive td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    /* float: left; */
    font-weight: bold;
    text-transform: uppercase;
  }

  table.simpleresponsive td:last-child {
    /* border-bottom: 0; */
  }
}
.stellarnav{
  z-index: 10;
}
/* Columsbar */
.columntickdiv{
  margin:2px 5px 2px 5px;
  border: 1px solid #999;
}
/* SearchBar */
.searchselection-row > * {
  width:auto;
  margin-bottom:5px;
}
.searchbarbox{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  margin:1px 0px 3px 1px;
}
/* Trumbowyg */
.trumbowyg-button-pane{
  z-index:5;
}