@charset "utf-8";
/* CSS Document */

/* reset css */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0px;
    padding: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {
    zoom: 1;
}

/* IE6 */
*:first-child + html .clearfix {
    zoom: 1;
}

/* IE7 */

/* reset css end */

/* basic elements */

html {
    height: 100%;

}

body {
    background: #f6f6f6;
    font-size: 14px;
    font-family: Helvetica, sans-serif;
    font-weight: 300;
    color: #999;
    -webkit-font-smoothing: antialiased;
    line-height: 1.6em;
    height: 100%;

}

img {
    border: none;
}

a {
    text-decoration: none;
    color: #0d7ac0;
    /*-webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;*/
}

a:hover {
    color: #005495;

}

h1, h2, h3, h4, h5, h6 {

    font-weight: normal;
}

h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    color: #979797;

}

b, strong {
    font-weight: bold;

}

i, em {
    font-style: italic;
}

/* basic elements end */

/* basic layouts */

#main-wrapper {
    width: 1250px;
    margin: auto;
    padding-bottom: 50px;

}

#logo {
    width: 208px;
    float: left;
    padding: 40px 0px 40px 0px;

}

#logo h1 {
    width: 217px;
    height: 55px;
    background: url(images/geoop-api-logo.png) no-repeat center center;
    font-size: 0px;
    margin-top: 5px;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}

#main-menu {

    float: right;
    width: 550px;

}

#main-menu ul li {
    float: left;
    margin-left: 30px;

}

#main-menu ul {
    float: right;
    margin-top: 65px;

}

#main-menu ul li a {
    display: block;
    color: #858d96;
    text-transform: uppercase;
    opacity: 1;
    font-size: 14px;

}

#main-menu ul li a:hover {
    opacity: 0.5;

}

#main-menu ul li.active a {
    color: #0079c6;
    font-weight: 700;

}

#main-menu ul li.login-link a {
    color: #2dc16b;
    font-weight: 700;

}

#main-login {
    float: right;
    margin-top: 65px;
    margin-left: 20px;
}


#main-login a:hover {
    text-decoration: none;

}

#logged-in a {
    background: transparent;
    color: #007ac3;
}

.gp-btn {
    padding: 10px 25px;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    line-height: 18px;
    border: 0;
    border-radius: 5px;
    color: white !important;
}

.gp-yellow{
    background-color: #b7bb00;
}

.gp-blue{
    background-color: #007ac3;
}

.gp-transparent{
    background-color: #FFF;
    color: #007ac3 !important;
    width: 100% !important;
}

.gp-button {
    background: #f2f2f2;
    background: -webkit-linear-gradient(top, #fff 0, #f2f2f2 100%);
    background: -moz-linear-gradient(top, #fff 0, #f2f2f2 100%);
    background: -ms-linear-gradient(top, #fff 0, #f2f2f2 100%);
    background: -o-linear-gradient(top, #fff 0, #f2f2f2 100%);
    background: linear-gradient(to bottom, #fff 0, #f2f2f2 100%);
    border: 1px solid #ccc;
    border-radius: 3.01px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 14px;
    font-variant: normal;
    font-weight: normal;
    height: 2.1428571428571em;
    line-height: 1.4285714285714;
    margin: 0;
    padding: 4px 10px;
    text-decoration: none;
    text-shadow: 0 1px 0 white;
    vertical-align: baseline;
    white-space: nowrap;
}

a.gp-btn {
    text-decoration: none !important;
}

a.gp-btn :hover {
    color: #f5f5f5;
}

.gp-btn[disabled="disabled"] {
    opacity: .4;
    cursor: not-allowed
}

.gp-btn-default {
    background: #007ac3;
}

.gp-btn-warning {
    background: #b7bb00;
}

.gp-btn-success {
    background: #81B33E;

}

.gp-btn span.caret {
    border-top: 4px solid white;
    margin-top: 8px;
    margin-left: 5px;
}

.gp-close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #FFF;
    text-shadow: 0 1px 0 #fff;
    opacity: .7;
    filter: alpha(opacity=20);
}

.gp-close-dark {
    color: #a9a9a9;
}

a.gp-close {
    text-decoration: none;
}

.application-header .gp-close {
    padding-top: 10px;
    padding-right: 15px;
}

div#developer-area-wrapper ul.nav.menu li {
    padding-top: 15px;
}

div#developer-area-wrapper ul.nav.menu li a {
    font-size: 14px;
}

div#sub-nav-wrapper ul.nav.menu li a {
    font-size: 15px;
    font-weight: 400;
    color: #555;
}

div#sub-nav-wrapper ul.nav.menu li a:hover {
    background-color: inherit !important;
}

