﻿@charset "UTF-8";

#customBtn {
    display: inline-block;
    background: white;
    color: #444;
    width: 200px;
    border-radius: 5px;
    border: thin solid #888;
    box-shadow: 1px 1px 1px grey;
    white-space: nowrap;
}

    #customBtn:hover {
        cursor: pointer;
    }

span.label {
    font-family: serif;
    font-weight: normal;
}

span.icon {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHRpdGxlPmxvZ28gZ29vZ2xlZyA0OGRwPC90aXRsZT4KPGRlc2M+Q3JlYXRlZCB1c2luZyBGaWdtYTwvZGVzYz4KPGcgaWQ9IkNhbnZhcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjI0IDE1OTApIj4KPGcgaWQ9ImxvZ28gZ29vZ2xlZyA0OGRwIj4KPGcgaWQ9IlNoYXBlIj4KPHVzZSB4bGluazpocmVmPSIjcGF0aDBfZmlsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxMy42NjcgLTE1ODEuODIpIiBmaWxsPSIjNDI4NUY0Ii8+CjwvZz4KPGcgaWQ9IlNoYXBlIj4KPHVzZSB4bGluazpocmVmPSIjcGF0aDFfZmlsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIyMi42MDMgLTE1NzguMSkiIGZpbGw9IiMzNEE4NTMiLz4KPC9nPgo8ZyBpZD0iU2hhcGUiPgo8dXNlIHhsaW5rOmhyZWY9IiNwYXRoMl9maWxsIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjIzLjY2NyAtMTU4NC40OSkiIGZpbGw9IiNGQkJDMDUiLz4KPC9nPgo8ZyBpZD0iU2hhcGUiPgo8dXNlIHhsaW5rOmhyZWY9IiNwYXRoM19maWxsIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjIyLjYwMyAtMTU5MCkiIGZpbGw9IiNFQTQzMzUiLz4KPC9nPgo8L2c+CjwvZz4KPGRlZnM+CjxwYXRoIGlkPSJwYXRoMF9maWxsIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0gOS42IDIuMDQ1NDVDIDkuNiAxLjMzNjM2IDkuNTM2MzYgMC42NTQ1NDYgOS40MTgxOCAxLjQ4NTM3ZS0wN0wgMCAxLjQ4NTM3ZS0wN0wgMCAzLjg2ODE4TCA1LjM4MTgyIDMuODY4MThDIDUuMTUgNS4xMTgxOCA0LjQ0NTQ2IDYuMTc3MjcgMy4zODYzNiA2Ljg4NjM2TCAzLjM4NjM2IDkuMzk1NDZMIDYuNjE4MTggOS4zOTU0NkMgOC41MDkwOSA3LjY1NDU1IDkuNiA1LjA5MDkxIDkuNiAyLjA0NTQ1WiIvPgo8cGF0aCBpZD0icGF0aDFfZmlsbCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNIDguOTM2MzYgOC4xQyAxMS42MzY0IDguMSAxMy45IDcuMjA0NTUgMTUuNTU0NSA1LjY3NzI3TCAxMi4zMjI3IDMuMTY4MThDIDExLjQyNzMgMy43NjgxOCAxMC4yODE4IDQuMTIyNzMgOC45MzYzNiA0LjEyMjczQyA2LjMzMTgyIDQuMTIyNzMgNC4xMjcyNyAyLjM2MzY0IDMuMzQwOTEgNC4yMzg1NWUtMDhMIC0yLjA2NDg5ZS0wOCA0LjIzODU1ZS0wOEwgLTIuMDY0ODllLTA4IDIuNTkwOTFDIDEuNjQ1NDUgNS44NTkwOSA1LjAyNzI3IDguMSA4LjkzNjM2IDguMVoiLz4KPHBhdGggaWQ9InBhdGgyX2ZpbGwiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTSA0LjQwNDU1IDYuMzkwOTFDIDQuMjA0NTUgNS43OTA5MSA0LjA5MDkxIDUuMTUgNC4wOTA5MSA0LjQ5MDkxQyA0LjA5MDkxIDMuODMxODIgNC4yMDQ1NSAzLjE5MDkxIDQuNDA0NTUgMi41OTA5MUwgNC40MDQ1NSA0LjIyOTE5ZS0wOEwgMS4wNjM2NCA0LjIyOTE5ZS0wOEMgMC4zODYzNjQgMS4zNSAwIDIuODc3MjcgMCA0LjQ5MDkxQyAwIDYuMTA0NTUgMC4zODYzNjQgNy42MzE4MiAxLjA2MzY0IDguOTgxODJMIDQuNDA0NTUgNi4zOTA5MVoiLz4KPHBhdGggaWQ9InBhdGgzX2ZpbGwiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTSA4LjkzNjM2IDMuOTc3MjdDIDEwLjQwNDUgMy45NzcyNyAxMS43MjI3IDQuNDgxODIgMTIuNzU5MSA1LjQ3MjczTCAxNS42MjczIDIuNjA0NTVDIDEzLjg5NTUgMC45OTA5MDkgMTEuNjMxOCAwIDguOTM2MzYgMEMgNS4wMjcyNyAwIDEuNjQ1NDUgMi4yNDA5MSAtMi4wNjQ4OWUtMDggNS41MDkwOUwgMy4zNDA5MSA4LjFDIDQuMTI3MjcgNS43MzYzNiA2LjMzMTgyIDMuOTc3MjcgOC45MzYzNiAzLjk3NzI3WiIvPgo8L2RlZnM+Cjwvc3ZnPgo=) transparent 5px 50% no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
}

