     :root {
            --vh: 4.02px;
        }

        html body {
            height: 100%;
            background-color: #F8F8F8;
            color: #6E6B7B;
            background-color: #F8F8F8;
        }

        .content {
            margin: auto;
        }

        table.tfa-form tr {
            padding: 10px 30px;
            background: white;
        }

        .login-content {
            overflow: auto;
            overflow-x: hidden;
            padding: 0 !important;
            transition: none;
        }

        .auth-wrapper {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-basis: 100%;
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            min-height: 100vh;
            min-height: calc(var(--vh, 1vh) * 100);
            width: 100%;
        }

        .auth-wrapper .auth-inner {
            width: 100%;
            position: relative
        }

        .auth-wrapper.auth-v1 {
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            overflow: hidden
        }

        .auth-wrapper.auth-v1 .auth-inner:before {
            width: 244px;
            height: 243px;
            content: ' ';
            position: absolute;
            top: -54px;
            left: -46px;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPQAAADzCAMAAACG9Mt0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAA9KADAAQAAAABAAAA8wAAAADhQHfUAAAAyVBMVEUAAAD///+AgP+AgP9mZv+AgNWAgP9tbf9gYP+AgP9xcf9mZv+AZuaAgP9dXf90dOhiYv92dv9mZu5mZv93d+53d/9paf94afCAcfFrXvJra/9mZvJzZvJzc/JoaP96b/Rqav91aupsYvV2bOt2bPVxaPZ7cfZqavZyau1waPd4aO9xafBxafh4afB1bfh4avFuZ/F2afJzZvJzZ/N0aPN0bvN3bPR0ae5yZ/R3be93bfR1au9zafBxbPVzavV0a/F0a/ZyafFwaPKZm3nTAAAAQ3RSTlMAAQIEBQYGBwgICQoKCgsLDQ0PDw8PERESExMUFBQWFxgYGhoaGxsdHSAgIiIiIyQlJygqLCwtLi8vLzAzNDU3Nzg7h9vbHgAAA9RJREFUeNrt3ftS2kAUx/Fc1gSyWsErtuJdRDQiiteolb7/QzUoTm07k4AzObuu3/MCez45yWbzT36eZ6b8erO1e1B97baadd+zocJWmg0HaXe/+uqmg2GWtkLT5Lle1m9LdhG2+1lvzuiUO1knEF81yFc1N+35m15kZOGodz1vyLx+v2Lseq/erxtZd/NuweCTtfiwaWLOD5FnsqI7+VnP3y8afnEs3Es/1+H1qvETwuq18B7e6VlwLup1ZM8kWWQBOsrmHL7GVtxvYRZYgQ4ywae61ffsqH5Lbq20bQm6ncp9P2ehJegwE/u+rl95ttSwLrVSc2ANetAU28dSa9Cp2E623bUG3d2VWmn/wBq0XCugQYMGLdVKoOJaoiuok1NdXSW1WAUfRPtRUllflaJf5ZE/O9pXVbZUPTov5c+IDqvtRwStdTgLutoxy6GnGfYb2o+1I2gd+1OiqzfLocvVE7TSDqG1mgodaqfQZbvZC9rXjqG1X45WzqFVKVpk0LLo4lGP0ZGD6KgMnTiITkrQgXYQrYNitHISrYrRsZPouBhdcxJdK0YnTqKTYrR2Eq1BgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRoh9DH59ag86ACoSYOL61B55EUQk1s3VqDzsNHhJpYe7QGncfMSHUxaliCHgcKSXVxeWQJehwdJdXF4dAS9DgkTKqLxuibFeiXODixNi7OrEC/BP+JtbE0WrYA/RrxKNfH2YUF6NegSbk+Gk87xtErN6EsWm88fzeMXpwE9EruLns/l42io4dJFLPo2/Po1w+D6IW7t9Bt2SPx3vOOMfS7eHVZtN54ulg2go56138Ct4XRunE2Ovsmjg46WeddUoUWr6WL0fCoIYgO2/2s91fstDZQjcPL0ePt5flpdXUwqW46uMrS1j95JNpQrW0dHp9UV/uT2m416/8HVGg3qzhpBjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KC/FDpx0pwUo2tOomvF6NhJdFyMVk6iVTE6cBIdeF9vJyvZx/I/AzuIjsrQvoNovwzt4FamSs0Ojrp80PmvoB0zh940pb7azf1yg7t0LIt978uppzbnalfucDW92ZndLPRmKweGPduYJ+zoM5/Dk+gD5NdvLhXXPp88qcUqmEH5G5JZRs6cuxwIAAAAAElFTkSuQmCC)
        }

        .auth-wrapper.auth-v1 .auth-inner:after {
            width: 272px;
            height: 272px;
            content: ' ';
            position: absolute;
            bottom: -55px;
            right: -75px;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARAAAAEQCAMAAABP1NsnAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAABEKADAAQAAAABAAABEAAAAAAQWxS2AAAAwFBMVEUAAAD///+AgICAgP9VVaqqVf+qqv+AgL+AgP9mZsxmZv+ZZv+AgNWAgP9tbdttbf+Sbf+AYN+AgN+AgP9xceNmZv+AZuaAZv90dOh0dP9qav+AauqAav+AgP92dv9tbf+Abe2Abf93Zu53d+6AcO94afCAcfF5a+R5a/JzZuaAZvKAc/J5bed5bfOAaPN6b/R1auqAavR6ZvV6cPV2bOuAbPV7aPZ2be2AbfZ7au17avZ3Zu53b+57a+97a/d4aO9J6CoeAAAAQHRSTlMAAQICAwMDBAQFBQUGBgcHBwgICAkKCgoLCwwMDAwNDg4ODw8QERITExQUFBUVFhcYGBkZGhobHBwdHR4eHx8gJ5uMWwAAA/FJREFUeNrt2G1XEkEYxvHZNk2xHGzdbKFl0cTwgdSkCKzu7/+t4pw6sAjtjIueE/f8r3fMO35nZnbuy5gVGcvfzJe0rnTfGI+MggGJRUZnbpPIhJKt88nU53JnFULvyISY6KAv8vPj0vr2rYwiE2Z2B9J+uNYcyyQxwWZvaeGH3G4bMjsvI/kcwTC/V+7kLoahlITzQojP3ZFgsJCh7IJQzpX0QFj4uMiY18eDMZ9bZCF9OQahnK6cm/Y7js0sh/LF3Auv1PlQd3MxbdXYIQspV44EEEAAAWTNDAYYkKdJbNMsLzYueZbaZ2iM46RVbHBaiZ9Js+nHEdli42N9XuSen5hGp1CQTuOJQDRsD99N4gMSpYWapNH6IJo83CIeILZQFesEaber79NCWRoukOpNEnW0gXQqD81w6ACxhbrYde7VuFCYeA2QRCNIsgZISyNIqz6IyhPjOjNVIFYniK3dmKU6QdLaJUimEySrDZLrBMlrgxRKU7sxCw/EMe0CAggggADySJCqxixIkKpNEh6IozELD8RxjQACCCCAAPJIkKrGLEgQXqqAAEJjxrQLCCCAAEJjRmNGY8a0CwgggABCYwYIfQgggNCYMe0CAggggNCY0ZjRmDHtAgIIIIAAQmNGHwIIIDRmTLuAAAIIIDRmNGY0Zky7gAACCCCA0JjRhwACCI0Z0y4ggAACCI0ZjRmNGdMuIIAAAgggNGb0IYAAQmPGtAsIIIAAQmNGY0ZjxrQLCCCAAAIIjRl9CCCA0Jgx7QICCCCA0JjRmNGYMe0CAggggABCY0YfAgggNGZMu4AAAgggNGY0ZjRmTLuAAAIIIIDQmNGHAAIIjRnTLiCAAAIIjRmNGY0ZIEy7gAACCCA0ZvQhgABCY8a0CwgggABCY0ZjBgiNGdMuIIAAAgiN2f/Sh+Q6PfLaIJlOkKw2SKoTJK3dmFmdILb2tBvrBIlrg5iWRo+WqQ+SaARJ1gCJAzsxThCN16p1vNurGjNjoo42j07kAHFskoY2kEbl33U0ZgoPjXW+Rl0gkarnahqtDaJKxMPDDWIiNafGenh4gExvVhXfmk7Da6L1AVGxSby2h6MxK79Zk42ea1pJbJ48sU2zDezQ8iy1z6BBwoyjMQsvXp8YQAAhgADilRfyy+wf8WqZZUfGZihvgZiB3FybC+kCUU5XLkAo50C+gbBQdUzkAIVyejIAYfFTI1solHP2HgNCnHn5AYNy4jvpoVB6fVzL91cwzLJ9Lfd7S0jhehxO5H5/yePr1W6gHonI7fJ5ORSR/n6Q2yQanq763zuXU5LJZRKiyD/W9/pjkdPZz0/yJ8fqVyry+qQZDMjJKoDfy8bRVhHhQTwAAAAASUVORK5CYII=);
            z-index: -1
        }

        @media (max-width: 575.98px) {
            .auth-wrapper.auth-v1 .auth-inner:after, .auth-wrapper.auth-v1 .auth-inner:before {
                display: none
            }
        }

        .auth-wrapper.auth-v2 {
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
            -ms-flex-align: start;
            align-items: flex-start;
        }

        .auth-wrapper.auth-v2 .auth-inner {
            /* overflow-y: auto; */
            /* height: calc(var(--vh,1vh) * 100); */
        }

        .auth-wrapper.auth-v2 .brand-logo {
            position: absolute;
            top: 1rem;
            margin: 0;
            z-index: 1
        }

        .auth-wrapper.auth-v1 .auth-inner {
            max-width: 400px
        }

        .auth-wrapper .brand-logo {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin: 1rem 0 2rem;
        }

        .auth-wrapper .brand-logo .brand-text {
            font-weight: 700
        }



        @media (min-width: 1200px) {
            .auth-wrapper.auth-v2 .auth-card {
                width: 400px
            }
        }

        .auth-wrapper .auth-bg {
            background-color: #FFF
        }

        .dark-layout .auth-wrapper .auth-bg {
            background-color: #283046
        }


        .form-control:focus {
            color: #6E6B7B !important;
            background-color: #FFF !important;
            border-color: #7367F0 !important;
            outline: 0 !important;
            box-shadow: 0 3px 10px 0 rgba(34, 41, 47, .1) !important;
        }

        .cursor-pointer {
            cursor: pointer;
        }

        label {
            color: #5E5873;
            font-size: .857rem;
        }

        .divider {
            display: block;
            text-align: center;
            overflow: hidden;
            white-space: nowrap;
            margin: 1rem 0;
        }

        .divider .divider-text {
            position: relative;
            display: inline-block;
            font-size: .9375rem;
            padding: 0 1rem
        }

        .divider.divider-left .divider-text:before, .divider.divider-right .divider-text:after {
            display: none
        }

        .divider .divider-text i, .divider .divider-text svg {
            height: 1rem;
            width: 1rem;
            font-size: 1rem
        }

        .divider .divider-text:after, .divider .divider-text:before {
            content: '';
            position: absolute;
            top: 50%;
            width: 9999px;
            border-top: 1px solid #EBE9F1
        }

        .divider .divider-text:before {
            right: 100%
        }

        .divider .divider-text:after {
            left: 100%
        }

        .divider.divider-left .divider-text {
            float: left;
            padding-left: 0
        }

        .divider.divider-left-center .divider-text {
            left: -25%
        }

        .divider.divider-right .divider-text {
            float: right;
            padding-right: 0
        }

        .divider.divider-right-center .divider-text {
            right: -25%
        }

        .divider.divider-dotted .divider-text:after, .divider.divider-dotted .divider-text:before {
            border-style: dotted;
            border-width: 0 1px 1px;
            border-color: #EBE9F1
        }

        .divider.divider-dashed .divider-text:after, .divider.divider-dashed .divider-text:before {
            border-style: dashed;
            border-width: 0 1px 1px;
            border-color: #EBE9F1
        }


        .btn-adn {
            background-color: #D87A68;
            color: #FFF !important;
            border: none
        }

        .btn-adn.focus, .btn-adn:focus, .btn-adn:hover {
            border-color: #D87A68;
            color: #FFF;
            background-color: #D87A68
        }

        .btn-adn.focus, .btn-adn:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
        }

        .btn-adn.disabled, .btn-adn:disabled {
            color: #FFF;
            background-color: #D87A68;
            border-color: #FFF
        }

        .btn-adn:not(:disabled):not(.disabled).active, .btn-adn:not(:disabled):not(.disabled):active, .show > .btn-adn.dropdown-toggle {
            color: #FFF;
            background-color: #CE563F;
            border-color: #DFDFDF
        }

        .btn-adn:not(:disabled):not(.disabled).active:focus, .btn-adn:not(:disabled):not(.disabled):active:focus, .show > .btn-adn.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
        }

        .btn-bitbucket {
            background-color: #205081;
            color: #FFF !important;
            border: none
        }

        .btn-bitbucket.focus, .btn-bitbucket:focus, .btn-bitbucket:hover {
            border-color: #205081;
            background-color: #205081;
            color: #FFF
        }

        .btn-bitbucket.focus, .btn-bitbucket:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
        }

        .btn-bitbucket.disabled, .btn-bitbucket:disabled {
            color: #FFF;
            background-color: #205081;
            border-color: #FFF
        }

        .btn-bitbucket:not(:disabled):not(.disabled).active, .btn-bitbucket:not(:disabled):not(.disabled):active, .show > .btn-bitbucket.dropdown-toggle {
            color: #FFF;
            background-color: #163758;
            border-color: #DFDFDF
        }

        .btn-bitbucket:not(:disabled):not(.disabled).active:focus, .btn-bitbucket:not(:disabled):not(.disabled):active:focus, .show > .btn-bitbucket.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
        }

        .btn-dropbox {
            background-color: #1087DD;
            color: #FFF !important;
            border: none
        }

        .btn-dropbox.focus, .btn-dropbox:focus, .btn-dropbox:hover {
            border-color: #1087DD;
            background-color: #1087DD;
            color: #FFF
        }

        .btn-dropbox.focus, .btn-dropbox:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
        }

        .btn-dropbox.disabled, .btn-dropbox:disabled {
            color: #FFF;
            background-color: #1087DD;
            border-color: #FFF
        }

        .btn-dropbox:not(:disabled):not(.disabled).active, .btn-dropbox:not(:disabled):not(.disabled):active, .show > .btn-dropbox.dropdown-toggle {
            color: #FFF;
            background-color: #0D6AAD;
            border-color: #DFDFDF
        }

        .btn-dropbox:not(:disabled):not(.disabled).active:focus, .btn-dropbox:not(:disabled):not(.disabled):active:focus, .show > .btn-dropbox.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
        }

        .btn-facebook {
            background-color: #3B5998;
            color: #FFF !important;
            border: none
        }

        .btn-facebook.focus, .btn-facebook:focus, .btn-facebook:hover {
            border-color: #3B5998;
            background-color: #3B5998;
            color: #FFF
        }

        .btn-facebook.focus, .btn-facebook:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
        }

        .btn-facebook.disabled, .btn-facebook:disabled {
            color: #FFF;
            background-color: #3B5998;
            border-color: #FFF
        }

        .btn-facebook:not(:disabled):not(.disabled).active, .btn-facebook:not(:disabled):not(.disabled):active, .show > .btn-facebook.dropdown-toggle {
            color: #FFF;
            background-color: #2D4373;
            border-color: #DFDFDF
        }

        .btn-facebook:not(:disabled):not(.disabled).active:focus, .btn-facebook:not(:disabled):not(.disabled):active:focus, .show > .btn-facebook.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
        }

        .btn-flickr {
            background-color: #FF0084;
            color: #FFF !important;
            border: none
        }

        .btn-flickr.focus, .btn-flickr:focus, .btn-flickr:hover {
            border-color: #FF0084;
            background-color: #FF0084;
            color: #FFF
        }

        .btn-flickr.focus, .btn-flickr:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
        }

        .btn-flickr.disabled, .btn-flickr:disabled {
            color: #FFF;
            background-color: #FF0084;
            border-color: #FFF
        }

        .btn-flickr:not(:disabled):not(.disabled).active, .btn-flickr:not(:disabled):not(.disabled):active, .show > .btn-flickr.dropdown-toggle {
            color: #FFF;
            background-color: #CC006A;
            border-color: #DFDFDF
        }

        .btn-flickr:not(:disabled):not(.disabled).active:focus, .btn-flickr:not(:disabled):not(.disabled):active:focus, .show > .btn-flickr.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
        }

        .btn-foursquare {
            background-color: #F94877;
            color: #FFF !important;
            border: none
        }

        .btn-foursquare.focus, .btn-foursquare:focus, .btn-foursquare:hover {
            border-color: #F94877;
            background-color: #F94877;
            color: #FFF
        }

        .btn-foursquare.focus, .btn-foursquare:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
        }

        .btn-foursquare.disabled, .btn-foursquare:disabled {
            color: #FFF;
            background-color: #F94877;
            border-color: #FFF
        }

        .btn-foursquare:not(:disabled):not(.disabled).active, .btn-foursquare:not(:disabled):not(.disabled):active, .show > .btn-foursquare.dropdown-toggle {
            color: #FFF;
            background-color: #F71752;
            border-color: #DFDFDF
        }

        .btn-foursquare:not(:disabled):not(.disabled).active:focus, .btn-foursquare:not(:disabled):not(.disabled):active:focus, .show > .btn-foursquare.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
        }

        .btn-github {
            background-color: #444;
            color: #FFF !important;
            border: none
        }

        .btn-github.focus, .btn-github:focus, .btn-github:hover {
            border-color: #444;
            background-color: #444;
            color: #FFF
        }

        .btn-github.focus, .btn-github:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
        }

        .btn-github.disabled, .btn-github:disabled {
            color: #FFF;
            background-color: #444;
            border-color: #FFF
        }

        .btn-github:not(:disabled):not(.disabled).active, .btn-github:not(:disabled):not(.disabled):active, .show > .btn-github.dropdown-toggle {
            color: #FFF;
            background-color: #2B2B2B;
            border-color: #DFDFDF
        }

        .btn-github:not(:disabled):not(.disabled).active:focus, .btn-github:not(:disabled):not(.disabled):active:focus, .show > .btn-github.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
        }

        .btn-google {
            background-color: #DD4B39;
            color: #FFF !important;
            border: none
        }

        .btn-google.focus, .btn-google:focus, .btn-google:hover {
            border-color: #DD4B39;
            background-color: #DD4B39;
            color: #FFF
        }

        .btn-google.focus, .btn-google:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
        }

        .btn-google.disabled, .btn-google:disabled {
            color: #FFF;
            background-color: #DD4B39;
            border-color: #FFF
        }

        .btn-google:not(:disabled):not(.disabled).active, .btn-google:not(:disabled):not(.disabled):active, .show > .btn-google.dropdown-toggle {
            color: #FFF;
            background-color: #C23321;
            border-color: #DFDFDF
        }

        .btn-google:not(:disabled):not(.disabled).active:focus, .btn-google:not(:disabled):not(.disabled):active:focus, .show > .btn-google.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
        }

        .btn-instagram {
            background-color: #3F729B;
            color: #FFF !important;
            border: none
        }

        .btn-instagram.focus, .btn-instagram:focus, .btn-instagram:hover {
            border-color: #3F729B;
            background-color: #3F729B;
            color: #FFF
        }

        .btn-instagram.focus, .btn-instagram:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
        }

        .btn-instagram.disabled, .btn-instagram:disabled {
            color: #FFF;
            background-color: #3F729B;
            border-color: #FFF
        }

        .btn-instagram:not(:disabled):not(.disabled).active, .btn-instagram:not(:disabled):not(.disabled):active, .show > .btn-instagram.dropdown-toggle {
            color: #FFF;
            background-color: #305777;
            border-color: #DFDFDF
        }

        .btn-instagram:not(:disabled):not(.disabled).active:focus, .btn-instagram:not(:disabled):not(.disabled):active:focus, .show > .btn-instagram.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
        }

        .btn-linkedin {
            background-color: #007BB6;
            color: #FFF !important;
            border: none
        }

        .btn-linkedin.focus, .btn-linkedin:focus, .btn-linkedin:hover {
            border-color: #007BB6;
            background-color: #007BB6;
            color: #FFF
        }

        .btn-linkedin.focus, .btn-linkedin:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
        }

        .btn-linkedin.disabled, .btn-linkedin:disabled {
            color: #FFF;
            background-color: #007BB6;
            border-color: #FFF
        }

        .btn-linkedin:not(:disabled):not(.disabled).active, .btn-linkedin:not(:disabled):not(.disabled):active, .show > .btn-linkedin.dropdown-toggle {
            color: #FFF;
            background-color: #005983;
            border-color: #DFDFDF
        }

        .btn-linkedin:not(:disabled):not(.disabled).active:focus, .btn-linkedin:not(:disabled):not(.disabled):active:focus, .show > .btn-linkedin.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
        }

        .btn-microsoft {
            background-color: #2672EC;
            color: #FFF !important;
            border: none
        }

        .btn-microsoft.focus, .btn-microsoft:focus, .btn-microsoft:hover {
            border-color: #2672EC;
            background-color: #2672EC;
            color: #FFF
        }

        .btn-microsoft.focus, .btn-microsoft:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
        }

        .btn-microsoft.disabled, .btn-microsoft:disabled {
            color: #FFF;
            background-color: #2672EC;
            border-color: #FFF
        }

        .btn-microsoft:not(:disabled):not(.disabled).active, .btn-microsoft:not(:disabled):not(.disabled):active, .show > .btn-microsoft.dropdown-toggle {
            color: #FFF;
            background-color: #125ACD;
            border-color: #DFDFDF
        }

        .btn-microsoft:not(:disabled):not(.disabled).active:focus, .btn-microsoft:not(:disabled):not(.disabled):active:focus, .show > .btn-microsoft.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
        }

        .btn-odnoklassniki {
            background-color: #F4731C;
            color: #FFF !important;
            border: none
        }

        .btn-odnoklassniki.focus, .btn-odnoklassniki:focus, .btn-odnoklassniki:hover {
            border-color: #F4731C;
            background-color: #F4731C;
            color: #FFF
        }

        .btn-odnoklassniki.focus, .btn-odnoklassniki:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
        }

        .btn-odnoklassniki.disabled, .btn-odnoklassniki:disabled {
            color: #FFF;
            background-color: #F4731C;
            border-color: #FFF
        }

        .btn-odnoklassniki:not(:disabled):not(.disabled).active, .btn-odnoklassniki:not(:disabled):not(.disabled):active, .show > .btn-odnoklassniki.dropdown-toggle {
            color: #FFF;
            background-color: #D35B0A;
            border-color: #DFDFDF
        }

        .btn-odnoklassniki:not(:disabled):not(.disabled).active:focus, .btn-odnoklassniki:not(:disabled):not(.disabled):active:focus, .show > .btn-odnoklassniki.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
        }

        .btn-openid.focus, .btn-openid:focus, .btn-openid:not(:disabled):not(.disabled).active:focus, .btn-openid:not(:disabled):not(.disabled):active:focus, .show > .btn-openid.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(223, 224, 224, .5)
        }

        .btn-openid {
            background-color: #F7931E;
            color: #FFF !important;
            border: none
        }

        .btn-openid.focus, .btn-openid:focus, .btn-openid:hover {
            border-color: #F7931E;
            color: #2A2E30;
            background-color: #F7931E
        }

        .btn-openid.disabled, .btn-openid:disabled {
            color: #2A2E30;
            background-color: #F7931E;
            border-color: #FFF
        }

        .btn-openid:not(:disabled):not(.disabled).active, .btn-openid:not(:disabled):not(.disabled):active, .show > .btn-openid.dropdown-toggle {
            color: #FFF;
            background-color: #DA7908;
            border-color: #DFDFDF
        }

        .btn-pinterest.focus, .btn-pinterest:focus, .btn-pinterest:not(:disabled):not(.disabled).active:focus, .btn-pinterest:not(:disabled):not(.disabled):active:focus, .show > .btn-pinterest.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
        }

        .btn-pinterest {
            background-color: #CB2027;
            color: #FFF !important;
            border: none
        }

        .btn-pinterest.focus, .btn-pinterest:focus, .btn-pinterest:hover {
            border-color: #CB2027;
            background-color: #CB2027;
            color: #FFF
        }

        .btn-pinterest.disabled, .btn-pinterest:disabled {
            color: #FFF;
            background-color: #CB2027;
            border-color: #FFF
        }

        .btn-pinterest:not(:disabled):not(.disabled).active, .btn-pinterest:not(:disabled):not(.disabled):active, .show > .btn-pinterest.dropdown-toggle {
            color: #FFF;
            background-color: #9F191F;
            border-color: #DFDFDF
        }

        .btn-reddit.focus, .btn-reddit:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .btn-reddit:not(:disabled):not(.disabled):active:focus, .show > .btn-reddit.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(6, 7, 7, .5)
        }

        .btn-reddit {
            background-color: #EFF7FF;
            color: #FFF !important;
            border: none
        }

        .btn-reddit.focus, .btn-reddit:focus, .btn-reddit:hover {
            color: #FFF;
            background-color: #000;
            border-color: #000
        }

        .btn-reddit.disabled, .btn-reddit:disabled {
            color: #2A2E30;
            background-color: #EFF7FF;
            border-color: #000
        }

        .btn-reddit:not(:disabled):not(.disabled).active, .btn-reddit:not(:disabled):not(.disabled):active, .show > .btn-reddit.dropdown-toggle {
            color: #2A2E30;
            background-color: #BCDEFF;
            border-color: #000
        }

        .btn-soundcloud.focus, .btn-soundcloud:focus, .btn-soundcloud:not(:disabled):not(.disabled).active:focus, .btn-soundcloud:not(:disabled):not(.disabled):active:focus, .btn-tumblr.focus, .btn-tumblr:focus, .btn-tumblr:not(:disabled):not(.disabled).active:focus, .btn-tumblr:not(:disabled):not(.disabled):active:focus, .show > .btn-soundcloud.dropdown-toggle:focus, .show > .btn-tumblr.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
        }

        .btn-soundcloud {
            background-color: #F50;
            color: #FFF !important;
            border: none
        }

        .btn-soundcloud.focus, .btn-soundcloud:focus, .btn-soundcloud:hover {
            border-color: #F50;
            background-color: #F50;
            color: #FFF
        }

        .btn-soundcloud.disabled, .btn-soundcloud:disabled {
            color: #FFF;
            background-color: #F50;
            border-color: #FFF
        }

        .btn-soundcloud:not(:disabled):not(.disabled).active, .btn-soundcloud:not(:disabled):not(.disabled):active, .show > .btn-soundcloud.dropdown-toggle {
            color: #FFF;
            background-color: #C40;
            border-color: #DFDFDF
        }

        .btn-tumblr {
            background-color: #2C4762;
            color: #FFF !important;
            border: none
        }

        .btn-tumblr.focus, .btn-tumblr:focus, .btn-tumblr:hover {
            border-color: #2C4762;
            background-color: #2C4762;
            color: #FFF
        }

        .btn-tumblr.disabled, .btn-tumblr:disabled {
            color: #FFF;
            background-color: #2C4762;
            border-color: #FFF
        }

        .btn-tumblr:not(:disabled):not(.disabled).active, .btn-tumblr:not(:disabled):not(.disabled):active, .show > .btn-tumblr.dropdown-toggle {
            color: #FFF;
            background-color: #1C2E3F;
            border-color: #DFDFDF
        }

        .btn-twitter.focus, .btn-twitter:focus, .btn-twitter:not(:disabled):not(.disabled).active:focus, .btn-twitter:not(:disabled):not(.disabled):active:focus, .show > .btn-twitter.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(223, 224, 224, .5)
        }

        .btn-twitter {
            background-color: #55ACEE;
            color: #FFF !important;
            border: none
        }

        .btn-twitter.focus, .btn-twitter:focus, .btn-twitter:hover {
            border-color: #55ACEE;
            color: #2A2E30;
            background-color: #55ACEE
        }

        .btn-twitter.disabled, .btn-twitter:disabled {
            color: #2A2E30;
            background-color: #55ACEE;
            border-color: #FFF
        }

        .btn-twitter:not(:disabled):not(.disabled).active, .btn-twitter:not(:disabled):not(.disabled):active, .show > .btn-twitter.dropdown-toggle {
            color: #FFF;
            background-color: #2795E9;
            border-color: #DFDFDF
        }

        .btn-vimeo.focus, .btn-vimeo:focus, .btn-vimeo:not(:disabled):not(.disabled).active:focus, .btn-vimeo:not(:disabled):not(.disabled):active:focus, .btn-vk.focus, .btn-vk:focus, .btn-vk:not(:disabled):not(.disabled).active:focus, .btn-vk:not(:disabled):not(.disabled):active:focus, .btn-yahoo.focus, .btn-yahoo:focus, .btn-yahoo:not(:disabled):not(.disabled).active:focus, .btn-yahoo:not(:disabled):not(.disabled):active:focus, .show > .btn-vimeo.dropdown-toggle:focus, .show > .btn-vk.dropdown-toggle:focus, .show > .btn-yahoo.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
        }

        .btn-vimeo {
            background-color: #1AB7EA;
            color: #FFF !important;
            border: none
        }

        .btn-vimeo.focus, .btn-vimeo:focus, .btn-vimeo:hover {
            border-color: #1AB7EA;
            background-color: #1AB7EA;
            color: #FFF
        }

        .btn-vimeo.disabled, .btn-vimeo:disabled {
            color: #FFF;
            background-color: #1AB7EA;
            border-color: #FFF
        }

        .btn-vimeo:not(:disabled):not(.disabled).active, .btn-vimeo:not(:disabled):not(.disabled):active, .show > .btn-vimeo.dropdown-toggle {
            color: #FFF;
            background-color: #1295BF;
            border-color: #DFDFDF
        }

        .btn-vk {
            background-color: #587EA3;
            color: #FFF !important;
            border: none
        }

        .btn-vk.focus, .btn-vk:focus, .btn-vk:hover {
            border-color: #587EA3;
            background-color: #587EA3;
            color: #FFF
        }

        .btn-vk.disabled, .btn-vk:disabled {
            color: #FFF;
            background-color: #587EA3;
            border-color: #FFF
        }

        .btn-vk:not(:disabled):not(.disabled).active, .btn-vk:not(:disabled):not(.disabled):active, .show > .btn-vk.dropdown-toggle {
            color: #FFF;
            background-color: #466482;
            border-color: #DFDFDF
        }

        .btn-yahoo {
            background-color: #720E9E;
            color: #FFF !important;
            border: none
        }

        .btn-yahoo.focus, .btn-yahoo:focus, .btn-yahoo:hover {
            border-color: #720E9E;
            background-color: #720E9E;
            color: #FFF
        }

        .btn-yahoo.disabled, .btn-yahoo:disabled {
            color: #FFF;
            background-color: #720E9E;
            border-color: #FFF
        }

        .btn-yahoo:not(:disabled):not(.disabled).active, .btn-yahoo:not(:disabled):not(.disabled):active, .show > .btn-yahoo.dropdown-toggle {
            color: #FFF;
            background-color: #500A6F;
            border-color: #DFDFDF
        }
        input[type="text"] , input[type="password"],input[type="phone"],input[type="email"],input[type="number"] {
             min-width: 12rem;
        }