/*.api-wrapper {
    opacity: 1;
}*/
            /*@charset "utf-8";*/


            #panel, .pageLevel, .panel li, label {
                display: inline
            }

      
            button:disabled, button[disabled] {
                background-color: #696969
            }

            ::-webkit-input-placeholder {
                color: #6d6d6d
            }

            :-moz-placeholder {
                color: #6d6d6d
            }

            ::-moz-placeholder {
                color: #6d6d6d
            }

            :-ms-input-placeholder {
                color: #6d6d6d !important
            }

            .accountButton, button {
                -moz-user-select: none;
                -webkit-user-select: none;
                -ms-user-select:none;
                user-select: none
            }

            .accountButton, a, button {
                cursor: pointer
            }

            h1, h2 {
                font-weight: 400
            }

            .panel li {
                list-style: none
            }

            #api ul li {
                display: inline;
                list-style-type: none;
                margin-left: 0
            }

            html {
                background-color: #00abec
            }

            .normaltext, .smalltext, .tinytext {
                font-family: 'Segoe UI',Segoe,SegoeUI-Regular-final,Tahoma,Helvetica,Arial,sans-serif
            }

            div#background_branding_container, div#background_page_overlay {
                width: 100%;
                z-index: 0;
                /*position: fixed;*/
                left: 0;
                overflow: hidden;
                top: 0
            }

div#background_branding_container {
    background-image: url(https://ccicwpb2cstorage.blob.core.windows.net/customui/assets/iStock-lady.jpg); /*background: #00abec;*/
    height: 100%;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
    /*width: 70%;*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

            *, .panel, body {
             /*    margin: 0; */
                padding: 0
            }

            body {
                text-align: left;
                z-index: -999
            }

            .panel, .panel_layout, .panel_layout_row, body, html {
                height: 100%
            }

            #panel {
                border-left: 1px solid #FFF
            }

            a {
                background-color: transparent;
                color: #2872DD;
                text-decoration: none
            }

                a:hover {
                    text-decoration: underline
                }

            button {
              /*   width: auto;
                min-width: 50px;
                height: 32px;
                margin-top: 2px;
                -moz-border-radius: 0;
                -webkit-border-radius: 0;
                border-radius: 0; */
                background: #1566AC;
            /*     border: 1px solid #FFF;
                color: #fff;
                transition: background 1s ease 0s;
                font-size: 100%;
                padding: 0 2px */
            }

                button:hover {
                    background: #0F3E83;
                    border: 1px solid #3079ed;
                    -moz-box-shadow: 0 0 0;
                    -webkit-box-shadow: 0 0 0;
                    box-shadow: 0 0 0
                }

            img {
                border: 0
            }

            form {
                height: auto;
                width: auto
            }

            h2 {
                font-size: 1em
            }

            .normaltext {
                font-size: .9em
            }

            input:focus, select:focus, textarea:focus {
                outline: 0
            }

