﻿
.dksButtonOrange,
.dksButtonOrangeIconText {
 display: flex;
 text-decoration: none;
 background-color: #F68A21;
 color: #FFF;
 font-size: 1rem;
 border-radius: 5px;
 min-width: 170px;
 justify-content: center;
 transition: all ease-out .4s;
}
.dksButtonOrange {
 padding: 9px 30px;
}


 .dksButtonOrangeIconText {
  padding: 9px 15px;
  justify-content: space-between;
 }

 .dksButtonOrangeIconText i {
 margin-right:10px;
 }

  .dksButtonOrangeIconText:hover,
  .dksButtonOrange:hover{
   box-shadow: 0 4px 15px rgba(246, 138, 33, 0.4);
   background-color: rgba(246,138,33,0.75);
  }

.dksButtonOrangeIconText > div {
 flex:1;
 text-align:center;
}

  .dksButtonOrangeWrap {
   text-align: center;
   padding: 40px 0;
  }

.dksButtonGray {
 font-size: 1rem;
 text-decoration: none;
 padding: 9px 50px;
 color: #9C9C9C;
 font-weight: 600;
 transition: all ease-out .4s;
 border-radius: 5px;
}

 .dksButtonGray:hover {
  box-shadow: 0 4px 15px rgba(239, 239, 239, .7);
 }

.dksButtonGray {
 background-color: rgba(239, 239, 239, 1);
}

.dksButtonOrangeDrop {
position:relative;
cursor:pointer;

}

.dksButtonOrangeDrop > div {
 display: flex;
 text-decoration: none;
 background-color: #F68A21;
 color: #FFF;
 font-size: 1rem;
 border-radius: 5px;
 align-items: center;
}

  .dksButtonOrangeDrop > div > a:first-child {
   padding: 9px 30px 9px 45px;
   min-width: 200px;
   text-align: center;
   color:#FFF;
  }

 .dksButtonOrangeDrop > div > a:last-child {
  margin: 0;
  padding: 9px;
  background-color: #DB7B1D;
  border-radius: 0px 5px 5px 0px;
  color:#FFF;
 }

 .dksButtonOrangeDrop .dksOrangeDropList {
  position: absolute;
  left: 0;
  box-shadow: 0 0 20px #25265E;
  border-radius: 8px;
  color: #C92B2B;
  font-size: 0.875rem;
  padding: 16px 0 16px 45px;
  width: 100%;
  z-index: 10;
  background: #FFF;
  font-weight: 600;
 }



  .dksButtonOrangeDrop .dksOrangeDropList li:not(:last-child) {
   margin-bottom: 5px;
  }

  .dksButtonOrangeDrop .dksOrangeDropList a {
   display: inline-block;
   cursor: pointer;
   text-decoration: none;
   font-weight: bold;
   margin-bottom: 5px;
   font-size: 0.875rem;
   color: rgba(51, 51, 52, 1);
   transition:color ease .3s;
  }

   .dksButtonOrangeDrop .dksOrangeDropList a:hover {
    color: rgba(201, 43, 43, 1);
   }

   .dksButtonIcon {
    color: #333333;
    font-size: 14px;
    justify-content: center;
    height: 30px;
    width: 30px;
    display: inline-flex;
    text-decoration: none;
    align-items: center;
    border-radius: 50%;
    transition: background-color ease-out .3s;
   }

 .dksButtonIcon:hover {
  background-color: #EFEFEF;
 }

 .dksButtonTextOrange {
  font-size: 0.875rem;
  font-weight: bold;
  color: #F68A21;
  text-decoration: none;
 }

.dksButtonTextOrangeRegular {
 font-size: 1rem;
 color: #F68A21;
 text-decoration: none;
}

.dksButtonWhiteTextIcon {
 display: flex;
 justify-content: space-between;
 padding: 7px 11px;
 font-size: 0.9375rem;
 color: #313132;
 background: #FFF;
 font-weight: 600;
 text-decoration: none;
 border-radius: 5px;
 align-items: center;
}

 .dksButtonWhiteTextIcon i {
  color: #868686;
  width: 20px;
  text-align: center;
 }

.dksIconGray {
 width: 30px;
 height: 30px;
 display: flex;
 background-color: #EFEFEF;
 /* flex-direction: column; */
 border-radius: 50%;
 align-items: center;
 justify-content: center;
}

.dksButtonTextOrangeWrap {
 text-align: center;
 margin: 30px 0;
}

.dksButtonTextOrangeWrap a {
 text-transform: uppercase;
}



.filter-btn {
 margin-bottom: 10px;
}


.dksButtonIconGray {
 font-size: 1.125rem;
 color: rgba(51, 51, 52, 1);
 padding: 9px 13px;
 margin: 0 7px;
 transition: all ease .3s;
 background-color: rgba(239, 239, 239, 1);
 text-decoration: none;
 display: inline-block;
 font-weight: 600;
 border-radius: 5px;
}

 .dksButtonIconGray.active,
 .dksButtonIconGray:hover {
  color: #FFF;
  background-color: rgba(51, 51, 52, 1);
 }

 .dksButtonIconGray i {
 margin-right:5px;
 }

.dksEditSnimanjeAddGalerijaBtn{
 text-align:left;
 margin: 0 0 0 140px;

}

.dksButtonRezervacija a {
 width: 100%;
 display: block;
 text-align: center;
 font-size: .875rem;
 color: #222;
}

.dksButtonRezervacija a:last-child {
 margin-top:15px;
}