span.buttonText {
    display: inline-block;
    vertical-align: middle;
    padding-left: 0px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: bold;
    /* Use the Roboto font that is loaded in the <head> */
    font-family: 'Roboto', sans-serif;
}

#customBtnG2 {
    display: inline-block;
    background: white;
    color: #444;
    width: 200px;
    border-radius: 5px;
    border: thin solid #888;
    box-shadow: 1px 1px 1px grey;
    white-space: nowrap;
}

    #customBtnG2:hover {
        cursor: pointer;
    }

span.labelG2 {
    font-family: serif;
    font-weight: normal;
}

span.iconG2 {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHRpdGxlPmxvZ28gZ29vZ2xlZyA0OGRwPC90aXRsZT4KPGRlc2M+Q3JlYXRlZCB1c2luZyBGaWdtYTwvZGVzYz4KPGcgaWQ9IkNhbnZhcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjI0IDE1OTApIj4KPGcgaWQ9ImxvZ28gZ29vZ2xlZyA0OGRwIj4KPGcgaWQ9IlNoYXBlIj4KPHVzZSB4bGluazpocmVmPSIjcGF0aDBfZmlsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxMy42NjcgLTE1ODEuODIpIiBmaWxsPSIjNDI4NUY0Ii8+CjwvZz4KPGcgaWQ9IlNoYXBlIj4KPHVzZSB4bGluazpocmVmPSIjcGF0aDFfZmlsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIyMi42MDMgLTE1NzguMSkiIGZpbGw9IiMzNEE4NTMiLz4KPC9nPgo8ZyBpZD0iU2hhcGUiPgo8dXNlIHhsaW5rOmhyZWY9IiNwYXRoMl9maWxsIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjIzLjY2NyAtMTU4NC40OSkiIGZpbGw9IiNGQkJDMDUiLz4KPC9nPgo8ZyBpZD0iU2hhcGUiPgo8dXNlIHhsaW5rOmhyZWY9IiNwYXRoM19maWxsIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjIyLjYwMyAtMTU5MCkiIGZpbGw9IiNFQTQzMzUiLz4KPC9nPgo8L2c+CjwvZz4KPGRlZnM+CjxwYXRoIGlkPSJwYXRoMF9maWxsIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0gOS42IDIuMDQ1NDVDIDkuNiAxLjMzNjM2IDkuNTM2MzYgMC42NTQ1NDYgOS40MTgxOCAxLjQ4NTM3ZS0wN0wgMCAxLjQ4NTM3ZS0wN0wgMCAzLjg2ODE4TCA1LjM4MTgyIDMuODY4MThDIDUuMTUgNS4xMTgxOCA0LjQ0NTQ2IDYuMTc3MjcgMy4zODYzNiA2Ljg4NjM2TCAzLjM4NjM2IDkuMzk1NDZMIDYuNjE4MTggOS4zOTU0NkMgOC41MDkwOSA3LjY1NDU1IDkuNiA1LjA5MDkxIDkuNiAyLjA0NTQ1WiIvPgo8cGF0aCBpZD0icGF0aDFfZmlsbCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNIDguOTM2MzYgOC4xQyAxMS42MzY0IDguMSAxMy45IDcuMjA0NTUgMTUuNTU0NSA1LjY3NzI3TCAxMi4zMjI3IDMuMTY4MThDIDExLjQyNzMgMy43NjgxOCAxMC4yODE4IDQuMTIyNzMgOC45MzYzNiA0LjEyMjczQyA2LjMzMTgyIDQuMTIyNzMgNC4xMjcyNyAyLjM2MzY0IDMuMzQwOTEgNC4yMzg1NWUtMDhMIC0yLjA2NDg5ZS0wOCA0LjIzODU1ZS0wOEwgLTIuMDY0ODllLTA4IDIuNTkwOTFDIDEuNjQ1NDUgNS44NTkwOSA1LjAyNzI3IDguMSA4LjkzNjM2IDguMVoiLz4KPHBhdGggaWQ9InBhdGgyX2ZpbGwiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTSA0LjQwNDU1IDYuMzkwOTFDIDQuMjA0NTUgNS43OTA5MSA0LjA5MDkxIDUuMTUgNC4wOTA5MSA0LjQ5MDkxQyA0LjA5MDkxIDMuODMxODIgNC4yMDQ1NSAzLjE5MDkxIDQuNDA0NTUgMi41OTA5MUwgNC40MDQ1NSA0LjIyOTE5ZS0wOEwgMS4wNjM2NCA0LjIyOTE5ZS0wOEMgMC4zODYzNjQgMS4zNSAwIDIuODc3MjcgMCA0LjQ5MDkxQyAwIDYuMTA0NTUgMC4zODYzNjQgNy42MzE4MiAxLjA2MzY0IDguOTgxODJMIDQuNDA0NTUgNi4zOTA5MVoiLz4KPHBhdGggaWQ9InBhdGgzX2ZpbGwiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTSA4LjkzNjM2IDMuOTc3MjdDIDEwLjQwNDUgMy45NzcyNyAxMS43MjI3IDQuNDgxODIgMTIuNzU5MSA1LjQ3MjczTCAxNS42MjczIDIuNjA0NTVDIDEzLjg5NTUgMC45OTA5MDkgMTEuNjMxOCAwIDguOTM2MzYgMEMgNS4wMjcyNyAwIDEuNjQ1NDUgMi4yNDA5MSAtMi4wNjQ4OWUtMDggNS41MDkwOUwgMy4zNDA5MSA4LjFDIDQuMTI3MjcgNS43MzYzNiA2LjMzMTgyIDMuOTc3MjcgOC45MzYzNiAzLjk3NzI3WiIvPgo8L2RlZnM+Cjwvc3ZnPgo=) transparent 5px 50% no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
}