div.error.pageLevel {
	position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
}
.error {
    /*color: #a61e0c;
				font-family: 'Lato', sans-serif;
				font-size: 16px;*/
    display: inline-block;

    top: 0px;
    left: auto;
    /*padding: 15px 0px;*/
    background: whitesmoke;
    /*Z-INDEX: 1;*/
}
			
			div.error.itemLevel p,div.error.pageLevel p, div.verificationErrorText.error  {
				color: #a61e0c;
				font-family: 'Lato', sans-serif;
				font-weight:bold;
				font-size:16px;
                padding-top:5px;
                padding-bottom: 5px;
				line-height: 23px;
			}
			
            .pageLevel {	
                width: 293px;
                text-align: left;
                margin-top: 5px;
                font-size: 1.1em;
                height: auto;
				font-family: 'Lato', sans-serif;
            }

            .highlightError {
                border: 1px solid #a61e0c !important;
            }

            img#background_background_image {
                height: 100%;
                width: 100%
            }

            div#background_page_overlay {
                background: left top no-repeat fixed #F7F7F7;
                height: 100%;
                opacity: 1
            }

            .panel {
                background: #FFF;
                float: right;
                height: 100%;
                overflow-x: hidden;
                overflow-y: auto;
                position: fixed;
                right: 0;
                width: 500px;
                z-index: 1
            }

            .accountButton, .accountButton:hover {
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAh1BMVEX///9QUFBOTk5LS0tERERCQkI/Pz9ISEg6OjpGRkZNTU08PDyAgID09PSlpaWWlpZxcXFgYGBZWVlUVFT6+vrx8fHt7e3s7Ozo6Oji4uLJycnGxsa4uLiqqqqgoKCNjY2JiYmGhoZra2tmZmb7+/vu7u7d3d3U1NTNzc2+vr67u7usrKx7e3vprNQnAAAA8klEQVQ4y63Q127DMAxAUZpDwyMeSdqsNqu7/f/va6zahgGJKAr0vgk6DyQh+6V/BiTOOeNRA9zuAWBdM6WBlPDTvaUUoAuMrT0mgNvA1IJjQB3MKjACvp6DK0WAH+agtH8H9jQHLUUgz7Uhx8xOXzNESxirLCYA2mw8tacI5FyIYXq8A9ge2Qs6oTnw2e2ruho2rjBcXJ4ADh3jBOQLQnVhRFx2gNDZ4ACogbHXj/ft9Dj5AcgbJFu5AThQWuYBIGmgtAFQo4EFB+CPGthJAPypgY3BHsheA5UNwLyAvsYNoDyroKUe4EoFTQ/yDtTONvsGUJ8KTUYyH+UAAAAASUVORK5CYII=);
                background-repeat: no-repeat
            }

            .inner_container {
                max-height: 90%;
                min-height: 90%;
                width: 100%
            }

            #panel_center, #panel_left, #panel_right {
                display: inline-block;
                border: 0;
                height: 100%;
                margin: 0
            }

            #panel_left {
                padding: 0;
                width: 50px
            }

            #panel_center {
                min-height: 100%;
                padding: 0;
                width: 378px
            }

            .hide {
                opacity: 0
            }

            .api_container {
                display: inline-block;
                padding-left: 0;
                padding-top: 120px;
                position: relative;
                transition: padding .6s ease 0s;
                width: 100%;
                height: 100%
            }

            select {
                height: 28px
            }

