#shareModal .radio, .checkbox {
    min-height: 20px;
}
#shareModal p{
  margin: 0.6em 0;
}
#shareModal .share-content .preview-code p{
  color: #555;
}
#audio-style2-checkbox,#audio-style1-checkbox{
    margin-top: 4px;
}
#shareModal .share-content .preview-code .iframe-code,#shareModal .share-content .preview-code .wp-code{
  width: 100%;
}
#shareModal .share-content .preview-code span{
  font-size:12px;
  color: #000000;
  font-family: open sans;
}
#shareModal .share-content .preview-code span input{ margin:0px; vertical-align: middle; }
#shareModal label {
    display: block;
    margin-bottom: 5px;
}
#shareModal label, input, button, select, textarea {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}
#shareModal label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
    cursor: pointer;
    margin:0px;
}
#shareModal li{
  list-style: none;
}
.nav-tabs{
  margin-top: 0px;
  display: flex;
  margin-bottom: 0px;
}
.nav-tabs>li, .nav-pills>li {
    float: left;
}
#shareModal button.close {
     padding: 0; 
     cursor: pointer; 
     background: transparent; 
     border: 0; 
     -webkit-appearance: none; 
}
#shareModal .close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}
#shareModal select, #shareModal textarea, #shareModal input[type="text"], #shareModal input[type="password"], #shareModal input[type="datetime"], #shareModal input[type="datetime-local"], #shareModal input[type="date"], #shareModal input[type="month"], #shareModal input[type="time"], #shareModal input[type="week"], #shareModal input[type="number"], #shareModal input[type="email"], #shareModal input[type="url"], #shareModal input[type="search"], #shareModal input[type="tel"], #shareModal input[type="color"], #shareModal .uneditable-input {
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.nav-tabs>li>a {
    display: flex;
     padding-top: 8px; 
     padding-bottom: 8px; 
     line-height: 20px; 
     border: 1px solid transparent; 
     -webkit-border-radius: 4px 4px 0 0; 
    -moz-border-radius: 4px 4px 0 0;
     border-radius: 4px 4px 0 0; 
}
#shareModal .nav-tabs li a{ font-size: 24px;color: #000; font-family: open sans; }
#shareModal .nav-tabs>.active>a, #shareModal .nav-tabs>.active>a:hover, #shareModal .nav-tabs>.active>a:focus{ 
  color: #8fc31f;
  font-weight: 600;
  border:none; 
  border-bottom: 1px solid #8fc31f;
}
.nav-tabs>li{ margin-bottom: 0px; }
#shareModal .nav-tabs>li>a{ text-decoration: none; border:none;  margin-right: 50px; padding-right: 0px;  padding-left: 0px; }
#shareModal .modal-body{ padding:0px; }
#shareModal .nav-tabs{ border-bottom: none; }
#shareModal .nav>li>a:hover, #shareModal .nav>li>a:focus{ background-color: transparent; }
.modal{ border-radius: 0px; }

#shareModal .addthis_toolbox{ padding:0; margin-top: 0px; float: none; text-align: left; }
#shareModal .addthis_toolbox a span{ width: 32px !important; height: 32px !important; }
#shareModal .addthis_toolbox a span svg{ width: 32px !important; height: 32px !important; }
#shareModal .addthis_toolbox a{ padding-left: 0px; padding-right: 4px; }
#shareModal .share-episode{ margin-top: 10px; text-align: left; }
#shareModal input.link{border:1px solid #ccc; background: transparent; width: 100%; margin-bottom: 30px; height: 28px; font-family: open sans; }
#shareModal .modal-body .nav-embed .audio{ width: 100px; height: 100px; background-color: #8fc31f; }
#shareModal .modal-body .second .second-audio{  }
#shareModal .embed-con .icon-play{     
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    width: 12px; 
  }


/*#shareModal .embed-con .tab-pane>.active>.icon-play, #shareModal .embed-con .tab-pane>.active>.icon-play:hover, #shareModal .embed-con .tab-pane>.active>.icon-play:focus{ 
     transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);




 } */






#shareModal .embed-tab a img{ 
   width: 100px;
   height: 100px;
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   -o-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: gray; 
   padding:0px;
   border-top: none;
   border-left: none; 
 }
#shareModal .embed-tab .nav-tabs>.active>a .logo{ 
    width: 90px; 
    height: 90px;  
    -webkit-filter: none;
    filter: none;
    padding: 5px;

 }
#shareModal .embed-tab .nav-tabs>.active>a .play{ 
    width:85%; 
    height: auto;
    -webkit-filter: none;
    left: 6px;
    bottom: 7px;
    filter: none;
}
#shareModal .embed-tab .nav-tabs>.active>a, #shareModal .embed-tab .nav-tabs>.active>a:hover, #shareModal .embed-tab .nav-tabs>.active>a:focus{ 
   border-radius: 0px;
   padding: 0px;
 
}
#shareModal .embed .nav-tabs>li>a{ position: relative;  }
#shareModal .embed .nav-tabs>li>a .play{ position: absolute; width: 90%; height: auto; bottom: 10px; left: 5px;}
#shareModal .embed-tab .nav-tabs{ border-bottom: none; }
#shareModal .embed .nav-tabs>li>a{ padding-top: 0px; }
#shareModal .embed .nav-tabs>li>.second-audio{border-radius: 0px; width: 100px; height: 55px; background: #e4e4e4; }
#shareModal .embed-tab .nav-tabs>.active>.second-audio{ 
   width: 90px; 
   height: 45px;
    border: 5px solid #8fc31f;
  
    filter: none;
    background: #8fc31f;

 }
 #shareModal .embed .nav-tabs>li>a .second-logo{
  position: absolute;
  width: 45px;
  height: 45px;
  left: 0px;
 
 }
  #shareModal .embed .nav-tabs>li>a .second-play{
  position: absolute;
  width: 33%;
  height: auto;
  left: 52px;
  top: 7px;
}
#shareModal .embed .nav-tabs>li>a .second-bg{ 
    background: #c9c9c9;
    position: absolute;
    width: 90px;
    height: 45px;
    left: 5px;
    top: 5px;
}
#shareModal .embed-tab .nav-tabs>.active>a .second-play{ -webkit-filter: none; filter: none; }
#shareModal .embed-tab .nav-tabs>.active>a .second-logo{ -webkit-filter: none; filter: none; }
#shareModal .embed-tab .nav-tabs>.active>a .second-bg{top: 0px; left: 0px; }
#shareModal .embed-tab .nav-tabs>li>a{ margin-right: 20px; padding-bottom: 0px;}

