{"version":3,"sources":["fluistr-users.scss"],"names":[],"mappings":"AAAA,oBAEI,kBACA,cACA,iBACA,WACA,YACA,aAIJ,QACI,kBACA,cACA,WACA,WACA,YAGF,2BAEA,QACE,kBACA,eACA,MACA,OACA,QACA,SACA,gCACA,uBACA,eAGF,eACE,kBACA,WACA,YACA,WACA,SACA,WACA,sBACA,uBACA,eAGF,eACE,yBAEF,iBACE,yBAGF,sBACE,mCACA,+BACA,2BAIF,SAEE,WACA,kBACA,MACA,SACA,WACA,cACA,iBACA,+BACA,iBACA,iBACA,2BACA,yBAEF,IAEE,gBACA,aAGF,0BACA,0BAGA,0BACC,cAED,2BACC,aAKD,cACE,mBAGF,qBACE,kBAEJ,mBAEI,cACA,WACA,gBACA,WACA,YACA,0EACA,wBACA,WAEJ,mBAEI,cACA,WACA,gBACA,WACA,YACA,kFACA","file":"fluistr-users.css","sourcesContent":[".icon-fluistr-users\n{\n    position: relative;\n    display:block;\n    margin-left:10px;\n    width:20px;\n    height:20px;\n    fill:#0073aa;\n}\n\n/*SWITCH */\n.switch {\n    position: relative;\n    display: block;\n    float:left;\n    width: 40px;\n    height: 17px;\n  }\n  \n  .switch input {display:none;}\n  \n  .slider {\n    position: absolute;\n    cursor: pointer;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: rgba(0,0,0,.2);\n    -webkit-transition: .4s;\n    transition: .4s;\n  }\n  \n  .slider:before {\n    position: absolute;\n    content: \"\";\n    height: 13px;\n    width: 13px;\n    left: 2px;\n    bottom: 2px;\n    background-color: white;\n    -webkit-transition: .2s;\n    transition: .2s;\n  }\n  \n  .slider.active {\n    background-color: #76d450;\n  }\n  .slider.changing {\n    background-color: #0073aa;\n  }\n\n  .slider.active:before {\n    -webkit-transform: translateX(23px);\n    -ms-transform: translateX(23px);\n    transform: translateX(23px);\n  }\n  \n  /*------ ADDED CSS ---------*/\n  .on, .off\n  {\n    color: white;\n    position: absolute;\n    top:0;\n    left: 5px;\n    width:30px;\n    font-size: 8px;\n    line-height:17px;\n    font-family: Verdana, sans-serif;\n    text-align:right;\n    user-select: none;\n    -webkit-touch-callout: none; /* iOS Safari */\n    -webkit-user-select: none;\n  }\n  .on\n  {\n    text-align:left;\n    display: none;\n  }\n\n  .active .off{ display:none;}\n  .active .on{ display:block;}\n\n  \n  input:checked+ .slider .on\n  {display: block;}\n  \n  input:checked + .slider .off\n  {display: none;}\n  \n  /*--------- END --------*/\n  \n  /* Rounded sliders */\n  .slider.round {\n    border-radius: 17px;\n  }\n  \n  .slider.round:before {\n    border-radius: 50%;}\n\n.icon-fluistr-mail\n{\n    display:block;\n    float:left;\n    margin-left:5px;\n    width:17px;\n    height:17px;\n    background-image: url('./../../fluistr-login/assets/images/icon-mail.svg');\n    background-size: contain;\n    opacity:0.2;\n}\n.icon-fluistr-door\n{\n    display:block;\n    float:left;\n    margin-left:5px;\n    width:17px;\n    height:17px;\n    background-image: url('./../../fluistr-login/assets/images/icon-fluistr-blue.svg');\n    background-size: contain;\n}"]}