.marginTZ{ margin-top: 0px !important; }
.marginT5{ margin-top: 5px !important; }
.marginT10{ margin-top: 10px !important; }
.marginT15{ margin-top: 15px !important; }
.marginT20{ margin-top: 20px !important; }
.marginT25{ margin-top: 25px !important; }
.marginT30{ margin-top: 30px !important; }
.marginT35{ margin-top: 35px !important; }
.marginT40{ margin-top: 40px !important; }
.marginT45{ margin-top: 45px !important; }
.marginT50{ margin-top: 50px !important; }
.marginT55{ margin-top: 55px !important; }
.marginT60{ margin-top: 60px !important; }
.marginT70{ margin-top: 70px !important; }
.marginT75{ margin-top: 75px !important; }
.marginT80{ margin-top: 80px !important; }
.marginT85{ margin-top: 85px !important; }
.marginT90{ margin-top: 90px !important; }
.marginT95{ margin-top: 95px !important; }
.marginT100{ margin-top: 100px !important; }

.padding-0{
    padding: 0px !important;
}

.ui-select .btn-default.form-control{
    padding: 5px 4px;
    outline: 0 !important;
    color: #5b5b60 !important;
}
.ui-select, .ui-select .ui-select-match{
    outline: 0 !important;
    box-shadow: none !important;
}
.ui-select.ui-select-multiple{
    padding-top: 4px !important;
    padding-bottom: 3px !important;
    border-radius: 0px;
}

.sweet-alert-custom{
    width: 350px !important;
    margin-left: -175px !important;
}
.equal-tag{
    width: 55px;
    display: block;
}
.custom-list{
    display: inline-block;
}
.custom-list .list-value{
    height: 17px;
}
.list-icon{
    display: inline-block;
    float: left;
    line-height: 1;
    margin-right: 5px;
}
.custom-list.nested{
    padding-left: 18px;
}

.navbar-brand{
  width: 100%;
  text-align: center;
}
.my-thumbnil{
  display: inline-block;
  text-align: center;
  border: 1px solid black;
  padding: 5px;
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}
.custom-disabled{
  cursor: not-allowed;
  background: #f7f7f8;
  padding: 8px 5px;
  color: #9b9b9f;
}

.disable-color{
  height: 34px;
  width: 34px;
  margin: auto;
  border: 1px solid #c8c7cc;
  border-radius: 5px;
  padding: 5px;
}
.disable-color div{
  height: 100%;
  width: 100%;
  border: 1px solid #222;
}
@media (max-width: 992px){
  .navbar-brand{
    width: auto;
  }
}

@media (max-width: 540px){
    .sweet-alert-custom{
        width: auto !important;
        margin-left: 0px !important;
    }
}

@media (max-width: 767px){
    .table-search{
        margin-top: 20px;
    }
}


/**************** loading wheel ******************/
.loading-container{
    position: fixed;
    top: 0px;
    z-index: 999999;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(50, 50, 50, 0.5)
}
.loading-container .spinner {
  top: 45vh; 
  position: relative;
  width: 50px;
  height: 50px;
  display: inline-block;
}

.loading-container .spinner div {
  width: 8%;
  height: 30%;
  background: #000;
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  -webkit-border-radius: 50px;
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
  -webkit-animation: fade 1s linear infinite;
}

@-webkit-keyframes fade {
  from {opacity: 1;}
  to {opacity: 0.25;}
}

.loading-container .spinner div.bar1 {
  -webkit-transform:rotate(0deg) translate(0, -130%);
  -webkit-animation-delay: 0s;
}    

.loading-container .spinner div.bar2 {
  -webkit-transform:rotate(30deg) translate(0, -130%); 
  -webkit-animation-delay: -0.9167s;
}

.loading-container .spinner div.bar3 {
  -webkit-transform:rotate(60deg) translate(0, -130%); 
  -webkit-animation-delay: -0.833s;
}
.loading-container .spinner div.bar4 {
  -webkit-transform:rotate(90deg) translate(0, -130%); 
  -webkit-animation-delay: -0.7497s;
}
.loading-container .spinner div.bar5 {
  -webkit-transform:rotate(120deg) translate(0, -130%); 
  -webkit-animation-delay: -0.667s;
}
.loading-container .spinner div.bar6 {
  -webkit-transform:rotate(150deg) translate(0, -130%); 
  -webkit-animation-delay: -0.5837s;
}
.loading-container .spinner div.bar7 {
  -webkit-transform:rotate(180deg) translate(0, -130%); 
  -webkit-animation-delay: -0.5s;
}
.loading-container .spinner div.bar8 {
  -webkit-transform:rotate(210deg) translate(0, -130%); 
  -webkit-animation-delay: -0.4167s;
}
.loading-container .spinner div.bar9 {
  -webkit-transform:rotate(240deg) translate(0, -130%); 
  -webkit-animation-delay: -0.333s;
}
.loading-container .spinner div.bar10 {
  -webkit-transform:rotate(270deg) translate(0, -130%); 
  -webkit-animation-delay: -0.2497s;
}
.loading-container .spinner div.bar11 {
  -webkit-transform:rotate(300deg) translate(0, -130%); 
  -webkit-animation-delay: -0.167s;
}
.loading-container .spinner div.bar12 {
  -webkit-transform:rotate(330deg) translate(0, -130%); 
  -webkit-animation-delay: -0.0833s;
}