#shareModal{ 
  background: transparent; 
  border: 0px; 
  box-shadow: none;
  width: 100%;
  left: 0px;
  margin-left: 0px;


}
#shareModal .share-pane{ background: #ffffff; padding: 15px 30px;}
#shareModal .nav-embed{ background: #ffffff; padding:25px 30px; margin-bottom: 5px; }
#shareModal .embed-con{ background: #ffffff; padding:15px 30px; text-align: left; }
#shareModal .tab-share{     
    background: #ffffff;
    padding: 15px 30px 0px 30px;
    border-bottom: 1px solid #e4e4e4;
  }


#shareModal .embed-input{background: transparent; border:1px solid #ccc; width: 72%; font-family: open sans; height: 30px; }
#shareModal .option{ color: #000000;  font-weight: 600; margin-top: 10px; cursor: pointer;
 }
#shareModal .more-option{ color: #000000;  font-weight: 600; margin-top: 10px;  cursor: pointer;
}
#shareModal .video-option{ color: #000000;  font-weight: 600; margin-top: 10px;  cursor: pointer;
}
#shareModal .ul-skins{ padding-bottom: 10px; }
#shareModal .ul-skins a{     
    width: 24px;
    height: 24px;
    overflow: hidden;
    float: left;
    display: block;
    outline: none;
    text-indent: -9999em; 
    position: relative;
  }
#shareModal .ul-skins a.current:before{
    border-width: 0px 4px 4px 0px;
    border-style: solid;
    border-color: #ffffff;
    width: 5px;
    height: 10px;
    left: 50%;
    top: 50%;
    margin-top: -9px;
    margin-left: -4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: absolute;
    content: "";
}
#shareModal .ul-skins p{ color: #000000; }
.modal-backdrop{ background-color: rgba(242,242,242,.9) }



#shareModal .tab-pane .code{ color: #000000; font-weight: 600; font-size: 16px; }
#shareModal .tab-video{    
    background: #ffffff;
    padding: 25px 30px;
    margin-bottom: 5px;
    text-align: left;
  }
#shareModal .tab-video input.link{ margin-bottom: 20px; }
#shareModal .video-radio .video-in{ margin-top: 12px; }
#shareModal .ul-skins .size{ margin-top: 18px; }
#shareModal .share-table{     
    width: 550px;
    margin-left: 445px;
    margin-top: 76px;
    height: auto;
    margin-bottom: 50px; 
  }

#shareModal .modal-body{  max-height: none; }
.modal-backdrop, .modal-backdrop.fade.in{ z-index: 999990; }
#shareModal{ 
  z-index:  999999;
      position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    overflow-y: auto;
    box-sizing: border-box;

   

   }
#shareModal button.close{ 
     font-size: 40px;
    opacity: 0.7;
    margin-top: 0px;
    padding-left: 5px;
    color: #fff;

   }
#shareModal .modal-header{ 
    border-bottom: none;
    position: fixed;
    right: 25px;
    z-index: 1000000;
    top: 0px;
    padding: 9px 15px 9px 5px;
 

 }
#shareModal .share-table .line{ margin-top: 37px; /*border-bottom: 1px solid #e4e4e4;*/ width: 100%; }
#shareModal .share-content p{ text-align: left; font-size: 14px; color: #000000; font-family: open sans;}
#shareModal .share-content .embed-con .function-box .checkbox{color: #000000; text-align: left; font-family: open sans; }
#shareModal label{ font-family: open sans;color: #000000; }
#shareModal .share-table .share-content .embed-con .tab-pane .link{ margin-bottom: 10px; width: 100%;}

#shareModal .modal-body{ margin-bottom: 5%; }
#shareModal input[type="text"], #shareModal input[type="email"], #shareModal input[type="password"], #shareModal textarea, #shareModal input[type="search"]{ background: transparent; border:1px solid #ccc; }
#shareModal .share-table .share-content .tab-video .video-radio .other{ margin-top: -10px; }
#shareModal .get{ color: #8fc31f; text-decoration: none; }
#shareModal .get:hover{ color: #76a908;}
#shareModal .modal-body .preview-code .iframe-code{ height: 28px; }


@media (min-width: 768px) and (max-width: 979px) { 
  #shareModal .share-table{ margin-left: 125px; }

}

@media (max-width: 767px) { 
  #shareModal .share-table{ margin-left: 0px; width: 100%; margin-bottom: 100px;}
  #shareModal .modal-header{ margin-bottom: 20px; padding-bottom: 20px; z-index: 1000000000;}
  #shareModal button.close{ opacity: 0.9; padding:10px;}
}