@font-face {
    font-family: 'Ubuntu-B';
    src: url('../fonts/Ubuntu-B.ttf');
    src: url('../fonts/Ubuntu-B.ttf') format('truetype'); 
    font-weight: normal; font-style: normal;}
@font-face {
    font-family: 'Ubuntu-L';
    src: url('../fonts/Ubuntu-L.ttf');
    src: url('../fonts/Ubuntu-L.ttf') format('truetype'); 
    font-weight: normal; font-style: normal;}
@font-face {
    font-family: 'Ubuntu-M';
    src: url('../fonts/Ubuntu-M.ttf');
    src: url('../fonts/Ubuntu-M.ttf') format('truetype'); 
    font-weight: normal; font-style: normal;}
@font-face {
    font-family: 'Ubuntu-R';
    src: url('../fonts/Ubuntu-R.ttf');
    src: url('../fonts/Ubuntu-R.ttf') format('truetype'); 
    font-weight: normal; font-style: normal;}  

@font-face {
    font-family: 'menlo';
    src: url('../fonts/menlo.eot');
    src: local('☺'), url('../fonts/menlo.woff') format('woff'), url('../fonts/menlo.ttf') format('truetype'), 
    url('../fonts/menlo.svg') format('svg'), url('../fonts/menlo.eot') format('truetype');
    font-weight: normal; font-style: normal;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    #simulator-iframe html {background-color: #ffffff ;}
    #simulator html {background-color: #ffffff ;}
    body {
        font-family: 'Ubuntu-R', sans-serif, Arial; margin-top: 100px; background-color: rgb(23, 23, 31); padding-right: 0px !important;}
    @media(min-width:768px) { body {margin-top: 50px;} }
    #wrapper {padding-left: 0;}
    #page-wrapper {width: 100%; padding: 0; background-color: #fff;}
    .huge {font-size: 50px; line-height: normal;}
    @media(min-width:768px) {
        #wrapper {padding-left: 220px;}
        #page-wrapper {padding: 0px;}
    }  
    
/* BUTTON */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .verified-not {color: 059e61; font-size: 20px; font-family: sans-serif, Arial; display: none;}
    .btn .fa {margin: 0 10px;}
    .btn-me .fa {margin: 0 10px 0 0;}
    .btn-add .fa {margin: 0 10px 0 0;}
    .btn-default {        
        margin: 10px 5px; font-size: 16px; line-height: 20px; color: #30a7b7; 
        border-radius: 50px; padding: 10px 28px; background: inherit;
        border: solid 2px #30a7b7; transition: all 0.6s;
        box-shadow: 0 8px 12px 0 rgba(0, 44, 61, 0.18);}
    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        box-shadow: none; outline: none; transition: all .4s ease; border: 2px solid #30a7b7; background: #30a7b7; color: #fff;}
    
    .btn-customize {        
        white-space: inherit; font-family: 'Ubuntu-M', sans-serif, Arial; margin: 10px 0px 10px;
        background: #42d3e6; font-size: 16px; line-height: 1.65; color: #ffffff; border-radius: 50px;
        padding: 6px 18px; border: 1px solid #42d3e6; transition: all .6s; box-shadow: none; }
    .btn-customize:hover, .btn-customize:focus, .btn-customize:active, .btn-customize.active, .open > .dropdown-toggle.btn-customize {
        background: #4fe0f3; transition: all .6s ease; border: 1px solid #45d8eb; color: #ffffff;}

    .btn-verify {
        white-space: inherit; font-family: 'Ubuntu-M', sans-serif, Arial; margin: 10px 0px 10px;
        background: #15c587; font-size: 16px; line-height: 1.65; color: #ffffff; border-radius: 50px;
        padding: 6px 18px; border: 1px solid #13bd81; transition: all .6s; box-shadow: none; min-width: 140px;}
    .btn-verify:hover, .btn-verify:focus, .btn-verify:active, .btn-verify.active, .open > .dropdown-toggle.btn-verify {
        background: #17da95; transition: all .6s ease; border: 1px solid #17da95; color: #ffffff;}
    
    
    
    .btn-primary {
        font-family: 'Ubuntu-M', sans-serif, Arial; margin: 10px 5px 10px;
        background: #0ac1ca; font-size: 16px; line-height: 20px; color: #ffffff;
        border-radius: 50px; padding: 10px 28px;
        border: 1px solid #0ac1ca; transition: all .4s; box-shadow: 0 8px 12px 0 rgba(0, 44, 61, 0.18);}    
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:hover
    .btn-primary.active, .open>.dropdown-toggle.btn-primary, .btn-primary:active:hover {
        background: #0cd9e3; transition: all .6s ease; 
        border: 1px solid #0ec3cc; box-shadow: none; color: #ffffff;}
    
    .dapp-type-block .btn-primary {
        font-family: 'Ubuntu-M', sans-serif, Arial; margin: 10px 5px 10px;
        background: #09d0a6; font-size: 18px; line-height: 22px; color: #ffffff;
        border-radius: 50px; padding: 10px 30px;
        border: 1px solid #05c79e; transition: all .4s; box-shadow: 0 8px 12px 0 rgba(0, 44, 61, 0.18);}    
    .dapp-type-block .btn-primary:hover, .dapp-type-block .btn-primary:focus, .dapp-type-block .btn-primary:active, 
    .dapp-type-block .btn-primary:active:hover, .dapp-type-block .btn-primary.active, 
    .dapp-type-block  .open>.dropdown-toggle.btn-primary, .dapp-type-block  .btn-primary:active:hover {
        background: #01e8b8; transition: all .6s ease; 
        border: 1px solid #06ffc8; box-shadow: none; color: #ffffff;}
    
    .btn-next {
        font-family: 'Ubuntu-M', sans-serif, Arial; margin: 10px 5px 10px;
        background: #5da7d4; font-size: 16px; line-height: 20px; color: #ffffff;
        border-radius: 50px; padding: 10px 28px;
        border: 1px solid #56a3d1; transition: all .4s; box-shadow: 0 8px 12px 0 rgba(0, 44, 61, 0.18);}    
    .btn-next:hover, .btn-next:focus, .btn-next:active, .btn-next:active:hover
    .btn-next.active, .open>.dropdown-toggle.btn-next, .btn-next:active:hover {
        background: #63bff6; transition: all .6s ease; 
        border: 1px solid #ffffff; box-shadow: none; color: #ffffff;}
    
    .btn-save {
        white-space: inherit; font-family: 'Ubuntu-M', sans-serif, Arial; margin: 10px 0px 40px;
        background: #09d0a6; font-size: 18px; line-height: 1.65; color: #ffffff; border-radius: 50px;
        padding: 6px 18px; border: 1px solid #05c79e; transition: all .6s; box-shadow: none; min-width: 140px;}
    .btn-save:hover, .btn-save:focus,  .btn-save:active, .btn-save.active, .open > .dropdown-toggle.btn-save {
        background: #01e8b8 !important; transition: all .6s ease; border: 1px solid #06ffc8; color: #ffffff;}

    .btn-create {
        font-family: 'Ubuntu-M', sans-serif, Arial; margin: 10px 5px 10px;
        background: linear-gradient(135deg,#39e9b8,#2bcdfe);
        font-size: 16px; line-height: 20px; color: #ffffff;
        border-radius: 50px; padding: 8px 32px;
        border: 1px solid #03e0d6; transition: all .3s; box-shadow: none;}    
    .btn-create:hover, .btn-create:focus, .btn-create:active, 
    .btn-create.active, .open>.dropdown-toggle.btn-create {ransition: all .6s ease; border: 1px solid #40e8c3; color: #ffffff;}         
    
    .input-group-btn .btn-primary { 
        padding: 6px 20px; margin: 0; box-shadow: none; background: #42d3e6; border: none;
        border-radius: 4px; color: #ffffff; line-height: inherit; font-size: 16px; }
    .input-group-btn .btn-primary:hover {background: #43e9ff;}
    .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
        outline: none; outline-offset: none; background: #42d3e6;}   

    .btn-add {
        white-space: inherit;
        font-family: 'Ubuntu-M', sans-serif, Arial; margin: 10px 0px 10px;
        background: #42d3e6; font-size: 16px; line-height: 1.65; color: #ffffff;
        border-radius: 50px; padding: 6px 18px;
        border: 1px solid #42d3e6; transition: all .6s; box-shadow: none;}    
    .btn-add:hover, .btn-add:focus, .btn-add:active, 
    .btn-add.active, .open>.dropdown-toggle.btn-add {
        background: #4fe0f3; transition: all .6s ease; border: 1px solid #45d8eb; color: #ffffff;}

    .dapp-descr .btn-add {
        border-radius: 0; border: none;  text-decoration: underline; padding: 0px; background: none; text-shadow: none;
        font-size: 18px; color: #00a4e2; margin-top: 10px; font-family: sans-serif, Arial; outline: none !important; transition: all .3s ease; }
    .dapp-descr .btn-add:hover, .dapp-descr .btn-add:focus, .dapp-descr .btn-add:active,
    .dapp-descr .btn-add.active, .dapp-descr .open>.dropdown-toggle.btn-add {
        color: #00a4e2; text-decoration: none; background: none !important; box-shadow: none;}
    
    .btn-add-photo {
        color: #ffffff; font-size: 16px; padding: 12px 12px; border: none;
        background: -webkit-linear-gradient(-135deg,#0895bf,#02f3e8);
        background: -o-linear-gradient(-135deg,#0895bf,#02f3e8);
        background: linear-gradient(-135deg,#0895bf,#02f3e8); }

    .btn-add-photo:hover, .btn-add-photo:focus, .btn-add-photo:active,
    .btn-add-photo.active, .btn-add-photo>.dropdown-toggle.btn-add-photo {
        color: #fff; text-decoration: none;
        background: -webkit-linear-gradient(-135deg,#1ae6dd,#1ae6dd);
        background: -o-linear-gradient(-135deg,#1ae6dd,#1ae6dd);
        background: linear-gradient(-135deg,#1ae6dd,#1ae6dd);}

    .btn-back {
        display: inline; position: absolute; left: 52px; top: 6px;
        font-size: 20px; line-height: 20px;
        color: #697992; border-radius: 0; background: none; }      
    .btn-back:hover, .btn-back:focus, .btn-back:active, 
    .btn-back.active, .open>.dropdown-toggle.btn-back {color: #168bbb;}   
    @media (max-width: 768px) { 
       .btn-back {position: inherit;}
    }     
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Top Navigation */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .top-nav {padding: 0 15px;}
    .top-nav>li {display: inline-block; float: left;}
    .top-nav>li>a {
        font-size: 16px; color: #f3f6f9; padding-top: 15px; padding-bottom: 15px; line-height: 20px; 
        transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
    .top-nav>li>a:hover, .top-nav>li>a:focus, .top-nav>.open>a,.top-nav>.open>a:hover,
    .top-nav>.open>a:focus {color: #ffffff; background: rgb(65, 79, 102);}
    .top-nav>.open>.dropdown-menu {
        padding: 0; float: left; position: absolute; margin-top: 0; border-radius: 0; border: none; border-top-left-radius: 0;
        border-top-right-radius: 0; background-color: #414f66; min-width: 180px;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175);}
    .top-nav>.open>.dropdown-menu>li>a {
        font-size: 14px; white-space: normal; color: rgba(233, 244, 255, 0.72); padding: 10px 20px;
        transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
    .top-nav>.open>.dropdown-menu>li>a:focus, .top-nav>.open>.dropdown-menu>li>a:hover{background-color: #5b6980; color: #fff;}

    ul.message-dropdown {padding: 0; max-height: 250px; overflow-x: hidden; overflow-y: auto;}
    li.message-preview {width: 275px; border-bottom: 1px solid rgba(0,0,0,.15);}
    li.message-preview>a {padding-top: 15px; padding-bottom: 15px;}
    li.message-footer {margin: 5px 0;}
    ul.alert-dropdown {width: 220px;}

    .navbar-inverse {border: none; background-color: #303b4c; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.38);}
    .navbar-inverse .navbar-header {background: #414f66;}
    .navbar-inverse .navbar-brand {
        padding: 5px 20px; width: 220px; border-color: #3a3a51; transition: all 0.3s ease; 
        -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
    .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {background: #414f66; border-color: #414f66;}
    .navbar-inverse .navbar-brand .color {color: #06ffc8;}
    .navbar-inverse .navbar-toggle {border-color: #ffffff5e;}
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {border-color: #1b4860;}
    .navbar-brand img {max-width: 100px;}

    .navbar-inverse .navbar-nav>li>a {color: rgba(255, 255, 255, 0.64);}
    .navbar-inverse .navbar-nav>li .color_but {
        box-shadow: 0 9px 18px 3px rgba(1, 25, 35, 0.77); color:#ffffff; background: #fd5066 !important; padding: 14px 10px;
        border-radius: 50px; margin: 40px 15px 10px; max-width: 190px; text-transform: uppercase;
        text-align: center; border-left: none !important;}
    .navbar-inverse .navbar-nav>li .color_but:hover {border-left: none !important;}
    @media (max-width: 768px) { 
      .navbar-inverse .navbar-nav>li .color_but {
          box-shadow: none; padding: 10px 10px; border-radius: 50px; margin: 0px 0px 10px; max-width: 160px;}
      }  
    .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, 
    .navbar-inverse .navbar-nav>.active>a:hover {color: #fff; background-color: #f3f6f91c;border-left: solid 4px #06ffc8;}
    .navbar-inverse .navbar-nav>li>a {
        transition: all 0.5s ease;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
    .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
        color: #fff;  background: rgb(65, 79, 102); border-left: solid 4px #06ffc8;
        transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
    .navbar-inverse .navbar-nav .link_buy {color: #fffbc2 !important;}    
    .side-nav {box-shadow: 1px 1px 15px rgba(0,0,0,.1);}
    .side-nav::-webkit-scrollbar { width: 0; }
    .side-nav { -ms-overflow-style: none; }
    .side-nav { overflow: -moz-scrollbars-none; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Side Navigation */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    @media(min-width:768px) {
        .side-nav {
            position: fixed; top: 50px; left: 190px; width: 220px; margin-left: -190px; border: none; border-radius: 0;
            overflow-y: auto; background-color: #485871; bottom: 0; overflow-x: hidden; padding-bottom: 40px; font-size: 16px;}
        .side-nav>li>a {width: 220px;}
        .side-nav li a:hover, .side-nav li a:focus {outline: none;}
        .modal .close {position: inherit; color: #70798a;}
    }
    .side-nav>li>ul {padding: 0;}
    .side-nav>li>ul>li>a {display: block; padding: 10px 15px 10px 38px; text-decoration: none; color: #999;}
    .side-nav>li>ul>li>a:hover {color: #fff;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/    

/* Flot Chart Containers */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .flot-chart {display: block; height: 400px;}
    .flot-chart-content {width: 100%;height: 100%;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Custom Colored Panels */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .huge {font-size: 40px;}
    .panel-green {border-color: #5cb85c;}
    .panel-green > .panel-heading {border-color: #5cb85c; color: #fff; background-color: #5cb85c;}
    .panel-green > a {color: #5cb85c;}
    .panel-green > a:hover {color: #3d8b3d;}
    .panel-red {border-color: #d9534f;}
    .panel-red > .panel-heading {border-color: #d9534f; color: #fff; background-color: #d9534f;}
    .panel-red > a {color: #d9534f;}
    .panel-red > a:hover {color: #b52b27;}
    .panel-yellow {border-color: #f0ad4e;}
    .panel-yellow > .panel-heading {border-color: #f0ad4e; color: #fff; background-color: #f0ad4e;}
    .panel-yellow > a {color: #f0ad4e;}
    .panel-yellow > a:hover {color: #df8a13;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* modal */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .source-code {resize: none; cursor: pointer;}
    /*.verify-modal .modal-body{overflow-y: scroll !important; height: 720px !important;}*/
    .abi-encoded{resize: none; cursor: pointer; height: 100px !important;}
    /*.modal-open .modal {overflow-x: hidden; overflow-y: hidden;}*/
    .modal {top: 35px; overflow-y: auto;}
    .modal a {color: #23527c; text-decoration: underline;}
    .modal a:hover {text-decoration: none;}
    .modal .close {
        font-size: 52px; font-weight: 300; position: absolute;
        top: -43px; right: -40px; color: #fff; text-shadow: none; opacity: 0.7; padding: 0px 7px;}
    .modal .close:hover {opacity: 1; color: #ffffff; outline: none !important;}    
    .modal .close:focus, .modal .close:active {outline: none !important;}
    /*.modal-open {overflow: auto;}*/
    @media (min-width: 768px){ .modal-dialog {width: 550px; margin: 50px auto;}   }   
    .modal-header h2 {    
        color: #63b7d8; font-size: 24px; margin: 0 0 10px; padding: 10px 0;
        font-family: 'Ubuntu-M', sans-serif; background: #eef1f3; border-bottom: solid 1px #d2d5e1;}
    .modal-header p {color: #022c3e; font-size: 20px; font-family: sans-serif, Arial; padding: 0 10px;}
    .modal-body p {color: #233f4b; font-size: 20px; font-family: sans-serif, Arial;}
    .modal-header {border-bottom: none; padding: 0;}
    .modal-body {padding: 5px 30px 20px;}
    .form-modal .form-control {
        border-radius: 0; border-bottom: solid 2px #dadada; box-shadow: none; background-color: #fff;
        color: #333; font-size: 16px; height: 40px; -webkit-transition: all .6s ease; transition: all .6s ease}
    .form-modal input {border: none; position: relative; padding: 5px 5px;}
    .form-modal .form-control:focus {
        box-shadow: none; -webkit-transition: all .6s ease; transition: all .6s ease; border-bottom: solid 2px #16e4ef !important;}
    .modal-content {border-right: 0; font-family: 'Ubuntu-R', sans-serif, Arial;}     
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    #st-1 .st-btn:hover {top: 0!important;}
    .shareApp p {color: rgba(255, 255, 255, 0.64); margin-left: 10px;-webkit-transition: all .6s ease; transition: all .6s ease;}
    .shareApp:hover p {color: #fff;}
    .shareApp {width: 100%; padding: 20px 10px; border-top: solid 1px rgba(255, 255, 255, 0.64);}
    #st-1 .st-btn {
        opacity: 0.7!important; margin-right: 6px !important; height: 28px!important; 
        line-height: 28px!important; padding: 0 3px!important; border-radius: 50px!important;}
    #st-1 .st-btn:hover {opacity: 1 !important;}
    #st-1 .st-btn > svg {height: 18px!important; width: 22px!important; top: 5px!important;}
    #st-1.st-animated {text-align: left !important; margin-left: 10px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #hackathon-app {margin: 0;padding: 0;border: 0;outline: 0;}
    .container-fluid#hackathon-container {padding-left: 0; padding-right: 0; background: #F3F6F9;overflow:hidden;}
    .container-fluid#bonus-container {padding-left: 0; padding-right: 0; background: #222230;overflow:hidden;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .share42 {padding: 20px 10px; width: 100%; border-top: solid 1px rgba(255, 255, 255, 0.64);}
    .share42 p {color: rgba(255, 255, 255, 0.98);}
    .share42 span {opacity: 0.6; -webkit-transition: all .6s ease; transition: all .6s ease;}
    .share42:hover span {opacity: 1;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .desktoplink {padding: 20px 20px 60px; border-top: solid 1px #e3e7ef; margin-top: 15px; }
    .desktoplink input {text-align: center; background: #ffffff;}    
    .desktoplink .form-control[disabled], .desktoplink  .form-control[readonly], .desktoplink  fieldset[disabled] .form-control {background: #ffffff;}
    .desktoplink .form-control:focus {border-color: #42d3e6; box-shadow: none;}  
    .desktoplink h4 {color: #124765; font-size: 20px;}
    .desktoplink .btn-primary {line-height: 1.45; padding: 6px 20px; margin: 0; line-height: inherit; font-size: 16px;}

/* new-dapp.php */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .page-content {background-color: #f3f6f9; min-height: 800px;}
    .container-fluid#bonus-container.page-content {background-color: #f3f6f9; min-height: 700px;}
    .creation-form {padding-top: 12px; padding-bottom: 15px; display: inline-block; width: 100%;}    
    .req-color {color: red !important;}    
    .dapp-name-block {padding: 0 40px; text-align: center;}
    .dapp-type-block, .dapp-name-block, #back-button {display: none;}
    .dapp-type-block .title-step {font-family: 'Ubuntu', sans-serif, Arial; margin-top: 0px; margin-bottom: 10px; color: #5180b3; font-size: 28px;}
    .dapp-type-block {padding: 10px 40px 10px;}

    #creation-form .input-group-addon, #gaspriceModal .input-group-addon {
        background-color: #eaf0f7; border-color: #eaf0f7; background: none; border-color: #d3ebf5; border: none; color: #62728c;
        font-family: 'Ubuntu-R', sans-serif, Arial; display: inline-block; text-align: left; width: 100%; font-size: 18px;}
    #creation-form #dapp-name-label {
        background: none; border-color: #62728c; border: none; color: #5b6980; 
        font-family: 'Ubuntu-R', sans-serif, Arial; display: inline-block; text-align: left; width: 100%; font-size: 18px;}
    #creation-form .form-control:focus, #gaspriceModal .form-control:focus, .test-param .form-control:focus {
        box-shadow: 0 1px 0 0 #2fb2e6 !important; border-bottom: 1px solid #0be1d7; background-color: #f0f6fd; color: #01b4bd;}     
    #creation-form small, #gaspriceModal small {color: #86909a!important; font-family: sans-serif, Arial; line-height: 20px; font-size: 16px;}  
    
    #bonus-container  h1 {margin-top: 15px; font-size: 18px; color: #69768c; font-family: sans-serif;}
    #bonus-container h1 .decor-h {}

    .form-bonus .bonus {width: auto; height: auto; padding-top: 20px; padding-bottom: 20px; border-bottom: solid 1px #cbd6d3;}        
    .form-bonus {margin-bottom: 50px; padding: 0px 40px 40px; background: #fff; border-radius: 5px; box-shadow: 0 4px 9px 0 rgba(23,28,33,.06); }
    .list-bonus {margin-top: 15px; line-height: 1.6;}    
    .cont-page .title {margin: 10px 20px 10px;}    
    .cont-page h2 {color: #fff; margin-bottom: 20px; font-size: 56px;}  
    .cont-page {background: #dce3ea; border-bottom: solid 1px #d2d5e1; margin-bottom: 20px;}
    .form-bonus .bonus .input-group-addon {font-size: 16px;}        
    .form-bonus h4 {color: #36799c; font-size: 22px; font-family: sans-serif, Arial;}
    .form-bonus h3 {font-family: 'Ubuntu-M',sans-serif; color: #63b7d8;}
    .form-bonus h4, h3 {display: inline;}        
    .form-bonus .bonus-history a {text-decoration: underline; color: #63b7d8; font-family: 'Ubuntu-M', sans-serif, Arial;}
    .form-bonus .bonus-history a:hover {text-decoration: none;}
    .form-bonus .bonus-history {padding-top: 20px;}
    .form-bonus .bonus .form-control {background-color: #fff; font-size: 16px; background-image: none; height: 40px; border: 1px solid #eaf0f7;}        
    .form-bonus .nav-tabs {margin-bottom: 20px; border-bottom: 2px solid #eaf0f7;}   
    .form-bonus .nav-tabs img {max-width: 70px; margin-bottom: 10px;}
    .form-bonus .nav-tabs>li.active>a, .form-bonus .nav-tabs>li.active>a:focus, 
    .form-bonus .nav-tabs>li.active>a:hover {
        color: #6effb6; cursor: default; background-color: #0d85a7; background: linear-gradient(to top, #0aadd8 0%, #2ea3ce 100%);
        border: 1px solid #ddd; border-bottom-color: transparent; padding: 10px 30px;}
    .form-bonus .nav-tabs>li>a {
        margin-right: 4px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 8px 8px 0 0; background-color: #175069;
        background: linear-gradient(to top, #00324e 0%, #206992 100%); text-align: center; font-size: 18px;}
    .form-bonus .nav>li>a:focus, .form-bonus .nav>li>a:hover {text-decoration: none; background-color: #206992; background: #206992;}
    .form-bonus .select-value {display: none !important;}    
    #hackathon-container h1 {margin-top: 21px; font-size: 18px; color: #69768c; font-family: sans-serif;}
    #hackathon-container h1 .decor-h {}
    .form-hackathon {
        margin-left: 25px; margin-right: 25px; box-shadow: 0 4px 9px 0 rgba(23,28,33,.06);
        margin-bottom: 100px; padding: 20px 10px 20px; background: #fff; border-radius: 5px;}
    .dapp-type-h-style {
        padding-bottom: 3px;display: inline-block; border-bottom: dotted 1px #5ac0c6;
        margin-bottom: 10px; font-size: 30px; color: #2dd1db; font-family: 'Ubuntu-M',sans-serif;}   
    .form-hackathon .title-step {font-family: 'Ubuntu',sans-serif, Arial; margin-top: 0px; color: #5180b3; font-size: 28px;}    
    .cont-page .overlay {padding: 20px 0 100px;}
    .cont-page h2 {color: #fff; margin-bottom: 20px; font-size: 56px;}
    .form-hackathon .input-group-addon {font-size: 16px;}
    .form-hackathon h4 {    
        color: #657898; font-weight: 600; font-size: 24px; margin-top: 0px; font-family: sans-serif, Arial; text-align: center;}
    .form-hackathon .form-control, #gaspriceModal .form-control {
        background-color: #fbfbfb; background-image: none; height: 42px; outline: 0; border: none;
        border-bottom: 1px solid #ced4da; display: block; -webkit-transition: border linear .2s,box-shadow linear .2s;
        -moz-transition: border linear .2s,box-shadow linear .2s; -o-transition: border linear .2s,box-shadow linear .2s;
        transition: border linear .2s,box-shadow linear .2s; color: #323d4e; font-size: 18px; box-shadow: none;}
    .form-hackathon .nav-tabs {border-bottom: none; display: inline-block; width:100%;}   
    .form-hackathon .nav-tabs>li.active>a, .form-hackathon .nav-tabs>li.active>a:focus, 
    .form-hackathon .nav-tabs>li.active>a:hover {
        color: #6cffb8; cursor: default; background-color: #04547d; background: -webkit-linear-gradient(bottom, #007db5 0%, #054b71 100%);
        background: -o-linear-gradient(bottom, #007db5 0%, #054b71 100%); background: linear-gradient(to top, #007db5 0%, #054b71 100%);
        border: 1px solid #fff; border-bottom-color: #076996; padding: 10px 30px; text-decoration: underline;}
    .form-hackathon .nav-tabs .contract_block {
        transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
        height: auto; max-width: 340px; margin: 30px 30px 40px; border: none; border-radius: 0px; background-color: #59afe1; 
        background: -webkit-linear-gradient(top right, #59afe1, #5f7497);
        background: -o-linear-gradient(top right, #59afe1, #5f7497); 
        background: linear-gradient(to bottom left, #59afe1, #5f7497);
        text-align: center; padding: 0 0 10px; 
        box-shadow: 8px 8px 22px 0px rgba(67, 74, 82, 0.2);
        -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    }
    .form-hackathon .nav-tabs .contract_block:hover {
        transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
        background-color: #60a1d1; background: -webkit-linear-gradient(bottom, #5c94c0 0%, #5c94c0 100%);
        background: -o-linear-gradient(bottom, #5c94c0 0%, #5c94c0 100%);
        background: linear-gradient(to top, #5c94c0 0%, #5c94c0 100%);        
        -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
        box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    }        
    .form-hackathon .nav-tabs .contract_block h3 {
        font-size: 20px; font-family: 'Ubuntu-M', sans-serif, Arial; line-height: 1; 
        text-shadow: 1px 1px 2px #2c3038; color: #fffeb9; font-weight: 500;}  
    .form-hackathon .nav-tabs .contract_block .create {text-transform: uppercase; font-size: 16px; margin: 0 0 5px;}    
    .form-hackathon .nav-tabs .contract_block .description {font-size: 14px; padding: 3px 10px 0px; min-height: 60px; line-height: 1.2;}  
    .form-hackathon .nav-tabs .contract_block .contract_img {}
    .form-hackathon .nav-tabs .contract_block .contract_img img {max-width: 100%;}
    .form-hackathon .nav-tabs .contract_block .contract_content {margin-top: 10px; min-height: 60px;}
    .form-hackathon .contract_block a {line-height: 1.42857143; text-decoration: none; color: #ffffff; font-size: 18px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    .form-hackathon .nav>li>a:focus, .form-hackathon .nav>li>a:hover {
        background-color: #206992; text-decoration: underline; background: #206992;color: #6cffb8;}
    .form-hackathon .select-value {display: none !important;}
    .btn-danger {
        border-radius: 5px !important; float: right; margin-top: 10px; padding: 3px 0px; opacity: 0.7;
        color: #ffffff; background-color: #ff5c67; border-color: #ff5c67; font-size: 16px;}
    .btn-danger:hover, .btn-danger:active, .btn-danger:focus, .btn-danger:active:hover {
        color: #ffffff; background-color: #ff5c67; border-color: #ff5c67; font-size: 16px; opacity: 1;}
    
    #creation-form .nav-tabs .dapp-tab>li.active>a, #creation-form .nav-tabs .dapp-tab>li.active>a:focus, 
    #creation-form .nav-tabs .dapp-tab>li.active>a:hover {
        max-height: 127; color: #6effb6; cursor: default; background-color: #0d85a7; border-bottom-color: transparent; padding: 10px 30px;
        background: linear-gradient(to top, #0aadd8 0%, #2ea3ce 100%); border: 1px solid #ddd; }
    #creation-form .nav-tabs .dapp-tab>li>a>p {padding-bottom: 20px;}
    #creation-form .nav-tabs .dapp-tab>li>a {
        margin-bottom: 20px; margin-right: 4px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 8px 8px 0 0; 
        background-color: #175069; background: linear-gradient(to top, #00324e 0%, #206992 100%);
        text-align: center; text-decoration: underline; padding: 10px 30px; color: #6effb6; font-size: 18px;}
    #creation-form .nav>li>a:focus, #creation-form .nav>li>a:hover {text-decoration: none; background-color: #076996; background: #076996;}

/* my-dapps.php */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .dapp-descr {margin-bottom: 50px; background: #fff; border-radius: 5px; box-shadow: 0 6px 13px 1px rgba(23, 28, 33, 0.14);}
    .dapp-descr h4 {color: #124765; font-size: 20px; padding: 10px 0 5px; margin-top: 0px;}
    .dapp-descr .fa {margin-right: 8px;}    
    .dapp-descr .list-group-item:last-child {border-bottom-right-radius: 0; border-bottom-left-radius: 0;}  
    .dapp-descr .list-group-item.active, .dapp-descr .list-group-item.active:focus, 
    .dapp-descr .list-group-item.active:hover {
        text-align: left; font-size: 18px; color: #ffffff; background-color: #65dae1; border-color: #e7edf3;} 
    .block-iframe {
        margin-bottom: 50px; padding: 40px 10px 80px; background: #fff; border-radius: 5px; box-shadow: 0 6px 13px 1px rgba(23, 28, 33, 0.14); }
    #dapps-list a.inactive {    
        text-align: left; cursor: pointer; font-size: 18px; color: #717e94; background-color: #eaf0f7; border: solid 1px #f3f6f9;}
    #dapps-list a.inactive:hover {background-color: #d3ebf5;}
    .modal .one-settings {margin-bottom: 10px; }
    .modal .one-settings p {font-size: 16px; color:#2c6484; margin: 0 0 5px;}    
    .modal .one-settings .input-group-addon:last-child {border-left: 0; background-color: #eaf0f7; border-color: #eaf0f7;}
    .one-settings .input-lg {font-size: 16px; height: 36px;}
    .form-control {border: 1px solid #eaf0f7;}
    .form-control:focus {border-color: #06ffc8; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(31, 226, 132, 0.28);}    
    .form-bonus .bonus .input-group .form-control {border: 1px solid #eaf0f7;}
    .form-bonus .bonus .input-group .form-control:focus {
        border-color: #06ffc8; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(31, 226, 132, 0.28);}    
    .form-bonus .bonus .btn-me {
        color: #fff; border: none; font-size: 18px; background: #42d3e6; padding: 7px 15px; text-transform: uppercase;}   
    .form-bonus .bonus .btn-me:hover {background: #4fe0f3;}
    .form-hackathon .btn-me {
        font-family: 'Ubuntu-M', sans-serif, Arial; color: #fff; border: none; font-size: 16px; background: #42d3e6;
        padding: 6px 18px; line-height: 1.65; border-radius: 50px !important; display: block; float: right; margin-top: 10px;}   
    .form-hackathon .btn-me:hover {background: #4fe0f3;}
    .bonus-history {}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* FOOTER admin */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .social {padding-bottom: 20px;}
    .social h4 {color: #858a90; font-size: 18px; font-family: 'Ubuntu-R', sans-serif; }
    .social ul {padding: 0; list-style: none; margin: 10px 0 10px;}
    .admin-footer .social li {display: inline-block; padding-top: .3em;}
    .admin-footer .social li a {          
        font-size: 26px; display: block; margin: 0 12px; color: #99bcd6; border: none; -webkit-transition: all .2s ease; transition: all .2s ease;}
    .admin-footer .social li a:hover {color: #19c0de;}
    .admin-footer {min-height: 80px; background: #e7edf3; border-top: solid 1px #d2d5e1;}
    .admin-footer .copyright-txt a {color: #7d9bb1; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
    .admin-footer .copyright-txt a:hover {text-decoration: underline;}
    .admin-footer .copyright-txt {color: #9ba7af; padding-top:20px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    .feed_block {margin-bottom: 100px;}
    .feed_block .data_feed {color: #8b95a7;}
    .feed_block .fa {color: #3dd3e6; margin-right: 5px;}
    .feed_block .feed_one {
        border-bottom: solid 1px #dce3ea; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
        padding: 10px 20px 15px; margin-bottom: 14px; font-size: 16px;}
    .feed_block .feed_one:hover {} 

    .feed_block a { font-family: 'Ubuntu-M', sans-serif, Arial; color: #33bade;}    
    .feed_block a:hover {text-decoration: underline;}    
    .feed_block .btn_bloc {}
    .feed_block .data_name {color: #587198; font-family: 'Ubuntu-M', sans-serif, Arial;}
    .feed_block .feed_img {margin: 10px 10px 20px 10px; max-width: 100%; float: left;}
    .feed_block .feed_img img {width: 65px;}
    .data_feed_block {text-align: right; float: right; font-family: sans-serif, Arial; font-size: 14px;}
  
 /* additional styles */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/  
    #wallets-confirmations {cursor: pointer;}
    .grey-comment {color: #4f617e; font-size: 18px; margin: 0; line-height: 1.2; font-family: sans-serif, Arial;}
    .color-red {color: red!important;}
    
    /* ScrollToTop */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
    .scrollToTop{
        width: 40px; height: 40px; padding: 2px; border-radius: 50%; display: none;
        font-size: 30px; text-align: center; background: rgba(17, 186, 213, 0.52);
        color: white; position: fixed; bottom: 40px; right: 44px;}
    .scrollToTop:hover {background: rgb(17, 186, 213); color: white;}
    .control-group .controls {overflow-x: hidden;}
    .footer .scrollToTop {font-size: 30px; color: #fff;}
    .footer .scrollToTop:hover {color: #09756f;}
    /*.zopim {transform: scale(1.8); width: 255px;}*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    
/* simulator-iframe */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/    
    #simulator-iframe .dapp-type-h-style {margin-top: 10px; font-size: 28px;}
    #simulator-iframe .creation-form { display: block; margin-bottom: 10px; padding-top: 10px;}
    
/* MEDIA */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    @media (min-width : 1700px) {
        .form-hackathon {margin-left: 60px; margin-right: 60px;}
    }
    @media (max-width : 1690px) { 
    }
    @media (max-width : 1460px) { 
        .form-hackathon .nav-tabs .contract_block {margin: 30px 10px 40px;}
        .form-hackathon .nav-tabs .contract_block h3 {font-size: 18px;}
    }
    @media (max-width : 1400px) { 
    }
    @media (max-width : 1198px) { 
        .form-hackathon .nav-tabs .contract_block {margin: 30px 40px 40px;}
    }
    @media (max-width : 1500px) {
        .btn-default {padding: 12px 10px;}
    }   
    @media (max-width : 1200px) and (min-width: 992px) {
        .btn-primary, .btn-default {font-size: 16px;} 
        .btn-create {padding: 8px 16px;}
        .btn-back {left: 25px; top: 0px;}
        .form-hackathon {margin-left: 0px; margin-right: 0px;}
    }
    @media (max-width: 992px) { 
        .dapp-type-h-style {margin-top: 40px; font-size: 30px;}
        .block-iframe { margin: 20px 150px;}
        .form-hackathon .dapps-plate>li {float: none; margin-bottom: 0px; display: inline-block;}
        .form-hackathon .nav-tabs .contract_block {margin: 30px auto 40px; box-shadow: none;}
        .form-hackathon {margin-left: 25px; margin-right: 25px;}
    }
    @media (max-width: 767px) { 
        .dapp-type-block {padding: 10px 5px 10px;}
        .btn-primary {font-size: 16px;} 
        .dapp-name-block {padding: 0 10px;}
        .back-block {margin-bottom: 15px;}
        .cont-page {margin-bottom: 0px;}
        .form-bonus {margin-bottom: 0px; padding: 0px 10px 40px;}
        .modal .close {position: inherit; color: #626873;}
    }
    @media (max-width: 667px) { 
        .block-iframe { margin: 20px 40px;} } 
    @media (max-width: 568px) {
        .form-bonus {border-radius: 0;}
        .form-hackathon {border-radius: 0;}    
        .dapp-descr {border-radius: 0; }
    }
    @media (max-width: 480px) {
        .block-iframe {margin: 20px 20px;} 
        .btn-primary {font-size: 16px; padding: 12px 20px;}
        .btn-primary:hover {text-decoration: none;}
        .btn-default {border: none; font-size: 14px; padding: 0; color: #00c382; background: inherit; text-decoration: underline;}
        .btn-default:hover {font-size: 14px; padding: 0; border: none; color: #00c382; background: inherit; text-decoration: none;} 
        .modal-body {padding: 5px 10px 20px;}    
        .form-hackathon h4 {padding-top: 40px;}  
        .creation-form {display: block; margin-bottom: 20px; padding-top: 20px;}
        .form-hackathon .input-group-addon {white-space: inherit;}
        .form-hackathon .form-control {}
        .btn-danger, .form-hackathon .btn-me {border-radius: 0px;}
        .form-hackathon .title-step {margin: 10px 0px 10px;}
        .dapp-type-h-style {padding-bottom: 10px;}
        .form-hackathon {margin-left: 0px; margin-right: 0px; margin-bottom: 0px;}
        .cont-page {margin-bottom: 0px;}
        .dapp-descr h4 {margin-top: 0px;}
        .desktoplink {padding: 20px 6px 20px;}
        .btn-add {white-space: initial; padding: 8px 8px;}
        .btn-customize {white-space: initial;}    
    }   
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/