div#sub-nav-wrapper ul.nav.menu li.active a {
    font-size: 17px;
    font-weight: 400;
    color: #FFFFFF;
    background-color: inherit !important;
}

div#left-column ul.nav.menu li a {
    display: block;
    padding: 2px;
}

div#left-column ul.nav.menu li a:hover {
    background-color: #eee;
    text-decoration: none;
}

div#left-column ul.nav.menu li.current.active>a {
    background-color: #eee;
}

div.save-options {
    position: absolute;
    right: -6px;
    z-index: 100;
    background-color: #f0f0f0;
    border: 1px solid #cccccc;
    border-top: none;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 3px 6px rgba(111, 111, 111, 0.2);
    outline: none;
    padding: 3px;
}

.gp-button:focus {
    box-shadow: 0 0 2px 2px #d04437;
}

.hide {
    display: none;
}

.editable input {
    width: 100%;
    font-weight: 300;
    font-size: 14px;
    padding-left: 3px;

}

div.application-content .editable input {
    margin-top: 4px;
}

/* column */

.two-column .main-column {
    width: 265px;

}

.three-column .main-column {
    width: 200px;

}

#left-column {
    float: left;
    margin-right: 25px;

}

#right-column {
    float: left;
    margin-left: 25px;

}

.two-column #middle-column {
    width: 670px;
    float: left;

}

.one-column #middle-column {
    width: 1100px;
    float: left;

}

.three-column #middle-column {
    width: 500px;
    float: left;

}

#sidebar-nav {
    background: #f2f2f2;
    border: 1px solid #dbdbdb;
    border-radius: 3px;

}

#sidebar-nav h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #616161;
    padding: 16px 18px;
    border-bottom: 1px solid #dbdbdb;

}

.sidebar-nav-content {
    padding: 18px;

}

.sidebar-nav-content ul {
    padding-left: 10px;

}

.sidebar-nav-content ul li {
    list-style: disc;
    margin-bottom: 5px;
    color: #989898;

}

.sidebar-nav-content ul li.active {
    color: #0176c0;

}

.sidebar-nav-content ul li.active a {
    color: #0176c0;

}

.sidebar-nav-content a {
    font-size: 13px;
    line-height: 1.5em;
    color: #989898;
    font-family: Arial, Helvetica, sans-serif;

}

.main-title h2 {
    font-size: 28px;
    line-height: 1.6em;
    color: #0176c0;
    font-weight: normal;
    text-transform: capitalize;

}

.main-title .sub-header {
    color: #999a9a;
    font-weight: 100;
    font-style: italic;

}

.main-content-wrapper {
    position: relative;
}

#main-content-wrapper {
    box-shadow: 0 0 25px #ccc;
}

.tag-wrapper {
    float: right;
    position: absolute;
    top: 0px;
    right: 0px;

}

.tag-wrapper li {
    float: right;
    margin-left: 10px;

}

.tag-wrapper li a {
    display: block;
    background: #ccd000;
    padding: 7px 25px;
    color: #fff;
    border-radius: 3px;

}

.main-content {
    margin-top: 20px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 13px;
    line-height: 1.7em;
    font-weight: 400;
    color: #333;

}

.main-content p {
    margin-bottom: 15px;

}

.main-content h4 {
    color: #6b6b6b;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;

}

a#pdf-download {
    font-weight: 600;
    color: #858585;
    display: block;
    background: #ccd000 url(images/pdf-download.png) no-repeat 15% center;
    border-radius: 5px;
    box-shadow: 0px 4px 0px #c1c340;
    padding: 25px 0px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
    position: relative;
    top: 0px;
    padding-left: 15px;

}

a#pdf-download:hover {
    position: relative;
    top: 2px;
    box-shadow: 0px 2px 0px #c1c340;
    opacity: 1;

}

.block {
    margin-bottom: 30px;

}

#developer-area-wrapper {
    padding: 25px;
    position: relative;
    border: 1px solid #dbdbdb;
    border-top: none;
    border-radius: 0px 0px 5px 5px;
    background: #fff;
}

#developer-area-wrapper #left-column {
    width: 230px;

}

