{"version":3,"sources":["fluistr-settings.scss"],"names":[],"mappings":"AAIA,sBAEE,qBAEF,QAEI,YAGJ,iBAEI,oBAfG,QAgBH,kBAEA,0BAEI,eACA,+BACA,MAtBD,QAuBC,aAvBD,QAwBC,mDAEI,kBACA,QAIR,6JAKI,WApCD,QAqCC,oBArCD,QAsCC,WAIR,6CAEI,eAIJ,cAEI,sBACA,sBACA,eACA,mBAGJ,yCAEI,UACA,cAGJ,2CAEI,UACA,cAGJ,YAEI,mBACA,2BACA,sBACA,sBAIJ,gBAEI,iBAEJ,sBAEI,mBACA,qBACA,kBAGJ,kCAEI,kBAIJ,gBAEI,kBACA,WACA,MACA,WACA,wBACA,iBArGG,QAsGH,YAEJ,sBACI,YACA,WACA,YACA,iBACA,mFACA,0BACA,2CACA,4BAEJ,gBAEI,kBACA,WACA,SACA,WACA,MAxHG,QAyHH,eAEJ,uBACI,eAGJ,cAEI,kBACA,QACA,iBAGJ,eAEI,qBACA,iBACA,sBACA,eACA,gBACA,iBACA,qBACI,iBA9IE,QA+IF,WAKR,0CACI,gCAGI,aAEJ,SAEI,gCAGJ,cAEI,kBAGJ,cAEI,YAOR,0CACI,cAEI,gBAEA,uBAEI,gBAGJ,gCAEI,mBACA,kBACA,8CAEI,cACA,gBACA,mBAGJ,8CAEI,iBACA,kBACA,aACA,eACA,wDAEI,sBACA,aACA,OACA,uEAEA,oBAQpB,0CACI,WAEI,yBAKR,QACI,MA/NK,QAiOT,SAEI,MApOM,QAuOV,eACI,oCACA,sBACA,uBACA,qBACI,oCAGR,uBAEI,oCACA,sBACA,uBACA,6BAEI","file":"fluistr-settings.css","sourcesContent":["$blue: #246AF9;\n$success: #76d450;\n$danger: #dc3232;\n\n.display-inline-block\n{\n  display:inline-block;\n}\n.spacer\n{\n    height:20px;\n}\n\n.nav-tab-wrapper\n{\n    border-bottom-color:$blue;\n    margin-right:20px;\n\n    .nav-tab\n    {\n        cursor:pointer;\n        background:rgba(36, 106, 249,.1);\n        color:$blue;\n        border-color:$blue;\n        .dashicons-before:before\n        {\n            position: relative;\n            top:2px;\n        }\n    }\n\n    .nav-tab-active,\n    .nav-tab-active:focus,\n    .nav-tab-active:focus:active,\n    .nav-tab-active:hover\n    {\n        background:$blue;\n        border-bottom-color:$blue;\n        color:#FFF;\n    }\n}\n\n.section-part.extra .dashicons-before:before\n{\n    font-size:14px;\n}\n\n\n.section-part\n{\n    border:1px solid #CCC;\n    background-color:#FFF;\n    padding:0 20px;\n    margin-bottom:20px;\n}\n\n.nav-tab .dashicons-admin-plugins.active\n{\n    opacity:1;\n    color:#46b450;\n}\n\n.nav-tab .dashicons-admin-plugins.inactive\n{\n    opacity:1;\n    color: rgb(189, 0, 63);;\n}\n\n.info-panel\n{\n    margin-bottom:20px;\n    padding:0px 20px 10px 20px;\n    border:1px solid #CCC;\n    background-color:#FFF; \n}\n\n\nul.languages>li\n{\n    font-weight:bold;\n}\nul.languages>li>ul>li\n{\n    font-weight: normal;\n    display:inline-block;\n    margin-right:20px;\n}\n\nul.languages>li>ul>li:first-child\n{\n    padding-left:24px;\n}\n\n\n.fluistr-header\n{\n    position: absolute;\n    z-index:-1;\n    top:0;\n    left:-20px;\n    width:calc(100% + 20px);\n    background-color: $blue;\n    height:55px;\n}\n.fluistr-header .logo {\n    float:right;\n    width:91px;\n    height:35px;\n    margin:10px 20px;\n    background-image: url('./../../fluistr-login/assets/images/logo-fluistr-white.svg');\n    background-size: 91px 35px;\n    background-position: calc(100% - 10px) 10px;\n    background-repeat: no-repeat;\n}\n.fluistr-payoff\n{\n    position: absolute;\n    z-index:-1;\n    top:60px;\n    right:20px;\n    color: $blue;\n    font-size:12px;\n}\n.fluistr-wrap h1 small{\n    font-size: .5em;\n}\n\n.reset-button\n{\n    position: absolute;\n    right:0;\n    padding-top:10px;\n}\n\n.version-label\n{\n    display:inline-block;\n    padding:5px 15px;\n    background-color: #FFF;\n    font-size:14px;\n    line-height: 1em;\n    margin-left:15px;\n    &.green{\n        background-color: $success;\n        color:#FFF;\n    }\n}\n\n\n@media only screen and (max-width: 600px) {\n    .fluistr-header,\n    .fluistr-payoff\n    {\n        display:none;\n    }\n    .nav-tab\n    {\n        border-bottom:1px solid $blue;\n    }\n\n    .fluistr-wrap\n    {\n        margin-right:10px;\n    }\n\n    .reset-button\n    {\n        right:15px;\n    }\n\n\n}\n\n\n@media only screen and (min-width: 601px) {\n    .fluistr-wrap\n    {\n        margin-top:80px;\n\n        .nav-tab\n        {\n            min-width:100px;\n        }\n\n        .sections-wrapper\n        {\n            margin-bottom:20px;\n            margin-right:20px;\n            .section-part\n            {\n                display:block;\n                max-width:960px;\n                margin-bottom:20px;\n            }\n\n            .sections-box\n            {\n                max-width:1002px;\n                position: relative;\n                display:flex;\n                flex-wrap: wrap;\n                .box-half\n                {\n                    flex-direction: column;\n                    display:flex;\n                    flex:1;\n                    &:nth-child(odd)\n                    {\n                    padding-right:20px;\n                    }\n                }\n            }\n        }\n    }\n}\n\n@media only screen and (max-width: 901px) {\n    .hidden-md\n    {\n        display:none !important;\n    }\n}\n\n\n.danger {\n    color:$danger;\n}\n.success\n{\n    color:$success;\n}\n\n.button-danger {\n    background-color:$danger!important;\n    color:#FFF!important;\n    border:none!important;\n    &:hover {\n        background-color:#c02f2f!important;\n    }\n}\n.button.button-success\n{\n    background-color:$success!important;\n    color:#FFF!important;\n    border:none!important;\n    &:hover\n    {\n        background-color:#69b84a!important;\n    }\n}"]}