/*             input[type=email], input[type=number], input[type=password], input[type=text] {
                -moz-border-radius: 0;
                -webkit-border-radius: 0;
                border-radius: 0;
                height: 28px;
                width: 300px;
                border: 1px solid #696969;
                z-index: 3;
                color: #000;
                padding: 0 0 0 3px;
                -moz-box-shadow: 0 0 0;
                -webkit-box-shadow: 0 0 0;
                box-shadow: 0 0 0;
                margin-right: 3px
            } */

                input[type=email]:focus, input[type=number]:focus, 
				input[type=password]:focus, input[type=text]:focus {
                    border: 1px solid #4d90fe
                }

            /*.accountButton {
                border: 1px solid #FFF;
                color: #FFF;
                margin-left: 0;
                margin-right: 2px;
                transition: background-color 1s ease 0s;
                -moz-border-radius: 0;
                -webkit-border-radius: 0;
                border-radius: 0;
                text-align: center;
                word-wrap: break-word;
                height: 34px;
                width: 158px;
                padding-left: 30px;
                background-color: #505050
            }

                .accountButton:hover {
                    background-color: #B9B9B9;
                    border: 1px solid #FFF;
                    -moz-box-shadow: 0 0 0;
                    -webkit-box-shadow: 0 0 0;
                    box-shadow: 0 0 0
                }

                .accountButton:focus {
                    outline: gold solid 1px
                }*/

            #MicrosoftAccountExchange {
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAPFBMVEU1pe/////t+v4uoe5btvNixPVVwfUsoe9tyfXU7/y95vu24vrd9f5NtfLH6/ys3/o/sPE6qfD2/f+f2vnAysuQAAAAaElEQVQ4y93SORKAIAwFUEGCsoT1/nd1JkkDFhY24qt+8VMkk20lu6DAaVBOBsVKsuO8aYo08IqlYyxoRTQExfyKheRIgu5Yl4KoVhSUgNOhoiYRsmb5g2u+LtzXDNOhjKgoAZ9/8k8uZWsGqcIav5wAAAAASUVORK5CYII=);
                background-color: #33A7F2
            }

                #MicrosoftAccountExchange:hover {
                    background-color: #ADDBF9
                }

            #GoogleExchange {
                background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAhCAMAAACP+FljAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABOFBMVEX////62NXyi4Pual/rUEPqSz3tXlLyi4L5y8f86OfvcmjqQzXub2T85uT61dLrU0fvdWv86+nrT0LtX1PxgnnwgHfsXVHuaF398vHvdWnsWEv4xsL4wr7wenD+7sP0jRfqRjPsVkn85eT81mf7vAX3pQ7sUy/3ubT7xzH5uBj+/PyGsfjC1/v7vxP7yz9ChfSSuPiMtPj7xzDzwR78/fxel/VZlPWcv/n51GTVuBNOqki03r+vy/q60vv3672vtCI6qFA0qFNIsGTj8+jw9f5clvVDhfRrv4JLsWbC5cvY7t5gnt6Gsffp9exBrV5StGx4xY17xo9cuXU1pls9j8FNjPTo8P3S69lGr2JLoaPO3/zn9Opnvn5UtW7X7t3V7duCyZVeundCrl87q1lOs2l6xo+84sb9/v2qdWS0AAAAAWJLR0QAiAUdSAAAAAd0SU1FB+EIGQ4HDEDExrUAAADWSURBVDjLY2AYBZiAkYmZhZWNnQOHNCcXNxTw8GKT5+PnhgMBLPKCQiAZYRFRMW5ucQksCiSB0lLSIJaMLDZ5OXkFbkUlPB5QVlFVU8fnQw0VFU0tEEMbCnTQFOiqqOiBGfpQYEBIgSGaAiMVFWMTEMMUCMyACszRFFioWFpZwzg2QAW2aArs7B0cnZwhbBdXfX03F3RvuDs6Onp4glhe3kADfDD86esHVOHoHxAY5Bgcoh8ahhkS4RGOcBAZhS2somNg8rFxOIIzPiExKTklNS2dYaQBADviJWzWK7IJAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA4LTI1VDE0OjA3OjEyLTA0OjAwBQDEvwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOC0yNVQxNDowNzoxMi0wNDowMHRdfAMAAAAASUVORK5CYII=');
                background-color: #FFFFFF;
                outline: 1px solid #AAAAAA;
                outline-offset: -2.5px;
                color: #000000;
            }

                #GoogleExchange:hover {
                    background-color: #EEEEEE;
                }

            #TwitterExchange {
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAdVBMVEVgqd3///9Ypdtdp9xaptxSotpQodlNn9lWo9pUo9rX6Pa+2vGTw+iLvuZlqt79/P7K4PO62O+y0+6hyutysuD2+fzi7vne6/fT5PTE3fKs0O2lzeuZx+l7tuJqrd71+Pzz9vzn8PnQ4/SCueSAueNsrt9InNh7sQwBAAAAwklEQVQ4y92PRw6EMAwAXeIkdBbY3uv/n7gSAoLDD5hbPCPZgZVihEgYgNSUpmfS7bfbtHS2nReyL2Qoc+yp8ZRAwCEWjgGAPQ7sssKoAGsWBrrgyMZCwD77Uel+59E3Tt14xZ7qlY7BRf1CDgeMKMw8sBXGlKxWtLGvHCgkQ80m0YHpjjq4sQ74pn1mISLJVSAMiwJO98l/TWSNF1eGKzqKfZ7Vj0mnHHwodpP+WIYlZP373DTtVWxYr2FD3pOBdfIHhOAHYHQI9VgAAAAASUVORK5CYII=);
                background-color: #60A9DD
            }

                #TwitterExchange:hover {
                    background-color: #BFDCF1
                }

            #FacebookExchange {
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAaVBMVEU7W5z///85Wps3WJsiRo8xU5fw8vYyUpY0VZiAj70pS5OBkb0vUpb7+fwsTpTR1ud6irllerBPaqX09fnx8vfs7fSQoMZxg7VsgLNGY6FCX58ZP4v++/7r7vTZ3OupstGIlsFWcalDYaCK3qwDAAAAnklEQVQ4y+XQyw7CIBAFUBgc5VUoWGtb3/7/RyoYkyZAiSsXvdt7kstA/hRg/B0GpZ6byQ3Dw0NBaH+lMYRle3T0kwayACRdBrr/gnN+QtpQWv8cR4DswiUAjozlz4RdF8AmlnmwjaDQImoZwQkRedoToUS7D+ColGoTwQidx8oEQDMHN1MBva5MOL70SCHuE1TOhOpHrRt0FWAOP4IX8PsG2qEOR30AAAAASUVORK5CYII=);
                background-color: #3B5B9C
            }

                #FacebookExchange:hover {
                    background-color: #B0BDD7
                }

            #LinkedInExchange {
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAb1BMVEUAe7b///8AdrMklscAc7EAeLUAcbB5ttifzeMqmckAdLIAaqz7+/6PxeAShr0CgLkAba4nmMctksTv9Puw1eij0OWGvNtfrNJNo80YjMAeib/D4vGt3Oy82+yfzOOCvtyJvdx3tddirtI/ncoxmMj9KsrQAAAAw0lEQVQ4y9WSVw7DIAxAG8CkjJDVzO5x/zMWk0RNJaB/kfo+sGUeCMvstgI4J7F9aS5NxSLnTWLpZVDgexTqIiycUNBhgTxRyCKPYJ3dl7sITCkO+FyLXaWU310DscASOesf3ahWChGJ5cb4ASO5Joiu2EegWEmZa1c3yUwOHmHNuQgJup4CgF8YlKpcMhKvkNmb1REz6hdetsyziIBldv8lpH8ouGm28zQFCu2SOSAXlJYGYCgpFThEMFPm/zCryja8Acy7CRfMrcKPAAAAAElFTkSuQmCC);
                background-color: #0077B5
            }

                #LinkedInExchange:hover {
                    background-color: #99CAE1
                }

            #AmazonExchange {
                background-image: url(https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_156x32.png);
                background-color: #FFF;
                color: transparent
            }

            .working {
                background: url(data:image/gif;base64,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) no-repeat;
                height: 10px;
                width: auto
            }

            @-webkit-keyframes fadeIn {
                from {
                    opacity: 0
                }

                to {
                    opacity: 1
                }
            }

            @media only screen and (min-height:250px) and (max-width:450px),(min-device-height:250px) and (max-device-width:450px) {
                html {
                    overflow: hidden
                }

                .tinytext {
                    font-size: .6em
                }

                .smalltext {
                    font-size: .7em
                }

                .normaltext {
                    font-size: .8em
                }

                .bigtext {
                    font-size: .9em
                }

                .gianttext {
                    font-size: 1.2em
                }

                div#background_branding_container {
                    display: none;
                    opacity: 0;
                    z-index: -999
                }

                div#background_page_overlay {
                    display: none;
                    z-index: -999
                }

                .panel_layout, .panel_layout_row {
                    width: 100%
                }

                #panel_left {
                    width: 40px
                }

                #panel_center {
                    width: calc(100% - 80px)
                }

                .inner_container, .panel {
                    width: 100%
                }

                #panel_right {
                    display: none
                }

                .panel {
                    float: none;
                    height: 100%;
                    margin: 0;
                    min-width: 220px;
                    overflow: auto;
                    padding: 0;
                    z-index: 1
                }
            }

            @media only screen and (max-width:300px),(max-device-width:300px) {
                #panel_left {
                    width: 15px
                }
            }