.two-column #developer-area-wrapper #middle-column {
    width: auto;

}

#sub-nav-wrapper {
    width: 100%;
    height: 50px;
    background: #b0b0b0;
    border-radius: 5px 5px 0px 0px;
    overflow: hidden;

}

#sub-nav-wrapper li {
    float: left;
    background: url(images/subnav-bg.png) repeat-x bottom;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;

}

#sub-nav-wrapper li:hover {
    background: url(images/subnav-bg-hover.png) repeat-x bottom;

}

#sub-nav-wrapper li a {
    width: 415px;
    font-size: 14px;
    display: block;
    padding: 15px 0px;
    text-align: center;
    color: #717171;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
    border-right: 1px solid #9b9b9b;
    border-left: 1px solid #c3c3c3;

}

#sub-nav-wrapper li.active {
    background: url(images/subnav-active.png) repeat-x bottom #0069a9;

}

#sub-nav-wrapper li.active a {
    border-right: none;
    color: #fff;
    text-shadow: none;

}

#sub-nav-wrapper li:nth-child(3) a {
    border-right: none;

}

#sub-nav-wrapper li:nth-child(1) a {
    border-left: none;

}

#sub-nav-wrapper li a:hover {

}

#sub-nav-wrapper li.sub-nav-01 a {
    padding-left: 20px;
    background: url(images/document-grey.png) no-repeat 100px center;

}

#sub-nav-wrapper li.sub-nav-01.active a {
    padding-left: 20px;
    background: url(images/document-white.png) no-repeat 100px center;

}

#sub-nav-wrapper li.sub-nav-02 a {
    padding-left: 20px;
    background: url(images/live-api-grey.png) no-repeat 90px center;

}

#sub-nav-wrapper li.sub-nav-02.active a {
    padding-left: 20px;
    background: url(images/live-api-white.png) no-repeat 90px center;

}

#sub-nav-wrapper li.sub-nav-03 a {
    padding-left: 20px;
    background: url(images/account-set-grey.png) no-repeat 85px center;

}

#sub-nav-wrapper li.sub-nav-03.active a {
    padding-left: 20px;
    background: url(images/account-set-white.png) no-repeat 85px center :

}

#access_token ul li {
    display: table-cell !important;
    float: none !important;

}

#access_token ul {
    padding-top: 0px !important;
    padding-bottom: 0px !important;

}

body ul#resources li.resource div.heading h2 {

    margin-top: 15px !important;
}

div.modal.fade.in {
    top: 25% !important;
    margin-top: -110px !important;
    left: 50% !important;
    margin-left: -201px !important;
}

body #header {

    height: auto !important;

}

/* APPLICATION CARD */

li.application-card {
    padding: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
    display: inline-block;
    height: auto;
    min-height: 110px;
    width: 330px;
    background-color: #eeeeee;
    border: 1px solid #cdcdcd;
}

span.application-name {
    font-size: 21px;
    font-weight: 300;
    color: #007bc3;
    line-height: 35px;
}

.application-content li {

    font-size: 15px;
    font-weight: 300;
    color: #7e7e7e;
    line-height: 21px;
    margin-bottom: 3px;

}

.application-content {
    margin-top: 10px;

}

.application-content li strong {

    font-weight: 600;

}

.badge {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    color: #fff;
    text-shadow: none;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999;
    text-align: center;
    width: 28px;
    height: auto;
    padding: 7px 0px;
    border-radius: 14px;
}

.label-success, .badge-success {
    background-color: #007ac3;
}

.icon-wrench {
    width: 28px;
    height: 28px;
    background: url(images/dev-tile-setting-icon.png) no-repeat center center;
    margin-top: -1px;
    margin-left: 5px !important;
}

.icon {
    background: transparent url(images/transparent.png);
    display: inline-block;
    height: 16px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
    text-indent: -999em;
    vertical-align: text-top;
    width: 16px;
}

.icon-save {
    background-image: url(images/icon-save.png);
}

.icon-cancel {
    background-image: url(images/icon-cancel.png);
}

#logged-in a {
    display: block;
    color: #858d96;
    text-transform: uppercase;
    opacity: 1;
    font-size: 14px;
    width: auto;
    padding: 0px;
    font-weight: 400;

}

#logged-in a:hover {
    background: transparent;
    color: #007ac3;
}

.view-animate {

    border-left: 1px solid #9c9c9c;
    background-color: #9c9c9c;
    color: #fff;

}