span.buttonTextG2 {
    display: inline-block;
    vertical-align: middle;
    padding-left: 0px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: bold;
    /* Use the Roboto font that is loaded in the <head> */
    font-family: 'Roboto', sans-serif;
}



#customBtnMs {
    display: inline-block;
    background: white;
    color: #444;
    width: 200px;
    border-radius: 5px;
    border: thin solid #888;
    box-shadow: 1px 1px 1px grey;
    white-space: nowrap;
}

    #customBtnMs:hover {
        cursor: pointer;
    }

span.labelMs {
    font-family: serif;
    font-weight: normal;
}

span.iconMs {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoOTQuNTA5ODA0JSwzMS43NjQ3MDYlLDEwLjU4ODIzNSUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSA5LjQ5MjE4OCA5LjQ5MjE4OCBMIDAgOS40OTIxODggTCAwIDAgTCA5LjQ5MjE4OCAwIFogTSA5LjQ5MjE4OCA5LjQ5MjE4OCAiLz4KPHBhdGggc3R5bGU9IiBzdHJva2U6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztmaWxsOnJnYig1MC4xOTYwNzglLDgwJSwxNS42ODYyNzUlKTtmaWxsLW9wYWNpdHk6MTsiIGQ9Ik0gMTkuOTY4NzUgOS40OTIxODggTCAxMC40ODA0NjkgOS40OTIxODggTCAxMC40ODA0NjkgMCBMIDE5Ljk2ODc1IDAgWiBNIDE5Ljk2ODc1IDkuNDkyMTg4ICIvPgo8cGF0aCBzdHlsZT0iIHN0cm9rZTpub25lO2ZpbGwtcnVsZTpub256ZXJvO2ZpbGw6cmdiKDAlLDY3Ljg0MzEzNyUsOTMuNzI1NDklKTtmaWxsLW9wYWNpdHk6MTsiIGQ9Ik0gOS40ODgyODEgMTkuOTcyNjU2IEwgMCAxOS45NzI2NTYgTCAwIDEwLjQ4MDQ2OSBMIDkuNDg4MjgxIDEwLjQ4MDQ2OSBaIE0gOS40ODgyODEgMTkuOTcyNjU2ICIvPgo8cGF0aCBzdHlsZT0iIHN0cm9rZTpub25lO2ZpbGwtcnVsZTpub256ZXJvO2ZpbGw6cmdiKDk4LjQzMTM3MyUsNzMuNzI1NDklLDMuNTI5NDEyJSk7ZmlsbC1vcGFjaXR5OjE7IiBkPSJNIDE5Ljk2ODc1IDE5Ljk3MjY1NiBMIDEwLjQ4MDQ2OSAxOS45NzI2NTYgTCAxMC40ODA0NjkgMTAuNDgwNDY5IEwgMTkuOTY4NzUgMTAuNDgwNDY5IFogTSAxOS45Njg3NSAxOS45NzI2NTYgIi8+CjwvZz4KPC9zdmc+Cg==) transparent 5px 50% no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
}

