body{
  animation: transitionIn 1.5s;
  font-family: verdana;
  padding-top: 100px;
}

/*.table_resize .tr{*/
/*    height: 5px !important;*/
/*}*/

@media(max-width: 991px){
 #pic{
   margin-top: 20px;
 }
 .table_resize{
   margin-top: 30px;
 }
}

@media (max-width: 1400px){
    .table_resize{
   margin-top: 30px !important;
 }
}

@property --a{
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%;
}

@property --b{
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%;
}

.coloring{
    transition: --a 0.9s, --b 0.9s;
    background: linear-gradient(109.6deg, rgb(135, 168, 254) var(--a), rgb(254, 165, 197) var(--b), rgb(248, 249, 250) var(--b), rgb(248, 249, 250) 101%);
}
.coloring:hover{
    --a: 11.2%;
    --b: 100.2%;
}

.carousel-control-next-icon, .carousel-control-prev-icon, .carousel-indicators button {
  background-color: #555 !important;
}

@media (min-width: 991px) and (max-width: 1200px){
  .image_hello{
    margin-right: 100px;
  }
}

@keyframes transitionIn{
  from{
    opacity: 0;
    transform: translateY(-10px);
  }
  to{
    opacity: 1;
    transform: translateY(0);
  }
}

/*.navbar-brand{*/
/*  margin-right: 500px;*/
/*}*/

/*footer, .header{*/
/*  background: linear-gradient(109.6deg, rgb(135, 168, 254) 11.2%, rgb(254, 165, 197) 100.2%);*/
/*}*/

::placeholder{
  visibility: hidden;
}

.boxed1{
  border: 1px solid #D2D7D3;
  border-radius: 3px;
}

.dropdown:hover > .dropdown-menu, .dropend:hover > .dropdown-menu{
  display: block;
  margin-top: .125em;
  margin-left: .125em;
}

@media screen and (min-width:769px){
  .dropend:hover > .dropdown-menu{
    position: absolute;
    top: 0;
    left: 100%;
  }
}

#backcolor{
  background-color: #eaeaea;
  padding-top: 8px;
  padding-bottom: 8px;
}

#backcolor2{
  background-color: #eaeaea;
  padding-top: 10px;
  padding-bottom: 1px;
}

@media screen and (max-width:991px){
  #backcolor{
  margin-top: 20px;
  }
}

a{
  text-decoration: none;
}

.img-active{
  box-shadow: 0 0 6px #fc2133, 0 0 6px #fc2133, 0 0 6px #fc2133;
}

.myImg{
  padding: 0;
}

.modal{
  position: fixed;
  z-index: 1;
  padding-top: 170px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.9);
}

.modal-content{
  margin: auto;
  display: block;
  width: 100%;
  max-width: 700px;
}

.modal-content{
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom{
  from {-webkit-transform:scale(0)}
  to {-webkit-transform:scale(1)}
}

@keyframes zoom{
  from {transform:scale(0)}
  to {transform:scale(1)}
}

@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}

#glass{
    position: absolute;
    border-radius: 50%;
    display: none;
}

.button_hover{
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}

.card{
  overflow: hidden;
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.50);
}

.card-img-top{
-webkit-transition:all .9s ease;
-moz-transition:all .9s ease;
-o-transition:all .9s ease;
-ms-transition:all .9s ease;
}

.close{
  position: absolute;
  margin-left: 1100px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
  z-index: 1;
}

.close:hover,
.close:focus{
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

@media only screen and (max-width: 700px){
  .modal-content{
    width: 80%;
  }
  .close{
    margin-left: 420px;
  }
}

.gly-spin{
  -webkit-animation: spin 1.1s;
  -moz-animation: spin 1.1s;
  -o-animation: spin 1.1s;
  animation: spin 1.1s;
}
@-moz-keyframes spin{
  0%{
    -moz-transform: rotate(0deg);
  }
  100%{
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin{
  0%{
    -webkit-transform: rotate(0deg);
  }
  100%{
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin{
  0%{
    -o-transform: rotate(0deg);
  }
  100%{
    -o-transform: rotate(359deg);
  }
}
@keyframes spin{
  0%{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100%{
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

ul.select2-selection__rendered {
    padding-right: 30px !important;
}

ul.select2-selection__rendered:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border-top: 5px solid #333;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

@media(max-width: 1400px){
th,td{
    white-space: nowrap;
    word-break: keep-all;
 }
}

/*@media(min-width: 1700px){*/
/*th,td{*/
/*    white-space: nowrap;*/
/*    word-break: keep-all;*/
/* }*/
/*}*/