.view-animate .application-content li {
    color: #fff;
    float: none;
}

div.application-header {

    border-bottom: 1px solid #9c9c9c;

}

div.application-header span {

    text-align: left;
    color: #fff;
    font-weight: 400;
    padding-left: 20px;

}

div.application-header span strong {
    font-weight: 400;

}

div.application-content li {
    display: block;
    width: auto;
    margin-left: 0px !important;
}

div.application-content span {
    margin: 0px;
    float: none;
}

div.application-content ul {
    margin-bottom: 15px;
}

div.token {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 15px !important;
    margin-top: 15px !important;
}

.btn-group {
    margin-bottom: 0px !important;
}

.btn-group + .btn-group {
    margin-left: 0px;
}

.api-modeltable {
    width: 100%;
    padding: 5px;
    background-color: #faffff;
    border-radius: 10px;
    font-family: courier, monospace;
    margin-top: 10px;
    margin-bottom: 10px;
}

ul.nav-child {
    margin-left: 15px;
}

.hide {
    display: none;
}

.nav li {
    font-size: 22px;
    font-weight: 300;
}

.api-modeltable td {
    padding: 10px;
}

.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {

    min-width: 180px;
    min-width: 180px;
}

.view-animate-container {

    width: 350px;

}

@media (min-width: 1200px) {
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 1100px !important;
    }
}

/* Documents Page CSS Begin */

p.Documents {
    margin: 10px 0;
}

p.Documents img {
    margin: 5px 0 10px 0;
}

h2.Documents,
p.Documents > h2,
div.Documents > h2 {
    font-size: 24px;
    font-weight: normal;
    line-height: 22px;
    color: #979797;
    margin: 30px 0 15px 0;
    border-top: 1px solid #E4E2E2;
    padding-top: 20px
}

h3.Documents,
p.Documents > h3,
div.Documents > h3 {
    font-size: 18px;
    font-weight: normal;
    line-height: 22px;
    color: #979797;
    margin: 15px 0 5px 0;
}

h4.Documents,
p.Documents > h4,
div.Documents > h4 {
    font-size: 15px;
    font-weight: 500;
    color: #979797;
    margin: 20px 0 10px 0;
}

ol.Documents {
    list-style: decimal;
    list-style-position: outside;
}

ul.Documents {
    list-style: square;
    list-style-position: outside;
}

ol.Documents li,
ul.Documents li {
    margin: 0 0 10px 25px;
}

ol.Documents.guide {
    list-style: decimal;
    list-style-position: outside;
}

ol.Documents.guide li {
    margin: 0;
}

span.third-party-server {
    color: #542d18;
}

span.third-party-application {
    color: #631c3a;
}

span.authentication-server {
    color: #275c19;
}

span.api-server {
    color: #595b1a;
}

span.resource-server {
    color: #55195c;
}

span.not-implemented {
    border-radius: 4px;
    background: #f7e4e4;
    border: 1px solid #f0d2d2;
    color: #804242;
    font-size: 12px;
    padding: 4px 7px;
    vertical-align: top;
}

table.dataTable,
table.codeTable {
    color: #333333;
    border-collapse: collapse;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 5px;
    width: 100%;
}

table.clientInfo {
    width: 500px;
}

table.codeTable {
    width: auto;
    min-width: 700px;
}

table.dataTable th,
table.codeTable th {
    border: 1px solid #CCC;
    padding: 8px;
    font-weight: bold;
}

table.dataTable td,
table.codeTable td {
    border: 1px solid #CCC;
    padding: 8px;
}

table.dataTable th {
    background-color: #d2e4ee;
    text-align: left;
}

table.dataTable p.Documents {
    margin: 10px 0 0 0;
}

code {
    font-family: Menlo, "Andale Mono", "lucida console", "Courier New", monospace;
    font-size: 12px;
    color: #111;
    background: #f7f7f7;
    padding: 3px 4px 1px 4px;
    border-radius: 3px;
    border: 1px solid #e0e0e0;
    font-style: normal;
}

code.condition {
    margin-left: -7px;
    background: #faf3c1;
    cursor: help;
}

div.code-block,
div.Documents > pre {
    font-family: Menlo, "Andale Mono", "lucida console", "Courier New", monospace;
    font-size: inherit;
    border: 1px dashed #999;
    padding: 10px;
    margin-bottom: 10px;
    overflow: auto;
}