span.buttonTextMs {
    display: inline-block;
    vertical-align: middle;
    padding-left: 0px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: bold;
    /* Use the Roboto font that is loaded in the <head> */
    font-family: 'Roboto', sans-serif;
}





#customBtnCg {
    display: inline-block;
    background: white;
    color: #444;
    width: 200px;
    border-radius: 5px;
    border: thin solid #888;
    box-shadow: 1px 1px 1px grey;
    white-space: nowrap;
}

    #customBtnCg:hover {
        cursor: pointer;
    }

span.labelCg {
    font-family: serif;
    font-weight: normal;
}

span.iconCg {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoOTQuNTA5ODA0JSwzMS43NjQ3MDYlLDEwLjU4ODIzNSUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSA5LjQ5MjE4OCA5LjQ5MjE4OCBMIDAgOS40OTIxODggTCAwIDAgTCA5LjQ5MjE4OCAwIFogTSA5LjQ5MjE4OCA5LjQ5MjE4OCAiLz4KPHBhdGggc3R5bGU9IiBzdHJva2U6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztmaWxsOnJnYig1MC4xOTYwNzglLDgwJSwxNS42ODYyNzUlKTtmaWxsLW9wYWNpdHk6MTsiIGQ9Ik0gMTkuOTY4NzUgOS40OTIxODggTCAxMC40ODA0NjkgOS40OTIxODggTCAxMC40ODA0NjkgMCBMIDE5Ljk2ODc1IDAgWiBNIDE5Ljk2ODc1IDkuNDkyMTg4ICIvPgo8cGF0aCBzdHlsZT0iIHN0cm9rZTpub25lO2ZpbGwtcnVsZTpub256ZXJvO2ZpbGw6cmdiKDAlLDY3Ljg0MzEzNyUsOTMuNzI1NDklKTtmaWxsLW9wYWNpdHk6MTsiIGQ9Ik0gOS40ODgyODEgMTkuOTcyNjU2IEwgMCAxOS45NzI2NTYgTCAwIDEwLjQ4MDQ2OSBMIDkuNDg4MjgxIDEwLjQ4MDQ2OSBaIE0gOS40ODgyODEgMTkuOTcyNjU2ICIvPgo8cGF0aCBzdHlsZT0iIHN0cm9rZTpub25lO2ZpbGwtcnVsZTpub256ZXJvO2ZpbGw6cmdiKDk4LjQzMTM3MyUsNzMuNzI1NDklLDMuNTI5NDEyJSk7ZmlsbC1vcGFjaXR5OjE7IiBkPSJNIDE5Ljk2ODc1IDE5Ljk3MjY1NiBMIDEwLjQ4MDQ2OSAxOS45NzI2NTYgTCAxMC40ODA0NjkgMTAuNDgwNDY5IEwgMTkuOTY4NzUgMTAuNDgwNDY5IFogTSAxOS45Njg3NSAxOS45NzI2NTYgIi8+CjwvZz4KPC9zdmc+Cg==) transparent 5px 50% no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
}

span.buttonTextCg {
    display: inline-block;
    vertical-align: middle;
    padding-left: 0px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: bold;
    /* Use the Roboto font that is loaded in the <head> */
    font-family: 'Roboto', sans-serif;
}
