freakdesign_custom_fields.css

/*



      ############# 
    ##            *## 
   #        %      **#
  #        %%%    ***#
 #       %%F%D%%   ****#
#          %%%    *****#
#   ###     %     ###***# 
#  # ####       #### #**# 
#  #     #     #     #**# 
#   #####  # #  #####***# 
#         #   #  *******# 
 ### #           **# ### 
     # - - - - - - #                 
      | | | | | | |
	
     freakdesign.com               

*/

#freakdesign_main_button{background: #D81965;color: #fff;display: block;font-size: 12px;line-height: 40px;text-align: center;}

.freakdesign_custom_fields .black-header{border-top:3px solid #d82366;}
.freakdesign_custom_fields .custom_fields_box .content{position:relative;}
.freakdesign_custom_fields .custom_fields_box .half {margin-bottom:1em;width:49%;float:left;}
.freakdesign_custom_fields .custom_fields_box .half:nth-child(odd){clear:left;}
.freakdesign_custom_fields .custom_fields_box .half:nth-child(even){margin-left:2%;}
.freakdesign_custom_fields .custom_fields_box label{border-bottom: 1px dotted #ccc;margin-bottom:5px!important;}
.freakdesign_custom_fields .custom_fields_box label span.block{float:none;display:block;font-size:85%;min-height: 1.5em}
.freakdesign_custom_fields input[data-cffield="select"], .freakdesign_custom_fields input[data-cffield="file"]{width:50%;}
.freakdesign_custom_fields .box-details .custom_fields_box {margin-top:1.5em;margin-left: -4px;}
.freakdesign_custom_fields .custom-fields-content .next-card__section {
    padding: 0 0 10px!important;
    border-top:1px solid #eee;margin-top:20px
}
.freakdesign_custom_fields .customfield_btn{
  background: #D81965;
  border-color: #A9124E;
  margin-left: .25em;
}
.freakdesign_custom_fields .customfield_btn:hover, .freakdesign_custom_fields .customfield_btn:focus{
  background: #D81965;
  border-color: #A9124E;
}
.modalWindow {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(1, 12, 2, 0.7);z-index: 99999;display:none;text-align:center;}
.modalWindow .span1, .modalWindow .span2, .modalWindow .span3, .modalWindow .half{float:left;padding:0;}
.modalWindow .span1 {width:33.332%;}
.modalWindow .span2 {width:66.665%;}
.modalWindow .half {width:50%;}
.modalWindow .active {display:block;}
.modalWindow p {margin-bottom:1em;}
.modalWindow > div {width: 500px;position: relative;margin: 10% auto;background: #fff;border-radius: 3px;padding:1em;text-align: left;box-shadow: 0 0 15px rgba(0,0,0,.5);}
.modalWindow .content li{margin-bottom: 1em;}
.modalWindow .content > div {max-height:400px;overflow:auto;}
.modalWindow .close-modal{position:absolute;background:#121212;color:#fff;border:1px solid #000;width:16px;height:16px;display:inline-block;line-height:1em;text-align:center;text-decoration:none;top:1em;right:1em;border-radius:50%;font-weight: bold;font-size: 1em;}
.modalWindow .close-modal:hover{background:red;color:#fff;border-color:red;}
.modalWindow header{border-bottom:1px solid #ccc;margin:0 0 .5em;padding:0 2em .25em 0;min-height: .25em;}
.modalWindow td{vertical-align: top;}
.modalWindow .warning{background:red;padding:.25em;color:#fff;line-height:1.3;margin:0 0 .5em;}
.modalWindow ul{padding-left: 1em;}

.fadein{-webkit-animation: fade-in .25s linear;-moz-animation: fade-in .25s linear;-o-animation: fade-in .25s linear;animation: fade-in .25s linear;}
.fadeinslow{-webkit-animation: fade-in 1s linear;-moz-animation: fade-in 1s linear;-o-animation: fade-in 1s linear;animation: fade-in 1s linear;}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.delayed{
  -webkit-animation-delay:2s;
  animation-delay:2s;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}
@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    -ms-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@-webkit-keyframes fade-in
{
    from    { opacity: 0; }
    to      { opacity: 1; }
}
@-moz-keyframes fade-in
{
    from    { opacity: 0; }
    to      { opacity: 1; }
}
@-o-keyframes fade-in
{
    from    { opacity: 0; }
    to      { opacity: 1; }
}
@keyframes fade-in
{
    from    { opacity: 0; }
    to      { opacity: 1; }
}

.fd-cf-btn{
  background: #D81965;
  color: #fff;
  border-color: #BA188C;
}

.custom-fields-future-buttons{
  position: absolute;
  top: -12px;
  right: -12px;
}