div.code-block > pre,
div.Documents > pre {
    background: transparent;
}

div.code-block > pre > span.red {
    background-color: #f7cfcf;
}

div.code-block > pre > span.green {
    background-color: #cff7dc;
}

div.tab {
    display: inline-block;
    margin-left: 20px;
}

.ajax-loader {
    background: url('data:image/gif;base64,R0lGODlhEAALAPQAAP///wCZ/9rv/tDr/ur2/gab/gCZ/y6r/oLM/mC//rri/iKm/kq2/orP/mTA/r7k/iao/gSa/k64/ub0/tju/vT6/jiv/tzw/vL5/rbh/qDY/srp/u73/gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA') center center;
    width: 16px;
    height: 11px;
    float: right;
}

.content-loading {
    background: url('./images/geo-blue-loader.gif') no-repeat;
    width: 66px;
    height: 66px;
    margin-left:auto;
    margin-right:auto;
    margin-top: 100px;
    margin-bottom: 100px;
}

.ajax-pending-operation {
    background-image: url("./images/spinner.gif");
    background-repeat: no-repeat;
    background-position: right center;
    float: right;
    right: 0px;
    width: 16px;
    height: 26px;
    margin-top: 3px;
    position: absolute;

}

.Result {
    background-color: #81B33E; /* Main Green */
}

.Request {
    background-color: #0067AA; /* Rollover Blue */
}

.Post {
    background-color: #939292; /* Main Grey */
    /*background-color: #3E3E3E;*/
    /* Rollover Grey */
    /*background-color: #6F9B33;*/
    /* Rollover Green */
}



.home{
    background-image:url("./images/logo_geoop.png") !important ;
    background-position:right !important;
    background-repeat:no-repeat !important;
    background-size: 100%;
}

div.icon-medium {
    width: 35px;
    height: 35px;
    margin-left: 10px;

}


div.login{
    width: 500px !important;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    background-color: #F8F8F8;

}

div.login h3{
    font-family: 'Roboto Slab',serif;
    font-weight: 400;
    margin-top: 4px;
}


div.login input {
    font-weight: 400;
    opacity: 1;
    width: 90%;
    margin-left: 10px;
    margin-top: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-appearance: none;
    padding: 1em .75em .6875em;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    color: #1e1e1e;
    font-size: 1em;
    line-height: normal;
    outline: 0;
    box-shadow: none;
}

div.login select{
    height: 50px;
    -webkit-appearance: none;
    margin-left: 10px;
    margin-top: 10px;
    background: lightgoldenrodyellow;
    padding-left: 10px;
    border-radius: 2px;
    width: 95%;
}

div.login input.half {
               width: 42%;
}

div.login .notice {
    font-size: .75em;
    padding-top: 15px;
    padding-left: 20px;
}

.left{
    float: left;
}

.right{
    float: right;
}

div.login input:focus[value=''] {
    opacity: 0.6;
}

div.login input[value='']{
    font-weight: 100;

}



.login-header{
    height: 55px;

    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.geoop-api-logo{
    background: url(images/geoop-api-logo.png) no-repeat center center;
}

div.login-footer{
    text-align: center;
    padding: 10px;
    background-color: white;
    border: none;
}


div.login-body{
    padding: 15px 35px;
    background-color: #FFFFFF;
}


div.login-alert{
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    font-weight: 400;
    background-color: white;
}

div.token{
    width: 100%;
    margin-left: 0px;
}
div.token a{

    margin-bottom: 7px;
}



span.application-name {
    font-size: 20px;
    font-weight: 100;
    color: #717171;
    line-height: 35px;
}

ul.application-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}

ul.application-container span{

}

ul.application-container i {
    margin-left: 10px;
}
div.application-content {
    padding: 25px
}

div.application-content ul{

}

div.application-content span {
    margin: 0px;
}

div.application-content li{
    display: inline-block;
    width: 100%;
}

div.application-header{
    height: 50px;
    border-bottom: 2px solid #b7bb00;
    background-color: #a9a9a9;

}

div.application-header span{
    font-size: 20px;
    text-align: center;
    display: inline-table;
    height: 100%;
    padding-top: 14px;
    color: #f5f5f5;
}

div.token-result {
    word-wrap: break-word;
    background-color: #ebf7e5;
    border: 1px solid #9aa696;
    padding: 10px;
    margin: 3px;
    border-radius: 5px;
}

.editable {
    position: relative;
}

.editable div.ajax-loader{
    position: absolute;
    right: 0px;
    top: 11px
}

.view-animate-container {

    height:100%!important;
    background-color: transparent;
    position:fixed;
    right: 0px;
    top: 0px;
    width: 300px;
    pointer-events: none;
    z-index: 100;

}

.view-animate {

    height: 100%;
    pointer-events: all;
    overflow: scroll;
    margin: 0px;

}

.view-animate.ng-enter {
    -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s;
    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s;
    display:block;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.view-animate.ng-leave {
    -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.7s;
    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.7s;
    display:block;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    right:-500px;
    bottom:0;
}


.view-animate.ng-enter {
    left:100%;
}
.view-animate.ng-enter.ng-enter-active {
    left:0;
}

.view-animate.ng-leave.ng-leave-active {
    left:100%;
}

li#add-application {
    background: url(images/add-application.png) no-repeat center center;
    background-color: #ddf4d0;
    height: 117px;
}


.gp-btn-med{
    display: block;
    width: 26px;
    height: 25px;
    font-size: 0px;
    color: transparent;
    text-indent: -9999999;

    cursor: pointer;

    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

.gp-add-mini {
    background: url(images/add-button-mini.png) no-repeat left top;
}

.gp-add-mini:hover{
    background: url(images/add-button-mini.png) no-repeat left -28px;
}
[ng-click],
[data-ng-click],
[x-ng-click] {
    cursor: pointer;
}

.wordwrap {
    white-space: pre-wrap;      /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap;     /* Opera <7 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    word-wrap: break-word;      /* IE */
}

.disabled {
    pointer-events: none;
    cursor:not-allowed !important;
    opacity: 0.7;
}


/* Buttons */

input,
textarea,
button:not(.gp-button),
input[type='button'] {
    outline: none;
    border: 1px solid #ccc;
    font-family: inherit;
    font-size: 16px;
    padding: 4px;
    width: 200px;
}

button:not(.gp-button),
input[type='button'] {
    width: 140px;
    border: transparent;
    border-radius: 4px;
    background: #808080;
    box-shadow: 0px 3px 0px #3f3f3f;
    color: #FFF;
    text-align: center;
    margin: 5px 0;
    padding: 7px;
}

button:not(.gp-button):hover,
input[type='button']:hover {
    background: #8d8d8d;
    box-shadow: 0px 3px 0px #727272;
}

button:not(.gp-button):active,
input[type='button']:active {
    margin-bottom: 3px;
    background: #8d8d8d;
    box-shadow: 0px 1px 0px #727272;
    border-bottom: 2px solid transparent;
}

button.blue {
    background: #007ac3;
    box-shadow: 0px 3px 0px #005991;
}

button.blue:hover {
    background: #2a94e0;
    box-shadow: 0px 3px 0px #007ec9;
}

button.blue:active {
    background: #2a94e0;
    box-shadow: 0px 1px 0px #007ec9;
}

button.yellow {
    background: #b7bb00;
    box-shadow: 0px 3px 0px #838600;
}

button.yellow:hover {
    background: #d0d500;
    box-shadow: 0px 3px 0px #9ea100;
}

button.yellow:active {
    background: #d0d500;
    box-shadow: 0px 1px 0px #9ea100;
}

button.green {
    background: #3e972a;
    box-shadow: 0px 3px 0px #336720;
}

button.green:hover {
    background: #40a52c;
    box-shadow: 0px 3px 0px #337e20;
}

button.green:active {
    background: #40a52c;
    box-shadow: 0px 1px 0px #337e20;
}

/* Custom styles override */

a.swg-link:hover,
a.swg-link:active {
    text-decoration: none;
    border-bottom: 1px dashed;
}
.dropdown .dropdown-menu.log-out {
    left: auto;
    right: 0;
}
.dropdown .dropdown-menu.log-out li {
    padding: 10px 0;
}
.dropdown .dropdown-menu.log-out li a{
    text-transform: capitalize !important;
    font-size: 18px !important;
    font-weight: 300 !important;
}
.app-settings-icon {
    vertical-align: middle;
}
.alert .close {
    width: 30px;
    height: 25px;
    padding: 0;
    margin: 0;
}
.main-column {
    width: 100%;
}
.auth-buttons {
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    column-gap: 15px;
}
div.footer {
    padding: 15px 0;
    display: flex;
    justify-content: flex-end;
}
/* Documents Page CSS End */