/*
Created by: @themepixels
URL: http://themepixels.com/

[TABLE OF CONTENTS]

1.  IMPORTS
2.  RESET STYLES
3.  HEADER STYLES
    3.1 HEADER LEFT
    3.2 HEADER RIGHT
4.  MAIN WRAPPER STYLES
    4.1 LEFT PANEL STYLES
        4.1.1 LEFT PANEL NAVIGATION
    4.2 MAIN PANEL STYLES
        4.2.1 CONTENT PANEL STYLES
5.  MESSAGES STYLES
6.  UI ELEMENTS STYLES
    6.1 BUTTONS PAGE STYLES
    6.2 EXTRAS STYLES
    6.3 GRAPHS STYLES
    6.4 ICON STYLES
    6.5 PANELS & WIDGET STYLES
    6.6 TABS & ACCORDION STYLES
7.  FORM STYLES
    7.1 FORM WIZARD STYLES
8.  TABLE STYLES
9.  PAGES STYLES
    9.1 NOT FOUND PAGE STYLES
    9.2 INVOICE STYLES
    9.3 MEDIA MANAGER STYLES
    9.4 PEOPLE DIRECTORY STYLES
    9.5 PROFILE STYLES
    9.6 SEARCH RESULTS STYLES
    9.7 SIGN IN/UP PAGE STYLES
    9.8 LOCKED SCREEN STYLES
10. DASHBOARD STYLES
11. LEFT MENU COLLAPSE STYLES
12. CUSTOM STYLES
13. MEDIA QUERIES

*/


/********** 1. IMPORTS **********/
/********************************/

@import url('bootstrap.min.css?20180314');
@import url('bootstrap-override.css');
@import url('weather-icons.min.css');
@import url('jquery-ui-1.10.3.css');
@import url('font-awesome.min.css');
@import url('animate.min.css');
@import url('animate.delay.css');
@import url('toggles.css');
@import url('pace.css');
@import url('jquery.dataTables.css?20200629');
@import url('logo.css?');


/********** 2. RESET STYLES **********/
/*************************************/

body {
    font-size: 13px;
    color: #636E7B;
    background-color: #fcfcfc;
    font-family: 'Poppins', sans-serif !important;

}

a {
    outline: none !important;
}

a:hover,
a:active,
a:focus {
    text-decoration: none;
}



/********** 3. HEADER STYLES **********/
/**************************************/

.headerwrapper {
    background-color: #fff;
    min-height: 50px;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

.headerwrapper:after {
    clear: both;
    display: block;
    content: '';
}


/***** 3.1 HEADER LEFT *****/

.headerwrapper .header-left {
    width: 230px;
    min-height: 50px;
    padding: 1px 15px;
    float: left;
    border-right: 1px solid rgba(255,255,255,0.14);
    background-color: rgba(0,0,0,0.03);
    position: relative;
    background: #fcfcfc; 
    /* box-shadow: 0 2px 3px rgba(0,0,0,0.03);  */
    border-right: 1px solid #eee;
}

.headerwrapper .header-left .logo {
    display: inline-block;
    margin-top: 15px;
    float: left;
}

.headerwrapper .header-left .logo img {
    width: 153px;
}

.headerwrapper .header-left .menu-collapse {
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    /* border: 1px solid rgba(255,255,255,0.3); */
    border-color: #0084B6;
    color: #0084B6;
    padding: 6px 9px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    font-size: 12px;
    line-height: normal;
    position: absolute;
    top: 11px;
    right: 15px;
}

.headerwrapper .header-left .menu-collapse:hover {
    border-color: #0084B6;
    color: #0084B6;
}

.displayed_profile small, 
.displayed_asset small{
    line-height: 14px !important;
    display: block;
}

/***** 3.2 HEADER RIGHT *****/

.headerwrapper .header-right {
    margin-left: 230px;
    min-height: 50px;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
}

.headerwrapper .header-right .btn-group {
    margin: 0;
    line-height: 21px;
    float: left;
}

.headerwrapper .header-right .btn-group > .btn {
    border: 0;
    background-color: rgba(0,0,0,0.1);
    color: rgba(255,255,255,0.75);
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    line-height: normal;
    margin-left: 5px;
    height: 33px;
}

.headerwrapper .header-right .btn-group > .btn:hover {
    background-color: rgba(0,0,0,0.2);
}

.headerwrapper .header-right .btn-group > .btn:focus,
.headerwrapper .header-right .btn-group > .btn:active {
    color: #fff;
    background-color: rgba(0,0,0,0.3);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.headerwrapper .header-right .btn-group .btn .badge {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: red;
    color: #ffffff;
    position: absolute;
    display:flex;
    justify-content: center;
    right: 5px;
    width: 18px;
    height: 18px;
    font-size: 9px;
}

.headerwrapper .header-right .btn-group .btn .badge:not(.hide) {
    display:flex !important;
    justify-content: center;
    align-items: center;
}

.btn-group-notification > .btn {
    padding: 7px 10px;
}

.btn-group-messages > .btn {
    padding: 6px 9px 8px 9px;
}

.btn-group-option > .btn {
    padding: 7px 12px;
}

.headerwrapper .header-right .btn-group .dropdown-menu {
    -moz-box-shadow: 3px 3px 0 rgba(0,0,0,0.05);
    -webkit-box-shadow: 3px 3px 0 rgba(0,0,0,0.05);
    box-shadow: 3px 3px 2px rgba(0,0,0,0.05);
    margin-top: 13px;
    border-top: 0;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    /* border-color: #ccc; */
}

.headerwrapper .header-right .btn-group .dropdown-menu:after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid rgba(0,0,0,0);
    border-right: 6px solid rgba(0,0,0,0);
    content: '';
    display: inline-block;
    position: absolute;
    top: -6px;
    right: 10px;
}

.headerwrapper .header-right .btn-group .dropdown-menu li {
    position: relative;
}

.headerwrapper .header-right .btn-group .dropdown-menu li a {
    font-size: 12px;
    padding: 8px 15px;
    color: #555;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.headerwrapper .header-right .btn-group .dropdown-menu li a:hover {
    color: #333;
    background-color: #E4E7EA;
}

.headerwrapper .header-right .btn-group .dropdown-menu .divider {
    margin: 5px 0;
}

.headerwrapper .header-right .btn-group-option .dropdown-menu li .glyphicon,
.headerwrapper .header-right .btn-group-option .dropdown-menu li .fa {
    margin-right: 10px;
}

.headerwrapper .header-right .btn-group-option .dropdown-menu {
    min-width: 180px;
    margin-top: 13px;
}

.headerwrapper .header-right .form-search {
    float: left;
    margin-right: 10px;
    margin-top: 0;
    position: relative;
}

.headerwrapper .header-right .form-search:before {
    position: absolute;
    top: 6px;
    left: 10px;
    font-family: 'Glyphicons Halflings';
    content: '\e003';
    color: #666;
}

.headerwrapper .header-right .form-search .form-control {
    border: 0;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    width: 200px;
    padding-left: 30px;
    height: 32px;
    font-size: 13px;
}

.headerwrapper .header-right .btn-group-list .dropdown-menu {
    padding: 0;
    min-width: 380px;
    border: 1px solid #E4E7EE;
    border-radius: 6px;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
}

.headerwrapper .header-right .btn-group-list .dropdown-menu:after {
    border-bottom-color: #E4E7EA;
    display: none !important;
}

.headerwrapper .header-right div.dropdown-menu h5 {
    /* padding: 13px 0;
    text-align: center;
    background-color: #E4E7EA;
    margin: 0;
    font-size: 13px;
    border-bottom: 1px solid #ccc; */
}

.headerwrapper .header-right .dropdown-footer {
    background-color: #f7f7f7;
    border-top: 1px solid #ddd;
    padding: 10px;
    font-size: 12px;
}

.headerwrapper .header-right .link-right {
    color: #636E7B;
    position: absolute;
    top: 10px;
    right: 15px;
}

.dropdown-list {
    margin: 0;
}

.dropdown-list li {
    border: 0;
    /* border-top: 1px solid #eee; */
    padding: 10px;
    margin: 0;
    cursor: pointer;
}

.dropdown-list li:hover {
    background-color: #fcfcfc;
}

.dropdown-list li:first-child {
    border-top: 0;
}

.dropdown-list li .noti-thumb {
	padding-top: 3px;
    width: 40px;
}

.dropdown-list .media-body {
    font-size: 13px;
    line-height: 18px;
}

.dropdown-list .media-body strong {
    font-weight: 500;
    color: #2f363d;
}

.dropdown-list .media-body p {
    margin: 0;
}

.dropdown-list .media-body .date {
    display: block;
    margin-top: 2px;
    line-height: normal;
    color: #999;
}

.dropdown-list .media-body .date i {
    margin-right: 2px;
    margin-top: -3px;
    vertical-align: middle;
}

.dropdown-list .badge {
    float: right;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-weight: normal;
    font-size: 11px;
    padding: 5px 8px;
}



/********* 4. MAIN WRAPPER STYLES *********/
/******************************************/

.mainwrapper {
    position: relative;
    top: 50px;
}

.mainwrapper:before {
    z-index: 10;
    background: white;
    content: '';
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 230px;
    border-right: 1px solid #e7e7e7;
}

.mainwrapper:after {
    clear: both;
    display: block;
    content: '';
}

.img-online {
    border: 2px solid #5cb85c;
    padding: 2px;
    background-color: #fcfcfc;
}

.img-offline {
    border: 2px solid #ccc;
    padding: 2px;
    background-color: #fcfcfc;
}



/***** 4.1 LEFT PANEL STYLES *****/

.leftpanel {
    width: 230px;
    position: fixed;
    top: 50px;
    left: 0;
    z-index: 10;
}

.leftpanel .profile-left {
    padding: 15px;
    min-height: 90px;
    background-color: #fcfcfc;
    /* border-bottom: 1px solid #eee; */
    /* -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.03); */
    /* box-shadow: 0 2px 3px rgba(0,0,0,0.03); */
    margin-right: 1px;
}

.profile-thumb {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    border: 2px solid #5cb85c;
    padding: 2px;
}

.profile-thumb img {
    width: 50px;
}

.leftpanel .profile-left .media-heading {
    line-height: 18px;
    margin-top: 12px;
    font-weight: bold;
    font-size: 15px;
}

.leftpanel .profile-left small {
    line-height: 18px;
}

.leftpanel .leftpanel-title {
    text-transform: uppercase;
    color: #ccc;
    font-size: 11px;
    font-weight: normal;
    margin: 15px 15px;
}


/***** 4.1.1 LEFT PANEL NAVIGATION *****/

.leftpanel .nav {
    position: relative;
    /* border-bottom: 1px solid #e7e7e7; */
}

.leftpanel .nav > li {
    margin: 0 1px 0 0;
    font-size: 13px;
    font-weight: 500;
    /* border-top: 1px solid #e7e7e7; */
    position: relative;
}

.leftpanel .nav > li.active {
    border-top: 0;
    margin-right: 0;
}

.leftpanel .nav > li.active + li {
    border-top: 0;
}

.leftpanel .nav > li > a {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #555;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    padding: 12px 15px;
}

.leftpanel .nav > li > a:hover,
.leftpanel .nav > li > a:focus,
.leftpanel .nav > li > a:active {
    background-color: #f7f7f7;
}

.leftpanel .nav > li.active > a {
    color: #169DD0;
    background-color: #c2cfed20;
}
.leftpanel .nav > li.active > a:hover {
    background-color: #c2cfed20;
   
}

.leftpanel .nav > li.atlcoinmenu > a,
.leftpanel .nav > li.atlcoinmenu > a:hover {
    color: #444;
    background-color: #fcfcfc;
    border-top: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
}

.leftpanel .nav > li.atlcoinmenu > a.active,
.leftpanel .nav > li.atlcoinmenu > a.active:hover {
    color: #fff;
    background-color: #0084B6;
}

.leftpanel .nav > li > a i {
    width: 16px;
    margin-right: 5px;
    color: #0084B6;
    font-size: 15px;
    top: 1px;
    position: relative;
    text-align: center;
}

.leftpanel .nav > li.active > a i {
    /* color: #fff; */
}

.leftpanel .nav > li.nav-hover > a i {
 color:#0084B6;
}

.leftpanel .nav > li.active.atlcoinmenu > a i {
    color: #0084B6;
}

.leftpanel .nav > li.parent:after {
    font-family: 'FontAwesome';
    content: url('../images/chevron-down.svg');
    display: block;
    position: absolute;
    top: 12px;
    right: 22px;
    color: #ccc;
}

.leftpanel .nav > li.parent.parent-focus:after {
    transform:rotate(-180deg);
}

.leftpanel .nav > li.parent-focus > a {
    background-color: #f7f7f7;
}

.leftpanel .nav .badge {
    font-weight: normal;
    line-height: normal;
    font-size: 11px;
    background-color: #2f363d;
}

.leftpanel .nav .children {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
}

.leftpanel .nav .active .children,
.leftpanel .nav .parent-focus .children {
    display: block;
}

.leftpanel .nav > li.active:after {
    color: #fff;
}

.leftpanel .nav .children li:first-child {
    /* border-top: 1px solid #e7e7e7; */
}

.leftpanel .nav .children li.active:first-child {
    border-top: 0;
}

.leftpanel .nav .children li a {
    font-weight: normal;
    font-size: 13px;
    display: block;
    color: #444;
    padding: 6px 10px 6px 15px;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.leftpanel .nav .children li a:hover {
    text-decoration: none;
    background-color: #f7f7f7;
}

.leftpanel .nav .children li.active a {
    background-color: #e4e7ea;
}

.leftpanel .nav .active .children {
    /* border-bottom: 1px solid #e7e7e7; */
}

.leftpanel .nav .active .children {
    margin-right: 1px;
}

/* Fix Children Menu on Left Panel Trading Contest Issue */

.leftpanel li {
    display: block;
}


/***** 4.2 MAIN PANEL STYLES *****/

.mainpanel {
    margin-left: 230px;
}

.pageheader {
    padding: 15px 20px 0;
    border-bottom: 1px solid #eee;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.03);
    box-shadow: 0 2px 3px rgba(0,0,0,0.03);
}

.pageheader .media {
    padding: 0;
    clear: both;
}

.pageheader .pageicon {
    width: 50px;
    height: 50px;
    background-color: #4e5154;
    display: inline-block;
    color: #fff;
    font-size: 32px;
    border-radius: 3px;
    padding-top: 1px;
    padding-left: 10px;
}

.pageheader .pageicon .fa-envelope-o {
    font-size: 31px;
}

.pageheader .pageicon .fa-bar-chart-o {
    font-size: 28px;
}

.pageheader .pageicon .fa-flag {
    font-size: 30px;
}

.pageheader .pageicon .fa-laptop {
    font-size: 28px;
}

.pageheader .pageicon .fa-navicon {
    font-size: 28px;
    margin-left: 3px;
}

.pageheader .pageicon .fa-code {
    font-size: 28px;
}

.pageheader .pageicon .fa-pencil {
    margin-left: 3px;
}

.pageheader .pageicon .fa-th-list {
    font-size: 28px;
    margin-left: 1px;
}

.pageheader .pageicon .fa-map-marker {
    margin-left: 5px;
}

.pageheader .pageicon .fa-calendar {
    font-size: 32px;
}

.pageheader .pageicon .fa-user {
    font-size: 28px;
    margin-left: 4px;
}

.pageheader .breadcrumb {
    margin: 0;
    padding: 0;
    background: none;
    font-size: 11px;
    color: #999;
    line-height: 18px;
}

.pageheader .breadcrumb li a {
    color: #333;
}

.pageheader .breadcrumb li a:hover,
.pageheader .breadcrumb li a:active,
.pagehaeder .breadcrumb li a:focus {
    color: #0084B6;
}

.pageheader .breadcrumb li a i {
    color: #999;
    font-size: 10px;
}

.pageheader h4 {
    margin: -2px 0 0 0;
    font-size: 28px;
    font-weight: 500;
    color: #2f363d;
    line-height: normal;
}



/***** 4.2.1 CONTENT PANEL STYLES *****/

.contentpanel {
    position: relative;
    padding: 20px;
}

.bg-light {
    background-color: #ccc;
}




/******** 5. MESSAGES STYLES *********/
/*************************************/

.msg-left {
    float: left;
    width: 250px;
    position: relative;
    z-index: 50;
}

.nav-msg li a {
    color: #444;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.nav-msg li a i {
    display: inline-block;
    margin-right: 10px;
}

.nav-msg li a .badge {
    font-weight: normal;
    line-height: normal;
    font-size: 11px;
    margin-top: 1px;
}

.nav-msg li.active a {
    background-color: #4e5154;
    color: #fff;
}

.nav-msg li.active a:hover,
.nav-msg li.active a:focus,
.nav-msg li.active a:active {
    background-color: #444649;
}

.nav-msg li.active a .badge {
    color: #666;
}

.sm-title {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: normal;
}

.md-title {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
}

.lg-title {
    font-weight: 500;
    color: #333;
    margin: 0;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 13px;
}

.xlg-title {
    margin: 0;
    font-weight: 400;
    color: #333;
}

.msg-list > li {
    border: 1px solid #eee;
    background-color: #fcfcfc;
    border-bottom: 0;
    padding: 10px;
    margin: 0;
}

.msg-list > li.unread {
    background-color: #fcfcfc;
}

.msg-list > li:first-child {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.msg-list > li:last-child {
    border-bottom: 1px solid #eee;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.msg-list .media-object {
    width: 40px;
}

.msg-list > li .sender {
    font-weight: 500;
    margin: 0;
    font-size: 12px;
    color: #333;
}

.msg-list > li p {
    margin: 0;
}

.msg-list > li p a {
    color: #999;
}

.msg-list > li p a:hover,
.msg-list > li p a:active,
.msg-list > li p a:focus {
    text-decoration: none;
}

.msg-list > li .subject {
    color: #333;
}

.msg-list .media-option > a {
    color: #999;
    margin-left: 5px;
}

.msg-list .media-option a:hover {
    color: #666;
}

.msg-list .btn-group {
    margin: 0;
    margin-top: -3px;
    margin-left: 5px;
}

.msg-list .btn-group > .btn {
    padding: 0;
    background: none;
    color: #999;
    border: 0;
}

.msg-list li.media,
.msg-list li.media .media-body {
    overflow: visible;
}

.msg-list .dropdown-menu li {
    font-size: 12px;
}

.msg-list .dropdown-menu .divider {
    margin: 5px 0;
}

.msg-list .ckbox {
    margin-top: 12px;
}

.msg-list li.highlighted {
    background-color: #fffeee;
}

.msg-header {
    margin-bottom: 25px;
    margin-top: 5px;
}

.msg-header:after {
    clear: both;
    display: block;
    content: '';
}

.msg-header .btn-group {
    margin: 0;
}

.msg-header .btn {
    padding: 0;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border-width: 2px;
    width: 35px;
    height: 35px;
    color: #999;
    margin-right: 5px;
}

.msg-header .btn-navi {
    font-size: 14px;
    color: #999;
}

.msg-header .btn:hover,
.msg-header .btn:active,
.msg-header .btn:focus {
    background-color: #fcfcfc;
    border-color: #666;
    color: #666;
}

.msg-header .btn-navi {
    margin-right: 0;
}

.msg-header .btn-navi-left i {
    margin-left: -3px;
}

.msg-header .btn-navi-right i {
    margin-left: 2px;
}

.msg-header .dropdown-menu {
    margin-top: 12px;
}

.msg-header .dropdown-menu:after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid rgba(0,0,0,0);
    border-right: 6px solid rgba(0,0,0,0);
    content: '';
    display: inline-block;
    position: absolute;
    top: -6px;
    right: 15px;
}

.msg-header .dropdown-menu:before {
    border-bottom: 7px solid #ddd;
    border-left: 7px solid rgba(0,0,0,0);
    border-right: 7px solid rgba(0,0,0,0);
    content: '';
    display: inline-block;
    position: absolute;
    top: -8px;
    right: 14px;
}

.msg-header .dropdown-menu li {
    font-size: 12px;
}

.msg-header .dropdown-menu li i {
    margin-right: 8px;
}

.panel-group-msg {
    margin-top: 15px;
}

.panel-group-msg .panel {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-group-msg .panel-heading {
    padding: 10px;
}

.panel-group-msg .img {
    width: 30px;
    margin: 0;
}

.panel-group-msg .panel-title {
    font-weight: 500;
    color: #444;
    font-size: 14px;
}

.panel-group-msg .time {
    margin: 5px 20px 0 0;
    font-weight: normal;
    font-size: 12px;
}

.panel-group-msg .time i {
    font-size: 16px;
}

.msg-reply {
    margin-left: 15px;
}

.msg-reply img {
    width: 30px;
}

.btn-create-msg {
    padding: 12px 10px;
}

.alert-metro {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}


/********* 6. UI ELEMENTS *********/
.otp-field {
    display: flex;
    justify-content: center;
    align-items: center;
}
.otp-field input {
    width: 45px;
    font-size: 20px;
    padding: 5px;
    text-align: center;
    border-radius: 9px;
    margin: 4px;
    border: 1px solid #ccc;
    background: #fff;
    font-weight: 600;
    color: #232832;
    transition: all 0.1s;
}

.otp-field input:focus {
    border: 1px solid #169DD0;
}
.otp-field-valid {
    border: 1px solid #169DD0 !important;
}
.otp-field-invalid {
    border: 1px solid #E14B4B !important;
}

.modal-center {
    position: relative; 
    top: 50%; 
    transform: translateY(-50%) !important;
}
/**********************************/


/***** 6.1 BUTTONS PAGE STYLES *****/

.btn-dark {
    background-color: #4e5154;
    color: #fff;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    background-color: #414446;
    color: #fff;
}

.btn-list .btn {
    margin: 0 3px 7px 0;
}

.btn-rounded {
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    padding-left: 20px;
    padding-right: 20px;
}

.btn.btn-bordered {
    padding: 6px 13px;
}

.btn-sm.btn-bordered {
    padding: 4px 10px; 
}

.btn-xs.btn-bordered {
    padding: 2px 8px;
}

.btn.btn-bordered,
.btn.btn-bordered:hover,
.btn.btn-bordered:focus,
.btn.btn-bordered:active {
    background: none !important;
    border-width: 2px;
}

.btn-primary.btn-bordered,
.btn-primary.btn-bordered:hover,
.btn-primary.btn-bordered:active,
.btn-primary.btn-bordered:focus {
    color: #0084B6;
}

.btn-success.btn-bordered,
.btn-success.btn-bordered:hover,
.btn-success.btn-bordered:active,
.btn-success.btn-bordered:focus {
    color: #5cb85c;
}

.btn-warning.btn-bordered,
.btn-warning.btn-bordered:hover,
.btn-warning.btn-bordered:active,
.btn-warning.btn-bordered:focus {
    color: #eea236;
}

.btn-danger.btn-bordered,
.btn-danger.btn-bordered:focus,
.btn-danger.btn-bordered:active,
.btn-danger.btn-bordered:hover {
    color: #d9534f;
}

.btn-info.btn-bordered,
.btn-info.btn-bordered:focus,
.btn-info.btn-bordered:active,
.btn-info.btn-bordered:hover {
    color: #46b8da;
}

.btn.btn-metro {
    font-weight: 300;
    letter-spacing: 0.3px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.btn-group .btn.btn-bordered + .btn.btn-bordered,
.btn-group .btn.btn-bordered + .btn-group,
.btn-group .btn-group + .btn.btn-bordered,
.btn-group .btn-group + .btn-group {
    margin-left: -2px;
}

.btn-group .btn.btn-bordered {
    padding-left: 14px;
    padding-right: 15px;
}



/***** 6.2 EXTRAS STYLES *****/

.dropdown-demo-only {
    position: static;
    display: inline-block;
    margin-right: 10px;
    width: 160px;
    float: none;
    margin-bottom: 20px;
}

.dropdown-menu-primary {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #0084B6;
}

.dropdown-menu-primary > li > a {
    color: #0084B6;
}

.dropdown-menu-primary > li > a:hover {
    background-color: #0084B6;
    color: #fff;
}

.dropdown-menu-success {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #5cb85c;
}

.dropdown-menu-success > li > a {
    color: #5cb85c;
}

.dropdown-menu-success > li > a:hover {
    background-color: #5cb85c;
    color: #fff;
}

.dropdown-menu-danger {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #d9534f;
}

.dropdown-menu-danger > li > a {
    color: #d9534f;
}

.dropdown-menu-danger > li > a:hover {
    background-color: #d9534f;
    color: #fff;
}

.dropdown-menu-warning {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #f0ad4e;
}

.dropdown-menu-warning > li > a {
    color: #f0ad4e;
}

.dropdown-menu-warning > li > a:hover {
    background-color: #f0ad4e;
    color: #fff;
}

.dropdown-menu-metro {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dropdown-menu-metro > li > a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.pagination-metro > li:first-child > a,
.pagination-metro > li:first-child > span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.pagination-metro > li:last-child > a,
.pagination-metro > li:last-child > span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.pagination-split.pagination-metro > li > a,
.pagination-split.pagination-metro > li > span {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.pagination-primary > li > a,
.pagination-primary > li > a:hover {
    border-color: #0084B6;
    color: #0084B6;
}

.pagination-primary > .disabled > span,
.pagination-primary > .disabled > span:hover,
.pagination-primary > .disabled > span:focus,
.pagination-primary > .disabled > a,
.pagination-primary > .disabled > a:hover,
.pagination-primary > .disabled > a:focus {
    border-color: #0084B6;
    color: #0084B6;
    opacity: 0.5;
}

.pagination-success > li > a,
.pagination-success > li > a:hover {
    border-color: #5cb85c;
    color: #5cb85c;
}

.pagination-success > .disabled > span,
.pagination-success > .disabled > span:hover,
.pagination-success > .disabled > span:focus,
.pagination-success > .disabled > a,
.pagination-success > .disabled > a:hover,
.pagination-success > .disabled > a:focus {
    border-color: #5cb85c;
    color: #5cb85c;
    opacity: 0.5;
}

.pagination-success > .active > a,
.pagination-success > .active > span,
.pagination-success > .active > a:hover,
.pagination-success > .active > span:hover,
.pagination-success > .active > a:focus,
.pagination-success > .active > span:focus {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.pagination-circled > li > a {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.pagination-circled > li:first-child > a,
.pagination-circled > li:first-child > span {
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
}

.pagination-circled > li:last-child > a,
.pagination-circled > li:last-child > span {
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
}

.pagination-circled > li:first-child > a,
.pagination-circled > li:last-child > a {
    padding: 6px 13px;
}

.pagination-active-success > .active > a,
.pagination-active-success > .active > span,
.pagination-active-success > .active > a:hover,
.pagination-active-success > .active > span:hover,
.pagination-active-success > .active > a:focus,
.pagination-active-success > .active > span:focus {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.pagination-active-success > li > a:hover,
.pagination-active-success > li > span:hover,
.pagination-active-success > li > a:focus,
.pagination-active-success > li > span:focus {
    color: #5cb85c;
}

.pagination-active-warning > .active > a,
.pagination-active-warning > .active > span,
.pagination-active-warning > .active > a:hover,
.pagination-active-warning > .active > span:hover,
.pagination-active-warning > .active > a:focus,
.pagination-active-warning > .active > span:focus {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.pagination-active-warning > li > a:hover,
.pagination-active-warning > li > span:hover,
.pagination-active-warning > li > a:focus,
.pagination-active-warning > li > span:focus {
    color: #f0ad4e;
}

.pagination-active-danger > .active > a,
.pagination-active-danger > .active > span,
.pagination-active-danger > .active > a:hover,
.pagination-active-danger > .active > span:hover,
.pagination-active-danger > .active > a:focus,
.pagination-active-danger > .active > span:focus {
    background-color: #d9534f;
    border-color: #d9534f;
}

.pagination-active-danger > li > a:hover,
.pagination-active-danger > li > span:hover,
.pagination-active-danger > li > a:focus,
.pagination-active-danger > li > span:focus {
    color: #d9534f;
}

.pagination-active-info > .active > a,
.pagination-active-info > .active > span,
.pagination-active-info > .active > a:hover,
.pagination-active-info > .active > span:hover,
.pagination-active-info > .active > a:focus,
.pagination-active-info > .active > span:focus {
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.pagination-active-info > li > a:hover,
.pagination-active-info > li > span:hover,
.pagination-active-info > li > a:focus,
.pagination-active-info > li > span:focus {
    color: #5bc0de;
}

.pagination-active-dark > .active > a,
.pagination-active-dark > .active > span,
.pagination-active-dark > .active > a:hover,
.pagination-active-dark > .active > span:hover,
.pagination-active-dark > .active > a:focus,
.pagination-active-dark > .active > span:focus {
    background-color: #4e5154;
    border-color: #4e5154;
}

.pagination-active-dark > li > a:hover,
.pagination-active-dark > li > span:hover,
.pagination-active-dark > li > a:focus,
.pagination-active-dark > li > span:focus {
    color: #4e5154;
}

.progress-metro {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}


/******* 6.3 GRAPHS STYLES *******/

.tinystat {
    display: inline-block;
}

.tinystat .chart,
.tinystat .datainfo {
    display: inline-block;
    vertical-align: middle;
}

.tinystat .chart {
    margin-right: 5px;
}

.tinystat .text-muted {
    text-transform: uppercase;
    font-size: 10px;
}

.tinystat h4 {
    margin: 0;
    color: #333;
    font-weight: bold;
    line-height: normal;
    font-size: 16px;
}

.tooltipflot {
    background-color: rgba(0,0,0,0.8);
    padding: 5px 10px;
    font-size: 11px;
    color: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    z-index: 1001;
}

.jqstooltip { 
    min-height: 25px;
    border: 0;
    min-width: 30px;
    height: auto !important;
    width: auto !important;
}

.flotGraph {
    width: 100%;
    height: 300px;
}



/***** 6.4 ICON STYLES *******/

.icon-list {
    margin: 20px 0;
    padding: 0;
    list-style: none;
}

.icon-list li {
    margin-bottom: 5px;
}

.icon-list li span {
    width: 20px;
    display: inline-block;
    margin-right: 5px;
    color: #333;
}



/***** 6.5 PANELS & WIDGETS STYLES *****/

.panel-dark {
    border-color: #4e5154;
}

.panel-dark .panel-heading {
    background-color: #4e5154;
    color: #fff;
}

.panel-success-alt {
    border-color: #4cae4c;
}

.panel-success-alt .panel-heading {
    background-color: #5cb85c;
    color: #fff;
}

.panel-info-alt {
    border-color: #46b8da;
}

.panel-info-alt .panel-heading {
    background-color: #5bc0de;
    color: #fff;
}

.panel-warning-alt {
    border-color: #eea236;
}

.panel-warning-alt .panel-heading {
    background-color: #f0ad4e;
    color: #fff;
}

.panel-danger-alt {
    border-color: #d43f3a;
}

.panel-danger-alt .panel-heading {
    background-color: #d9534f;
    color: #fff;
}

.panel-success-alt .panel-heading p a,
.panel-info-alt .panel-heading p a,
.panel-warning-alt .panel-heading p a,
.panel-danger-alt .panel-heading p a,
.panel-dark .panel-heading p a {
    color: #fff;
}

.panel-success-alt .panel-heading .panel-btns a,
.panel-info-alt .panel-heading .panel-btns a,
.panel-warning-alt .panel-heading .panel-btns a,
.panel-danger-alt .panel-heading .panel-btns a,
.panel-dark .panel-heading .panel-btns a {
    border-color: #fff;
    color: #fff;
    opacity: 0.75;
}

.panel-primary-head .panel-heading,
.panel-success-head .panel-heading,
.panel-warning-head .panel-heading,
.panel-danger-head .panel-heading,
.panel-info-head .panel-heading,
.panel-dark-head .panel-heading {
    border-bottom: 0;
    color: #fff;
}

.panel-primary-head .panel-heading p,
.panel-success-head .panel-heading p,
.panel-warning-head .panel-heading p,
.panel-danger-head .panel-heading p,
.panel-info-head .panel-heading p,
.panel-dark-head .panel-heading p {
    opacity: 0.75;    
}

.panel-primary-head .panel-body,
.panel-success-head .panel-body,
.panel-warning-head .panel-body,
.panel-danger-head .panel-body,
.panel-info-head .panel-body,
.panel-dark-head .panel-body {
    border: 1px solid #ddd;
    border-top: 0;
}

.panel-primary-head .panel-footer,
.panel-success-head .panel-footer,
.panel-warning-head .panel-footer,
.panel-danger-head .panel-footer,
.panel-info-head .panel-footer,
.panel-dark-head .panel-footer {
    border: 1px solid #ddd;
    border-top: 0;
}

.panel-primary-head .panel-heading {
    background-color: #0084B6;
}

.panel-success-head .panel-heading {
    background-color: #5cb85c;
}

.panel-warning-head .panel-heading {
    background-color: #f0ad4e;
}

.panel-danger-head .panel-heading {
    background-color: #d9534f;
}

.panel-info-head .panel-heading {
    background-color: #5bc0de;   
}

.panel-dark-head .panel-heading {
    background-color: #4e5154;
}

.panel-primary-head .panel-heading p a,
.panel-success-head .panel-heading p a,
.panel-info-head .panel-heading p a,
.panel-warning-head .panel-heading p a,
.panel-danger-head .panel-heading p a,
.panel-dark-head .panel-heading p a {
    color: #fff;
}

.panel-primary-head .panel-heading .panel-btns a,
.panel-success-head .panel-heading .panel-btns a,
.panel-info-head .panel-heading .panel-btns a,
.panel-warning-head .panel-heading .panel-btns a,
.panel-danger-head .panel-heading .panel-btns a,
.panel-dark-head .panel-heading .panel-btns a {
    border-color: #fff;
    color: #fff;
    opacity: 0.75;
}

.panel-metro,
.panel-metro .panel-heading,
.panel-metro .panel-footer {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.widget-messaging .new-msg {
    color: #fff;
    font-size: 18px;
    margin: 0;
    line-height: normal;
    opacity: 0.5;
}

.widget-messaging .new-msg:hover {
    opacity: 1;
}

.widget-messaging ul li:hover {
    background-color: #f7f7f7;
}

.widget-messaging .sender {
    color: #333;
    font-weight: 500;
    font-size: 14px;
    line-height: normal;
    margin: 0;
}

.widget-messaging ul li p {
    line-height: normal;
    margin: 0;
}

.widget-todo .panel-heading a {
    color: #fff;
}

.widget-todo ul > li input:checked + label {
    text-decoration: line-through;
}

.widget-slider .carousel-control {
    background: none;
    bottom: auto;
    color: #fff;
    line-height: 10px;
    padding: 0;
    text-shadow: none;
    top: -65px;
    width: auto;
    opacity: 0.75;
    border: 1px solid #fff;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.widget-slider .carousel-control:hover {
    opacity: 1;    
}

.widget-slider .carousel-control.left {
    left: auto;
    right: 25px;
    padding: 1px 10px 3px 8px;
}

.widget-slider .carousel-control.right {
    right: -5px;
    padding: 1px 8px 3px 10px;    
}

.widget-slider .carousel-control span {
    font-size: 18px;
    line-height: normal;
}

.widget-slider .media {
    padding-bottom: 0;
}

.widget-slider .carousel-indicators {
    bottom: auto;
    left: auto;
    right: 0;
    top: -58px;
    width: auto;
}




/***** 6.6 TABS & ACCORDION STYLES *****/

.nav-primary {
    border-color: #357ebd;
    background-color: #0084B6;
}

.nav-primary > li.active > a,
.nav-primary > li.active > a:hover,
.nav-primary > li.active > a:focus,
.nav-primary > li.active > a:active {
    border-top-color: #357ebd;
    border-left-color: #357ebd;
    border-right-color: #357ebd;
}

.nav-success {
    border-color: #5cb85c;
    background-color: #5cb85c;
}

.nav-info {
    border-color: #46b8da;
    background-color: #5bc0de;
}

.nav-danger {
    border-color: #d43f3a;
    background-color: #d9534f;
}

.nav-warning {
    border-color: #eea236;
    background-color: #f0ad4e;
}

.nav-success > li.active > a,
.nav-success > li.active > a:hover,
.nav-success > li.active > a:focus,
.nav-success > li.active > a:active {
    border-top-color: #5cb85c;
    border-left-color: #5cb85c;
    border-right-color: #5cb85c;
}

.nav-info > li.active > a,
.nav-info > li.active > a:hover,
.nav-info > li.active > a:focus,
.nav-info > li.active > a:active {
    border-top-color: #46b8da;
    border-left-color: #46b8da;
    border-right-color: #46b8da;
}

.nav-danger > li.active > a,
.nav-danger > li.active > a:hover,
.nav-danger > li.active > a:focus,
.nav-danger > li.active > a:active {
    border-top-color: #d43f3a;
    border-left-color: #d43f3a;
    border-right-color: #d43f3a;
}

.nav-warning > li.active > a,
.nav-warning > li.active > a:hover,
.nav-warning > li.active > a:focus,
.nav-warning > li.active > a:active {
    border-top-color: #eea236;
    border-left-color: #eea236;
    border-right-color: #eea236;
}

.nav-primary > li > a,
.nav-success > li > a,
.nav-info > li > a,
.nav-danger > li > a,
.nav-warning > li > a {
    color: #fff;
}

.nav-primary > li > a:hover,
.nav-success > li > a:hover,
.nav-info > li > a:hover,
.nav-danger > li > a:hover,
.nav-warning > li > a:hover {
    color: #fff;
    background-color: rgba(255,255,255,0.1);
}

.tab-content-primary {
    border-color: #357ebd;
}

.tab-content-success {
    border-color: #5cb85c;
}

.tab-content-info {
    border-color: #46b8da;
}

.tab-content-danger {
    border-color: #d43f3a;
}

.tab-content-warning {
    border-color: #eea236;
}

.nav-metro,
.nav-metro > li > a,
.nav-metro > li.active > a,
.tab-content-metro {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.panel-group .panel-heading {
    padding: 15px;
}

.panel-group .panel-heading .panel-title {
    font-size: 14px;
}

.nav-line {
    background: none;
    border: 0;
    margin-bottom: 20px;
    -moz-box-shadow: 0 3px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 3px 0 rgba(0,0,0,0.1);
    box-shadow: 0 3px 0 rgba(0,0,0,0.1);
}

.nav-line > li {
    margin: 0;
}

.nav-line > li > a,
.nav-line > li > a:hover,
.nav-line > li > a:active,
.nav-line > li > a:focus {
    border: 0;
    margin: 0 !important;
}

.nav-line > li.active > a,
.nav-line > li.active > a:hover,
.nav-line > li.active > a:active,
.nav-line > li.active > a:focus {
    border: 0;
}

.nav-line > li.active > a,
.nav-line > li.active > a:hover,
.nav-line > li.active > a:active,
.nav-line > li.active > a:focus {
    -moz-box-shadow: 0 3px 0 #0084B6;
    -webkit-box-shadow: 0 3px 0 #0084B6;
    box-shadow: 0 3px 0 #0084B6;
    margin: 0;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #0084B6;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}


/********** 7. FORM STYLES **********/
/************************************/

.ckbox,
.rdio {
    position: relative;
}

.ckbox input[type="checkbox"],
.rdio input[type="radio"] {
    opacity: 0;
}

.ckbox label,
.rdio label {
    padding-left: 10px;
    cursor: pointer;
    margin-bottom: 7px !important;
}

.ckbox label:before {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 1px;
    left: 0;
    content: '';
    display: inline-block;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #bbb;
    background: #fff;
}

.ckbox input[type="checkbox"]:disabled + label  {
    color: #999;
}

.ckbox input[type="checkbox"]:disabled + label:before  {
    background-color: #eee;
}

.ckbox input[type="checkbox"]:checked + label:after  {
    font-family: 'FontAwesome';
    content: "\F00C";
    position: absolute;
    top: 2.5px;
    left: 3.5px;
    display: inline-block;
    font-size: 11px;
    width: 16px;
    height: 16px;
    color: #fff;
}

.ckbox-default input[type="checkbox"]:checked + label:before {
    border-color: #999;
}

.ckbox-default input[type="checkbox"]:checked + label:after {
    color: #333;
}

.ckbox-primary input[type="checkbox"]:checked + label:before {
    border-color: #357EBD;
    background-color: #0084B6;
}

.ckbox-warning input[type="checkbox"]:checked + label:before {
    border-color: #EEA236;
    background-color: #F0AD4E;
}

.ckbox-success input[type="checkbox"]:checked + label:before {
    border-color: #5cb85c;
    background-color: #5cb85c;
}

.ckbox-danger input[type="checkbox"]:checked + label:before {
    border-color: #D43F3A;
    background-color: #D9534F;
}

.rdio label:before {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 1px;
    left: 0;
    content: '';
    display: inline-block;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid #bbb;
    background: #fff;
}

.rdio input[type="radio"]:disabled + label  {
    color: #999;
}

.rdio input[type="radio"]:disabled + label:before  {
    background-color: #eee;
}

.rdio input[type="radio"]:checked + label::after  {
    content: '';
    position: absolute;
    top: 5px;
    left: 4px;
    display: inline-block;
    font-size: 11px;
    width: 10px;
    height: 10px;
    background-color: #444;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.rdio-default input[type="radio"]:checked + label:before {
    border-color: #999;
}

.rdio-primary input[type="radio"]:checked + label:before {
    border-color: #0084B6;
}

.rdio-primary input[type="radio"]:checked + label::after {
    background-color: #0084B6;
}

.rdio-warning input[type="radio"]:checked + label:before {
    border-color: #F0AD4E;
}

.rdio-warning input[type="radio"]:checked + label::after {
    background-color: #F0AD4E;
}

.rdio-success input[type="radio"]:checked + label:before {
    border-color: #1CAF9A;
}

.rdio-success input[type="radio"]:checked + label::after {
    background-color: #1CAF9A;
}

.rdio-danger input[type="radio"]:checked + label:before {
    border-color: #D9534F;
}

.rdio-danger input[type="radio"]:checked + label::after {
    background-color: #D9534F;
}

.errorForm label {
    display: block;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    color: #a94442;
    padding: 5px 10px;
    display: block;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.form-group.has-error label.error {
    color: #a94442;
}

.errorForm label:last-child {
    margin-bottom: 20px !important;
}

.colorpicker-input {
    display: inline-block;
    width: 100px;
}


/***** 7.1 FORM WIZARD *****/

.nav-wizard {
    background-color: #ddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: -3px;
}

.nav-wizard > li {
    position: relative;
    margin-right: -2px;
}

.nav-wizard > li > a {
    color: #666;
}

.nav-wizard > li > a {
    position: relative;
    padding-left: 30px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.nav-wizard > li > a:after {
    border-left: 19px solid #ddd;
    border-top: 19px solid rgba(0,0,0,0);
    border-bottom: 19px solid rgba(0,0,0,0);
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    right: -19px;
    z-index: 10;
}

.nav-wizard > li > a:before {
    border-left: 20px solid #fff;
    border-top: 20px solid rgba(0,0,0,0);
    border-bottom: 20px solid rgba(0,0,0,0);
    content: '';
    display: inline-block;
    position: absolute;
    top: -1px;
    right: -20px;
    z-index: 5;
}

.nav-wizard > li > a:hover,
.nav-wizard > li > a:active,
.nav-wizard > li > a:focus {
    background-color: #ccc;
}

.nav-wizard > li > a:hover:after,
.nav-wizard > li > a:active:after,
.nav-wizard > li > a:focus:after {
    border-left-color: #ccc;
}

.nav-wizard > li:first-child > a {
    padding-left: 15px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.nav-wizard > li:last-child > a {
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.nav-wizard > li:last-child > a:after,
.nav-wizard > li:last-child > a:before {
    display: none;
}

.nav-wizard > li.active a,
.nav-wizard > li.active a:hover,
.nav-wizard > li.active a:focus,
.nav-wizard > li.active a:active {
    background-color: #4e5154;
    color: #fff;
}

.nav-wizard > li.active a:after {
    border-left-color: #4e5154;
}

.nav-wizard > li.done a {
    background-color: #0084B6;
    color: #fff;
}

.nav-wizard > li.done a:after {
    border-left-color: #0084B6;
}

.panel-wizard {
    margin-bottom: 20px;
}

.panel-wizard .tab-content {
    border: 1px solid #ddd;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    border-bottom: 0;
}

.panel-wizard .wizard {
    margin: 0;
    background-color: #fcfcfc;
    padding: 15px;
    border: 1px solid #ddd;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.panel-wizard .wizard:after {
    clear: both;
    display: block;
    content: '';
}

.panel-wizard .progress {
    margin-bottom: 5px;
}

.nav-disabled-click > li > a:hover,
.nav-disabled-click > li > a:active,
.nav-disabled-click > li > a:focus {
    background-color: #ddd;
    cursor: default;
}

.nav-disabled-click > li > a:hover:after,
.nav-disabled-click > li > a:active:after,
.nav-disabled-click > li > a:focus:after {
    border-left-color: #ddd;
}

.nav-disabled-click > li.active > a:hover:after,
.nav-disabled-click > li.active > a:active:after,
.nav-disabled-click > li.active > a:focus:after {
    border-left-color: #4e5154;
}

.nav-disabled-click > li.done > a:hover,
.nav-disabled-click > li.done > a:active,
.nav-disabled-click > li.done > a:focus {
    background-color: #0084B6;
}

.nav-disabled-click > li.done > a:hover:after,
.nav-disabled-click > li.done > a:active:after,
.nav-disabled-click > li.done > a:focus:after {
    border-left-color: #0084B6;
}

.nav-wizard-success > li.done > a {
    background-color: #5cb85c;
}

.nav-wizard-success > li.done > a:after {
    border-left-color: #5cb85c;
}

.nav-wizard-warning > li.done > a {
    background-color: #f0ad4e;
}

.nav-wizard-warning > li.done > a:after {
    border-left-color: #f0ad4e;
}

.nav-wizard-danger > li.done > a {
    background-color: #d9534f;
}

.nav-wizard-danger > li.done > a:after {
    border-left-color: #d9534f;
}

.nav-wizard-info > li.done > a {
    background-color: #5bc0de;
}

.nav-wizard-info > li.done > a:after {
    border-left-color: #5bc0de;
}


/********** 8. TABLE STYLES **********/
/*************************************/

.table-action a,
.table-action-hide a {
    color: #666;
    display: inline-block;
    margin-left: 2px;
}

.table-action-hide a {
    opacity: 0;
}

.table-primary thead tr th {
    background-color: #0084B6;
}

.table-success thead tr th {
    background-color: #5cb85c;
}

.table-warning thead tr th {
    background-color: #F0AD4E;
}

.table-danger thead tr th {
    background-color: #D9534F;
}

.table-info thead tr th {
    background-color: #5BC0DE;
}

.table-dark thead tr th {
    background-color: #4e5154;
}

.table.table-primary thead tr th,
.table.table-success thead tr th,
.table.table-danger thead tr th,
.table.table-warning thead tr th,
.table.table-info thead tr th,
.table.table-dark thead tr th {
    color: #fff;
    border-bottom: 0;
}

.table-bordered.table-primary thead tr th,
.table-bordered.table-success thead tr th,
.table-bordered.table-warning thead tr th,
.table-bordered.table-danger thead tr th,
.table-bordered.table-info thead tr th,
.table-bordered.table-dark thead tr th {
    border-color: rgba(255,255,255,0.2);
}

.table.table-primary tbody tr:first-child td,
.table.table-success tbody tr:first-child td,
.table.table-danger tbody tr:first-child td,
.table.table-warning tbody tr:first-child td,
.table.table-info tbody tr:first-child td,
.table.table-dark tbody tr:first-child td {
    border-top: 0;
}


/********** 9. PAGES STYLES **********/
/*************************************/


/***** 9.1 NOT FOUND PAGE STYLES *****/

.notfoundpanel {
    text-align: center;
    width: 600px;
    margin: 80px auto 0 auto;
    position: relative;
}

.notfoundpanel h1 {
    font-size: 180px;
    font-weight: 200;
    color: #000;
    margin: 0 0 10px 0;
    line-height: 180px;
    /* text-shadow: 4px 4px rgba(0,0,0,0.2); */
}

.notfoundpanel h3 {
    color: #333;
    margin: 0 0 10px 0;
}

.notfoundpanel p {
    font-size: 14px !important;
}

.notfoundpanel form {
    width: 350px;
    margin: 20px auto 0 auto;
}

.notfoundpanel .form-control {
    width: 250px;
    float: left;
}

.notfoundpanel .btn {
    padding: 9px 20px 10px 20px;    
}



/***** 9.2 INVOICE STYLES *****/


.table-invoice {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #ddd;
    margin-top: 20px;
}

.table-invoice thead > tr > th {
    font-weight: 500;
    padding: 15px;
}

.table-invoice thead > tr > th:last-child,
.table-invoice thead > tr > th:nth-child(3),
.table-invoice thead > tr > th:nth-child(2) {
    text-align: right;
}

.table-invoice tbody > tr > td {
    padding: 15px;
    border-color: #ddd;
}

.table-invoice tbody > tr > td:last-child,
.table-invoice tbody > tr > td:nth-child(3),
.table-invoice tbody > tr > td:nth-child(2) {
    width: 15%;
    text-align: right;
}

.table-invoice tbody > tr > td h5,
.table-invoice tbody > tr > td p {
    margin: 0;
}

.table-invoice thead > tr > th:nth-child(2) {
    background-color: #3f4144;
}

.table-invoice thead > tr > th:nth-child(3) {
    background-color: #484a4d;
}

.table-invoice thead > tr > th:last-child {
    background-color: #555;
}

.table-invoice tbody > tr > td:nth-child(2) {
    background-color: #eee;
}

.table-invoice tbody > tr > td:nth-child(3) {
    background-color: #f7f7f7;
}

.table-total {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: right;
}

.table-total > tbody > tr > td:first-child {
    border: 0;
    text-transform: uppercase;
    font-weight: normal;
    text-align: right;
}

.table-total > tbody > tr > td:last-child {
    border-bottom: 1px solid #ddd;
    width: 15%;
    text-align: right;
    font-size: 24px;
    font-weight: 500;
    color: #333;
}

table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
    border: 1px solid #ccc !important;
    background-color: #ddd !important;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;
    color: #666 !important;
    font-weight: bold !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}



/***** 9.3 MEDIA MANAGER STYLES *****/

.media-options {
    margin-bottom: 20px;
}

.media-options:after {
    clear: both;
    display: block;
    content: '';
}

.media-options .btn-group {
    margin-bottom: 0;
}

.media-option-group {
    margin: 0;
    margin-left: 5px;
}

.media-option-group label {
    margin-bottom: 0 !important;
}

.media-manager .thmb {
    border: 1px solid #e7e7e7;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 20px;
    position: relative;
}

.media-manager .thmb.checked {
    border-color: #bbb;
    background-color: #fcfcfc;
}

.media-manager .thmb::after {
    clear: both;
    display: block;
    content: '';
}

.media-manager .ckbox {
    position: absolute;
    top: 15px;
    left: 15px;
    display: none;
}

.media-manager .fm-group {
    position: absolute;
    top: 15px;
    right: 15px;
    display: none;
}

.media-manager .fm-toggle {
    padding: 1px 4px;
    line-height: normal;
    background: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.media-manager .fm-menu {
    min-width: 120px;
}

.media-manager .fm-menu a {
    font-size: 12px;
    color: #333;
    padding: 4px 8px;
}

.media-manager .fm-menu i {
    margin-right: 7px;
    color: #999;
    width: 16px;
    font-size: 13px;
}

.media-manager .thmb-prev {
    background: #eee;
    overflow: hidden;
}

.media-manager .thmb-prev a {
    display: block;
}

.media-manager .fm-title {
    margin-bottom: 0;
    font-size: 13px;
}

.media-manager .fm-title a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
}

.media-manager-sidebar {
    padding-left: 10px;
}

.media-manager-sidebar .lg-title a {
    color: #999;
    font-size: 11px;
}

.media-manager-sidebar .lg-title a:hover {
    text-decoration: none;
    color: #333;
}

.folder-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.folder-list li {
    display: block;
    border-bottom: 1px solid #eee;
}

.folder-list li a {
    display: block;
    padding: 7px 0;
    color: #666;
}

.folder-list li a:hover {
    color: #333;
    text-decoration: none;
}

.folder-list li i {
    margin-right: 10px;
    width: 16px;
}

.media-manager-sidebar .tag-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.media-manager-sidebar .tag-list li {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

.media-manager-sidebar .tag-list li a {
    display: block;
    padding: 5px 7px;
    font-size: 11px;
    background: #ddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #666;
}

.media-manager-sidebar .tag-list li a:hover {
    color: #fff;
    text-decoration: none;
    background: #0084B6;
}



/***** 9.4 PEOPLE DIRECTORY STYLES *****/


.nav-contacts {
    margin-bottom: 20px;
}

.nav-contacts li a {
    color: #666;
    font-weight: 400;
    font-size: 13px;
}

.nav-contacts li .badge {
    background: none;
    font-weight: 500;
    color: #333;
}

.nav-contacts li.active .badge {
    color: #fff;
    background: none;
}

.people-group .media img {
    width: 45px;
}

.people-group .list-group-item {
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0;
    border-width: 0;
}

.people-group .media-heading {
    margin-top: 5px;
}

.people-group .media-heading,
.people-group .media-body {
    line-height: normal;
}

.pagination-contact {
    margin-top: -3px;
}

.contact-group {
    margin-top: 20px;
}

.contact-group .media img {
    width: 80px;
}

.contact-group .list-group-item {

}

.contact-group .media-heading {
    font-size: 16px;
    font-weight: 500;
}

.contact-group .media-heading small {
    margin-left: 5px;
    font-size: 13px;
    font-weight: 400;
    color: #999;
}

.contact-group .list-group-item {
    border-color: #e7e7e7;
    margin-top: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.contact-group .list-group-item:hover {
    background-color: #fcfcfc;
}

.contact-group .media-content {
    margin-top: 5px;
}

.contact-group .media-content .fa {
    font-size: 16px;
    vertical-align: middle;
    width: 20px;
    color: #333;
}

.contact-group .media-content ul {
    margin-top: 15px;
    margin-bottom: 0;
}

.contact-group .media-content ul > li {
    display: inline-block;
    min-width: 200px;
    margin-bottom: 5px;
}


/***** 9.5 PROFILE STYLES *****/


.img-profile {
    display: inline-block;
    max-width: 200px;
}

.social-list > li {
    padding: 5px 0;
    border-bottom: 1px dashed #eee;
}

.social-list > li > i {
    width: 16px;
    margin-right: 5px;
}

.activity-list > .media {
    border-bottom: 1px dashed #ddd;
    padding-bottom: 15px;
    font-size: 14px;
}

.activity-list > .media:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.activity-list .media-object {
    width: 28px;
    vertical-align: middle;
}

.activity-list .media-body {
    line-height: 18px;
}

.activity-list .media-body p {
    line-height: 21px;
    font-size: 13px;
}

.activity-list .media-title {
    font-size: 15px;
    margin-bottom: 0;
}

.activity-list .blog-media {
    padding-bottom: 0;
}

.activity-list .blog-media .media-object {
    width: 120px;
    margin-right: 10px;
    margin-top: 5px;
}

.activity-list .blog-media .media-title {
    margin: 0;
}

.activity-list .img-single img {
    width: 50%;
}

.uploadphoto-list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 20px;
}

.uploadphoto-list li {
    width: 20%;
    float: left;
}

.uploadphoto-list li a {
    display: block;
    margin-right: 5px;
}

.follower-list {
    padding: 10px 10px 0 10px;
}

.follower-list .media {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.follower-list .media:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.follower-list .fa {
    margin-right: 5px;
    width: 16px;
    text-align: center;
}

.follower-list .media-object {
    margin-right: 10px;
}

.follower-name {
    color: #333;
    margin: 5px 0 0 0;
    font-size: 18px;
    margin-bottom: 5px;
}

.events .media {
    margin-bottom: 20px;
}

.events .media-object {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.events-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.events-list .media-body {
    font-size: 13px;
}

.event-body small {
    display: block;
}

.event-body small .fa {
    margin-right: 5px;
    width: 14px;
    text-align: center;
}

.event-body p {
    margin-top: 10px;
}

.event-title {
    margin: 0;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: normal;
}



/***** 9.6 SEARCH RESULTS *****/

.nav-file-type > li > a {
    color: #666;
}

.nav-file-type > li > a > i {
    width: 16px;
    margin-right: 5px;
    color: #333;
}

.nav-file-type > li.active > a,
.nav-file-type > li.active > a:hover {
    background-color: #4e5154;    
}

.nav-file-type > li.active > a > i {
    color: #fff;
}

.results-list .media {
    border-bottom: 1px solid #eee;
}

.results-list .media-object {
    width: 125px;
    margin-right: 10px;
}

.results-list .filename {
    margin: 0;
    font-size: 16px;
}

.results-list .media-body {
    line-height: 18px;
}

.pagination-search {
    margin-bottom: 10px;
    margin-top: 0;
}



/***** 9.7 SIGN IN/UP PAGE *****/
.verify_email {
    border-top: solid 1px #E4E7EE;
    padding-top: 20px;
}
.email_user {
    color: #169DD0;
}
.btn-group-optionn > .btn {
    padding: 1px 5px;
}
.link_resend:disabled, .link_resend[disabled] {
    pointer-events: none;
    cursor: not-allowed;
    color: #ccc;
    font-size: 14px;
    font-weight: 400;
}
.link_resend {
    color: #169DD0;
    font-size: 14px;
    font-weight: 400;
}
.timer_resend {
    color: #ccc;
    font-size: 14px;
    font-weight: 400;
}
.btn_kirim_email {
    background-color: #A0AABE;
    padding: 8px 0;
    border-radius: 6px;
    width: 100%;
    color: #A0AABE;
}
.btn_kirim_email:enabled {
    background-color: #A0AABE;
    border-color: #0084B6;
    padding: 8px 0;
    border-radius: 6px;
    width: 100%;
    color: #169DD0;
}
.btn-send-change:disabled {
    background-color: #A0AABE;
    border-color: #A0AABE;
    border: solid;
    padding: 11px 0;
    border-radius: 6px;
    width: 100%;
    color: #fff;
}
.btn-send-change:enabled {
    background-color: #169DD0;
    border-color: #169DD0;
    border: solid;
    padding: 11px 0;
    border-radius: 6px;
    width: 100%;
    color: #fff;
}
.pesan_error {
    display: block;
    margin-top: 5px;
    text-align: left;
    color: #E14B4B!important;
}
.line_error {
    border-color: #E14B4B!important;
}

body.signin {
    background-color: #0084B6;
}

.panel-signin,
.panel-signup {
    margin: 60px auto 0 auto;
}

.panel-signin {
    width: 400px;
}

.panel-signup {
    width: 600px;
}

.panel-signin .panel-body,
.panel-signup .panel-body {
    padding: 25x 40px;
}

.panel-signin .panel-footer,
.panel-signup .panel-footer {
    padding-left: 40px;
    padding-right: 40px;
}

.grecaptcha-badge {
    margin: 5px auto 20px;
}

/***** ADDITIONAL DATA PAGE *****/
.pesan_error {
    color: #E14B4B;
    text-align: left!important;
}
.line_error {
    border: solid 1px #E14B4B!important;
}
.btn-next:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(183 183 183 / var(--tw-bg-opacity));
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.btn-next:enabled {
    --tw-bg-opacity: 1;
    background-color: #0084B6;
    border-color: #357ebd;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: #fff;
}
/***** ADDITIONAL DATA PAGE *****/

/***** DELETE GUARD PAGE *****/

.panel-guard {
    width: 585px;
    margin: 60px auto 0 auto;
}
.panel-guard h3 {
    color: #4A4A4A;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    text-align: center;
    padding: 0 2%;
}
.panel-guard p {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
.panel-body-guard i:hover {
    color: #0184B5;
    font-weight: 500;
}
.btn-guard {
    background-color: #0184B5;
    color: #ffffff;
    font-family: 'Poppins', sans-serif !important;
    border-radius: 20px;
    margin-top: 20px;
}
.btn-guard1 {
    background-color: #0184B5;
    color: #ffffff;
    font-family: 'Poppins', sans-serif !important;
    border-radius: 20px;
    margin-top: 20px;
    display: none;
}
.btn-guard:hover {
    color: #ffffff !important;
}
.panel-guard button {
    margin-bottom: 2%;
}
.panel-body-guard {
    padding: 20px 40px;
}
.panel-body-guard .qr {
    margin: 7% 0;
    text-align: center;
}
.panel-body-guard .qr p {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #646E82;
}
.panel-body-guard .qr h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    color: #232832;
    margin-top: 1px !important;
}
.panel-body-guard .lihat {
    color: #0184B5;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
    margin-top: 25px;
}
.panel-panduan {
    width: 400px;
    margin: 60px auto 0 auto;
}
.panel-panduan h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
}
.panel-panduan p {
    font-size: 12px;
    line-height: 18px;
    color: #4A4A4A;
}
.timeline {
    position: relative;
    padding: 0;
    list-style: none;
}
.timeline>li>.content {
    margin-top: 0;
    background: #fff;
    color: #444;
    margin-left: 70px;
    padding: 0;
    position: relative;
}
.timeline::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #E3F1F7;
    left: 33px;
    margin: 0;
    border-radius: 2px;
}
.timeline::after {
    content: '';
    position: absolute;
    top: 277px;
    bottom: 0;
    width: 4px;
    background: #FFFFFF;
    left: 33px;
    margin: 0;
    border-radius: 2px;
}
.timeline>li {
    position: relative;
    margin-right: 10px;
    margin-bottom: 15px;
}
.timeline>li:before, .timeline>li:after {
    content: " ";
    display: table;
}
.timeline>li>span {
    width: 40px;
    height: 40px;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    position: absolute;
    color: #0184B5;
    background: #E3F1F7;
    border-radius: 50%;
    text-align: center;
    left: 15px;
    padding-top: 3%;
}
.mobile {
    display: none;
}
.desktop {
    display: block;
}
.modal-v {
    transform: translate(0, 25%) !important;
    -ms-transform: translate(0, 25%) !important; /* IE 9 */
    -webkit-transform: translate(0, 25%) !important; /* Safari and Chrome */
}

@media screen and (max-width: 1024px) {
    .header-notification {
        font-size: 12px;
    }
    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
    .btn-guard {
        display: none;
    }
    .btn-guard1 {
        display: block;
        margin-top: 75px!important;
    }
    .panel-guard {
        width: 90%;
        margin: 30px auto 0 auto;
    }
    .panel-body-guard {
        padding: 20px 75px;
    }
    .qr {
        display: none;
    }
    .panel-panduan {
        width: 90%;
        margin: 30px auto 0 auto;
    }
    .timeline>li>span {
        padding-top: 10px;
    }
    .timeline::after {
        top: 222px;
    }
    .panel-body {
        padding: 20px 95px;
    }
}
@media screen and (max-width: 530px) {
    .leftpanel .leftpanel-title {
        margin: 13px 15px;
    }
    .has_header_notification {
        top: 97px;
    }
    .leftpanel .nav > li {
        font-size: 12px;
    }
    .timeline::after {
        top: 276px;
    }
    .panel-body {
        padding: 20px 20px;
    }
    .panel-body-guard {
        padding: 20px 25px;
    }
    .btn-guard1 {
        display: block;
        margin-top: 35px!important;
    }
}
@media screen and (max-width: 375px) {
    .panel-body-guard {
        padding: 20px 13px;
    }
    .panel-panduan h2 {
        font-size: 22px;
    }
    .timeline::after {
        top: 31rem;
    }
}

/***** 9.8 LOCKED SCREEN ********/

.locked {
    background: rgba(0,0,0,0.75);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
}

.lockedpanel {
    width: 280px;
    margin: 10% auto 0 auto;
    text-align: center;
    background-color: #fcfcfc;
    padding: 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.lockedpanel .loginuser {
    text-align: center;
}

.lockedpanel .logged {
    margin-top: 20px;
}

.lockedpanel .logged h4 {
    margin: 0;
    font-size: 21px;
    color: #333;
}

.lockedpanel form {
    margin-top: 20px;
}

.lockedpanel form .btn {
    display: block;
    margin-top: 10px;
}

/********* 10. DASHBOARD STYLES **********/
/*****************************************/

.flotLegend {
    margin-bottom: 10px; 
}
.flotLegend table tr td {
    padding-right: 5px;
}

.row-stat .panel .panel-heading {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.panel-icon {
    background: rgba(255,255,255,0.9);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 15px;
    text-align: center;
}

.panel-icon .fa{
    color: #000;
    font-size: 36px;
    padding: 12px 0 0 0;
}

.panel-bluegreen .panel-icon .fa {
    color: #03c3c4;
}

.panel-violet .panel-icon .fa {
    color: #905dd1;
}

.panel-blue .panel-icon .fa {
    color: #0084B6;
}

.row-stat .md-title {
    opacity: 0.6;
    font-size: 12px;
    margin-bottom: 5px;
}

.row-stat h1 {
    margin-bottom: 0;
}

.row-stat hr {
    opacity: 0.3;
    margin: 15px 0 0 0;
    border-width: 2px;
}

.panel-icon .fa-users {
    padding: 12px 0 0 10px;
}

.panel-icon .fa-pencil {
    padding: 12px 0 0 17px;
}

.sublabel {
    font-size: 11px;
    display: block;
    margin-bottom: 3px;
}

.flotChart {
    width: 100%;
    height: 200px;
}

#bar-chart {
    height: 250px;
}

.titlekyc {
    font-size: 24px;
    line-height: 36px;
}

/********** 11. LEFT MENU COLLAPSE **********/
/********************************************/

.headerwrapper.collapsed .header-left {
    position: relative;
    left: -160px;
}

.headerwrapper.collapsed .header-left .logo{
    display: none;
}

.headerwrapper.collapsed .header-right {
    margin-left: 70px;
}

.mainwrapper.collapsed:before {
    width: 70px;
}

.mainwrapper.collapsed .mainpanel {
    margin-left: 70px;
}

.mainwrapper.collapsed .leftpanel {
    width: 70px;
}

.mainwrapper.collapsed .leftpanel-title {
    display: none;
}

.mainwrapper.collapsed .profile-left {
    /*min-height: 0;*/
    padding-left: 10px;
}

.mainwrapper.collapsed .profile-left .profile-thumb {
    margin: 12px 0 0 0;
}

.mainwrapper.collapsed .profile-left .profile-thumb img {
    width: 30px;
}

.mainwrapper.collapsed .profile-left .media-body {
    display: none;
}

.mainwrapper.collapsed .nav {
    margin-top: 20px;    
}

.mainwrapper.collapsed .nav > li > a {
    padding-left: 20px;
}

.mainwrapper.collapsed .nav > li.nav-hover:not(.active) > a {
    background-color: #f7f7f7;
}

.mainwrapper.collapsed .nav > li > a > span:not(.badge) {
    position: absolute;
    width: 190px;
    z-index: 100;
    background-color: #f7f7f7;
    border: 1px solid #e7e7e7;
    borer-bottom: 0;
    display: block;
    top: -1px;
    left: 60px;
    padding: 12px 10px 0 10px;
    border-left: 0;
    height: 46px;
    display: none;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.mainwrapper .nav > li > a > div.sidebar-hover {
    display: none;
}

.mainwrapper.collapsed .nav > li > a > div.sidebar-hover {
    display: none;
    top: 2px;
    background: #0A141C;
    font-size: 12px;
    color: #ffffff;
    left: 85px;
    padding: 10px 20px;
    border-radius: 5px;
}

.mainwrapper.collapsed .nav > li > a > div.sidebar-hover > .content {
   position: relative;
   display: none;
}

.mainwrapper.collapsed .nav > li > a > div.sidebar-hover > .content:before {
    content: "";
    display: none;
    position: absolute;
    left: -28px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent; /* Ubah nilai 20px sesuai kebutuhan */
    border-bottom: 8px solid transparent; /* Ubah nilai 20px sesuai kebutuhan */
    border-right: 8px solid #0A141C;
}

.mainwrapper.collapsed .nav > li.nav-hover > a > div.sidebar-hover {
    display: block;
    position: fixed;
}

.mainwrapper.collapsed .nav > li.nav-hover > a > div.sidebar-hover > .content {
    display: block;
}

.mainwrapper.collapsed .nav > li.nav-hover > a > div.sidebar-hover > .content:before {
    display: block;
}

.mainwrapper.collapsed .nav > li.parent > a > span:not(.badge) {
    -moz-border-radius: 0 3px 0 0;
    -webkit-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0;
}

.mainwrapper.collapsed .nav > li > a > span.badge {
    position: absolute;
    top: 12px;
    right: -170px;
    z-index: 200;
    display: none;
}

.mainwrapper.collapsed .nav > li.active > a > span:not(.badge) {
    border: 0;
    height: 44px;
    position: fixed;
    /* top: 0; */
}

.mainwrapper.collapsed .nav > li.parent:after {
    display: none;
}

.mainwrapper.collapsed .nav > li.nav-hover > a > span {
    display: block;
    position: fixed;
}

.mainwrapper.collapsed .nav > li.nav-hover > .sub-menu {
    display: block !important;
}

.mainwrapper .nav > li.parent > .sub-menu {
    position: fixed;
    display: none;
    left:48px;
    margin-left:20px;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
    overflow:hidden;
    min-width: 220px;
}

.mainwrapper.collapsed .nav > li.parent.nav-hover > .sub-menu {
    display:block;
}
.mainwrapper .nav > li.parent > .sub-menu > ul {
   padding: 0px;
}

.mainwrapper .nav > li.parent > .sub-menu a {
    color: #232832;
    padding: 15px 10px;
    display: flex;
    width: 100%;
}

.mainwrapper .nav > li.parent > .sub-menu a:hover {
    background: #F8F9FBed;
}

.mainwrapper.collapsed .nav > li.parent.nav-hover .children {
    display:block;
    position:fixed;
}
.mainwrapper.collapsed .nav > li.parent .children > li > a {
    padding-left: 10px;
}



/********** 12. CUSTOM STYLES **********/
/***************************************/


.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt90 { margin-top: 90px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mb5 { margin-bottom: 5px; }
.mb8 { margin-bottom: 8px; }
.mb9 { margin-bottom: 9px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
.padding10 { padding: 10px; }
.padding15 { padding: 15px; }
.padding20 { padding: 20px; }
.noborder { border: 0; }
.height200 { height: 200px; }
.height300 { height: 300px; }
.width100p { width: 100%; }
.width300 { width: 300px; }

.text-black { color: #000; }

.inline-block { display: inline-block; }

.footer-link {
    float:left;
}

.footer-btn {
    float:right;  
}

/********** 13. MEDIA QUERIES **********/
/***************************************/

@media screen and (max-width: 1048px) {

	.spot-title-container{
		float: none !important;
	}
    
    .spot-stat-container{
		margin-top: 10px !important;
		float: none !important;
    }
}


@media screen and (max-width: 1024px) {
    
    body {
        width: 100%;
        /* overflow-x: hidden; */
    }
    
    /* indicator that page is 1024 */
    .logo {
        position: relative;
    }
    
    /* dashboard */
    .row-dashboard .col-md-6 {
        float: none;
        width: auto;
    }
    
    /* wizard */
    .contentpanel-wizard .row .col-md-6 {
        float: none;
        width: auto;
    }
}

@media screen and (max-width: 768px) {
    
    body {
        position: relative;
    }

    .logo {
        position: static;
    }
    
    .headerwrapper .header-left,
    .headerwrapper .header-right {
        position: relative;
    }
    
    .headerwrapper .header-left {
        z-index: 3000;
        margin-left: -168px;
    }
    
    .headerwrapper .header-right {
        width: 100%;
        margin-left: 0;
    }
    
    .leftpanel,
    .mainwrapper:before {
        display: none;
    }
    
    .mainpanel {
        width: 100%;
        margin-left: 0;
    }
    
    .show-left .headerwrapper .header-left {
        margin-left: 0;
    }
    
    .show-left .headerwrapper .header-right {
        margin-left: 230px;
    }
    
    .show-left .mainwrapper {
        overflow: hidden;
    }
    
    .show-left .leftpanel,
    .show-left .mainwrapper:before {
        display: block;
    }
    
    .show-left .leftpanel {
        position: fixed;
        bottom: 0;
        height: 100%;
        overflow-y: auto;
    }
    
    .show-left .leftpanel .profile-left {
        /* margin-top: 60px; */ /*  Omitted, for margin controlled on the left panel it self */
    }
    
    .show-left .mainpanel {
        margin-left: 230px;
    }
    
    .modal-v {
        transform: translate(0, 17%) !important;
        -ms-transform: translate(0, 17%) !important; /* IE 9 */
        -webkit-transform: translate(0, 17%) !important; /* Safari and Chrome */
    }
    
}

@media screen and (max-width: 640px) {

    /* media manager */
    .media-options div.pull-left,
    .media-options div.pull-right {
        float: none !important;
        width: auto !important;
    }
    
    .media-options div.pull-left {
        margin-bottom: 20px !important;
    }
    
    .contentpanel-mediamanager .col-sm-9,
    .contentpanel-mediamanager .col-sm-3 {
        float: none;
        width: auto;
    }
    
    .media-manager-sidebar {
        padding-left: 0;
    }
    
    /* table */
    .dataTables_wrapper .row .col-xs-6 {
        float: none;
        width: auto;
        text-align: center;
    }
    
    div.dataTables_paginate {
        float: none !important;
        margin-top: 10px !important;
    }
    
    .panel-signin {
        margin: 20px auto;
        width: 90%;
    }
    
    .panel-signup {
        margin: 0px;
        width: auto;
    }
    
    /* wizard */
    .nav-wizard {
        background: none;    
    }
    
    .nav-wizard > li {
        margin: 0 !important;
    }
    
    .nav-wizard > li > a,
    .nav-wizard > li:first-child > a,
    .nav-wizard > li:last-child > a {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }
    
    .nav-wizard > li > a:before,
    .nav-wizard > li > a:after {
        display: none;
    }

    .mt20 { margin-top: 0px !important; }

    .footer-link {
        text-align:center;  
    }

    .footer-btn {
        float:none;  
    }

    .hide {
        display: none;
    }
}

@media screen and (max-width: 550px) {
    
    .btn-group-btc-spot {
		display: none;
    }

    .modal-v {
        transform: translate(0, 0%) !important;
        -ms-transform: translate(0, 0%) !important; /* IE 9 */
        -webkit-transform: translate(0, 0%) !important; /* Safari and Chrome */
    }
}


@media screen and (max-width: 480px) {

    .btn-group-notification .dropdown-menu {
        margin-right: -62px;
    }
    
    .headerwrapper .header-right .btn-group-notification .dropdown-menu:after {
        right: 75px;
    }
    
    .notfoundpanel {
        width: auto;
    }
    
    .notfoundpanel h3 {
        font-size: 18px;
    }
    
    .leftpanel .profile-left {
        min-height: 0;
        /*height: 70px;*/
        padding: 10px;
    }
    
    .leftpanel .profile-left .profile-thumb img {
        width: 40px;
    }
    
    .leftpanel .profile-left .media-heading {
        margin-top: 7px;
    }
    
    /*.pageheader {
        padding: 10px;
        height: 70px;
    }*/
    
    .contentpanel {
        padding: 10px;
    }
    
}

@media screen and (max-width: 360px) {
    
    .pageheader h4 {
        font-size: 24px;
    }
    
    .form-search {
        position: relative;
    }
    
    .headerwrapper .header-right .form-search {
        display: none;
    }
    
    .leftpanel .form-search {
        margin: 10px 10px 10px 10px;
    }
    
    .headerwrapper .header-right .btn-group-notification .dropdown-menu {
        min-width: 340px;
        margin-right: -103px;
    }
    
    .headerwrapper .header-right .btn-group-messages .dropdown-menu {
        min-width: 340px;
        margin-right: -41px;
    }
    
    .headerwrapper .header-right .btn-group-notification .dropdown-menu:after {
        right: 115px;
    }
    
    .headerwrapper .header-right .btn-group-messages .dropdown-menu:after {
        right: 50px;
    }
    
    /* messages */
    .msg-list > li .sender {
        line-height: normal;
    }
    
    /* notfound */
    .notfoundpanel {
        margin: 20px;
    }
    
    .notfoundpanel h1 {
        font-size: 150px;
        line-height: 150px;
    }
    
    .notfoundpanel h3 {
        font-size: 16px;
    }
    
    .notfoundpanel p {
        font-size: 13px !important;
    }
    
    .notfoundpanel .form-control {
        width: 200;
        float: none;
        margin: auto;
    }
    
    .notfoundpanel .btn {
        margin-top: 5px;
        width: 250px;
    }
    
    .media-options .btn-group {
        margin-bottom: 10px;
    }
    
    .btn-invoice .btn {
        width: 100%;
        margin-bottom: 10px;
    }
    
    .fc-header tr td {
        display: table-row;
        width: 100%;
    }
    
    .fc-header-center {
        text-align: left !important;
    }
    
    .fc-header-title {
        text-align: left;
        margin-bottom: 10px;
    }
    
    .panel-signin {
        width: auto;
        margin: 8px;
    }
    
    .panel-signin .panel-footer {
        padding-left: 20px;
        padding-right: 20px;
        font-family: 'Poppins', sans-serif !important;
    }
    
    .panel-signin .panel-footer .btn {
        font-size: 13px;
    }
    
    .panel-signup .pull-left,
    .panel-signup .pull-right {
        float: none !important;
        font-family: 'Poppins', sans-serif !important;
    }
    
    .panel-signup .btn.btn-success {
        width: 100%;
    }

    .walkthrough .screens .media .icon {
        position: absolute;
        opacity: 0;
        transform: translateY(-30px);
        transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        width: 132px;
        left: 74px;
        top: 32px;
    }
}

@media screen and (max-width: 320px) {
    
    .pageheader h4 {
        font-size: 20px;
    }
    
    .pageheader .breadcrumb {
        margin-top: 5px;
    }
    
    .headerwrapper .header-right .btn-group-notification .dropdown-menu {
        min-width: 300px;
        margin-right: -103px;
    }
    
    .headerwrapper .header-right .btn-group-messages .dropdown-menu {
        min-width: 300px;
        margin-right: -41px;
    }
    
    .headerwrapper .header-right .btn-group-notification .dropdown-menu:after {
        right: 115px;
    }
    
    .headerwrapper .header-right .btn-group-messages .dropdown-menu:after {
        right: 50px;
    }
    
    .panel-signin .panel-footer .btn {
        font-size: 11px;
    }
    
    .panel-signin .panel-body,
    .panel-signup .panel-body {
        padding: 30px 20px;
    }

}

@media screen and (max-width: 350px) {
    
    .button-refresh{
		display: none !important;
    }

}

.fa-red{
	color: #d9534f;
}
.fa-blue{
	color: #0084B6;
}
.fa-22px{
	font-size: 22px;
	margin-right: 3px;
}
.panel-btc .panel-heading {
    background-color: #FFA600;
    color: #fff;
}
.panel-rupiah .panel-heading {
    background-color: #31A931;
    color: #fff;
}
.alert a{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}
.form-group label.middle-label{
	margin-top: 10px;
}
.amount-percent { 
	bottom:100% !important; 
	top:auto !important; 
	right: 0 !important; 
	left: auto !important;
	min-width: 50% !important;
}
.btc-stats{
}
.btc-stats-detail{
	width: 100% !important;
}
.btc-stats-detail .datainfo{
	text-align: center;
}
.footer{
	text-align: center;
	color: #A6A6A6;
	font-weight: normal;
	padding-bottom: 10px;
}
.panel-icon .icon-rupiah{
    color: #000;
    font-size: 36px;
}
.panel-icon .icon-rupiah::before{
    margin-top: 13px !important;
}
.icon-2em{
	font-size: 1.7em;
}
.icon-15px{
	font-size: 12px !important;
}
.g-recaptcha {
	display: inline-block;
}
.panel-signin .logo img, .panel-signup .logo img{
	/*width: 160px;*/
}
.register-label{
	position: absolute;
	font-size: 11px;
	padding-top: 3px;
	color: #828282;
}
.account-summary-box{
	background-color: #fcfcfc;
	border-bottom: 1px solid #eee;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.03);
	margin-right: 1px;
	padding: 10px 15px;
}
.spot-stat-container{
    border-spacing: 0;
    border-collapse: collapse;
	margin-bottom: 20px;
	float: right;
}
.spot-stat-container td{
	line-height: 14px;
	margin-bottom: 0;
	padding: 4px 9px;
	border-color: #ddd;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
}
.spot-stat-container strong{
	font-size: 14px;
}
.spot-stat-container span{
	font-size: 10px;
}
.dotted{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}
.marquee{
	background: #000;
	color: #fff;
	padding: 4px 10px;
	overflow: hidden;
}
.spot-chart-container{
	height: 320px;
	padding-top: 10px;
}
.btn-width-100-percent{
	width: 100%;
}
.small-note{
	font-size: 11px;
    line-height: 12px !important;
}
.top-menu li a i {
    width: 10px;
}
a.underline{
	text-decoration: underline;
}
.table-valign-middle td{
	vertical-align: middle !important;
}
.spot-title-container{
	margin-top: 2px; 
	border-left: 4px #FFA900 solid; 
	padding-left: 10px;
	margin-bottom: 10px;
	float: left;
}
.spot-title-container h3{
	margin-top: 0; 
	margin-bottom: 2px;
	font-size: 18px;
}
.spot-title-container h5{
	margin: 0;
}
.green{
	color: #18B182;
}
.red{
	color: #E61319;
}
.black{
	color: #000;
}
.list-desc{
    list-style: outside none square;
    padding-left: 13px !important;
}
.list-desc li{
    padding-left: 2px;
}
.nav-tabs-small > li > a {
    font-size: 13px !important;
    font-weight: normal !important;
    padding: 9px 15px !important;
}

/*chat room styles*/

.chatbox{
	overflow-y: auto;
	word-wrap: break-word;
	padding: 10px 5px; 
	height: 287px; 
	margin-bottom: 5px;
	font-size: 12px;
	border: 1px solid #e6e6e6;
	font-family: 'Poppins', sans-serif !important;
}
.cusername{
	color: #A0B6C0;
	font-weight: bold;
	cursor: pointer;
}
.myusername{
	/*color: #52DB00;*/
	color: #A0B6C0;
	font-weight: bold;
}
.myusername::before{
	content:"\25B8";
} 
.myusername::after{
	content:"\25C2\00a0";
} 
.ctime{
	color: #D5D5D5;
	font-weight: bold;
	display: none;
}
.cnewbie{
	color: #D4D4D4;
}
.cgray{
	color: #5E5E5E;
}
.cbronze{
	color: #5B2D00;
}
.cgold{
	color: #FF8200;
	text-shadow: 1px 1px #CCCCCC;
}
.cdiamond{
	color: #034AC4;
	text-shadow: 1px 1px #CCCCCC;
}
.cmastah{
	color: #00E124;
	text-shadow: 1px 1px #00B31C;
}
.cjedi{
	color: #B232B2;
}
.cpartner{
	color: #DB0000;
}
.cpartner::after{
	font-family: FontAwesome;
	content: "\ \f05d";
	font-weight: normal;
	text-shadow: none;
}
.cpremium{
    color: #B232B2;
}
.cpremium_icon::before{
    font-family: FontAwesome;
    content: "\ \f091";
    font-weight: normal;
    text-shadow: none;
    color: #FF8200;
}
.adminusername{
	color: #DB0000 !important;
	font-weight: bold;
	cursor: pointer;
	background-color: yellow;
}
.chat-notice{
	font-weight: bold;
	font-size: 11px;
	margin: 5px 0 0 0;
}
.chat-buttons{
	padding-top: 5px;
	color: #000;
}
.chat-buttons i{
	cursor: pointer;
}
.chat-online{
	font-size: 11px;
    font-weight: bold;
    margin: 5px 0 0;
}
#msg{
	padding: 4px 7px;
	font-size: 12px;
}
.newsflash{
	padding: 5px;
	height: 367px;
	overflow-y: auto;
	font-family: 'Poppins', sans-serif !important;
    
}
.alert p{
	margin: 0 !important;
}
#recaptcha_area { margin: auto}
.padding-top-10{
	padding-top: 10px;
}
.panel-footer-less-padding{
	padding-left: 20px !important;
	padding-right: 20px !important;
    font-family: 'Poppins', sans-serif !important;
}
.modal-md {
	width: 450px;
}

.loading_screen{
	width: 100%; 
	height: 100%; 
	position: fixed; 
	z-index: 9999; 
	background:#000; 
	top: 0px; 
	opacity: 0.7; 
	filter:alpha(opacity=70);
}

.modal-smiles img{
	margin: 0 3px;
	cursor: pointer;
}
.emoticon_box img{
	margin: 0 4px 4px 0;
	cursor: pointer;
}
table.order_table tbody tr td{
	cursor: pointer;
}
#tab3-beli, #tab3-jual{
	min-height: 225px;
}
#buy_btc_hasil i, #sell_btc_hasil i{
	width: 10px;
}
.deposit_data{
	margin: 20px 10px !important;
}
.deposit_data td {
    padding: 3px 10px;
}
.table-exchange{
	width: 80%;
	margin: 20px auto;
}
.table-exchange td, .table-exchange th{
    padding: 7px 15px;
}
.ui-datepicker td.ui-datepicker-today a {
    background: #93989e none repeat scroll 0 0;
    color: #fff;
}

.dropdown-notification li{
	cursor: auto !important;
}
.img-circle{
	width: 50px; 
	height: 50px;
}
.mainwrapper.collapsed .profile-left .profile-thumb .img-circle{
	width: 40px; 
	height: 40px;
}
/* .mainwrapper.collapsed .profile-left .profile-thumb .img-circle{
	width: 30px; 
	height: 30px;
} */
#buy_orders td, #sell_orders td, #my_last_trades, #last_trades, #pending_orders_container table td {
    color: #333;
}
.bold-white{
	font-weight: bold;
	color: #fff !important;
	padding-left: 10px !important;
}
.dropdown-balance button{
	float: right;
}
.dropdown-balance button.btn-market{
	margin-right: 5px !important;
}
.dropdown-balance .btn-balance{
	padding-top: 4px; 
	padding-bottom: 0;
	display: inline-block; 
	font-size: 13px; 
	color: #545454
}
.dropdown-balance li{
	padding-top: 6px;
	padding-bottom: 6px;
}

.dropdown-balance li:not(:last-child) {
    border-bottom: 1px solid #E4E7EE;
}

.tab-markets{
	padding: 5px;
}

table.table-markets{
	margin-bottom: 5px;
}

table.table-markets tr td, table.table-markets tr th{
	font-size: 12px;
	padding: 4px;
}

table.table-markets-large tr td, table.table-markets-large tr th{
	font-size: 15px;
	padding: 8px;
}

table.table-markets tr:hover td{
	background-color: #E6E6E6;
}

table.table-markets tr td{
	cursor: pointer !important;
}

table.table-markets tr.active td{
	background-color: #0084B6;
	color: #fff;
}

table.table-markets tr.active td span{
	color: #fff;
}

table.table-markets tr.active td span.arrow-green{
	color: #15E100 !important;
}

table.table-markets tr.active td span.arrow-red{
	color: #A4272B !important;
}

@media only screen and (max-width: 767px) {
    .modal-md{
        width: 97%;
    }
}

@media only screen and (max-width: 510px) {
    .modal-md{
		width: 95%;
    }
    .headerwrapper .header-right .btn-group-list .dropdown-menu {
		min-width: 250px;
		padding: 0;
	}
	.dropdown-list li .noti-thumb, .button-refresh {
		display: none;
	}
	h1, .h1{
		font-size: 20px;
	}
	.nav-wizard{
		display: none;
	}
	.spot-data-table{
		height: 175px !important;
	}
}

@media only screen and (max-width: 550px) {
	.btc-stats-mobile{
		display: none !important;
	}
	
	.btc-stats-mobile span{
		font-size: 11px !important;
	}
}

@media only screen and (max-width: 515px) {
	
	.dropdown-balance .btn-wd-depo{
		display: none;
	}
}

.balance_text{
	display: none;
}

@media only screen and (max-width: 1000px) {
	.balance_text{
		display: inline;
	}
	.balance_num{
		display: none;
	}

	.headerwrapper .header-right #saldo-box .dropdown-menu::after{
		right: auto !important;
		left: 120px !important;
	}

	#saldo-box .dropdown-menu.pull-right{
		right: auto !important;
		left: -90px !important;
	}
}

@media only screen and (max-width: 405px) {
	
	.btc-stats-mobile{
		display: none !important;
	}
}

.premium-member .btn-default.active {
    background: #e6e6e6;
}
.nav-order > li > a{
	padding: 8px 15px;
}
label.order-type-label{

}
label.order-type-label input[type="radio"]{
	margin-top: 0;
	vertical-align: middle;
}

/* idr_spot */
@media all and (min-width: 1217px) {
	.balance-idr-custom{
		text-align: right;
	}
}

.open-walkthrough {
    z-index: 0;
  }
  
  .walkthrough {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
    background: #FFFFFF;
    border-radius: 0;
    display: none;
    flex-direction: column;
    flex: 0 0 auto;
    font-size: 14px;
    height: 464px;
    overflow: hidden;
    transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: 1000;
    border-radius: 10px;
  }
  .walkthrough.show2 {
    display: flex;
    opacity: 0;
    transform: translateY(72px);
  }
  .walkthrough.reveal {
    opacity: 1;
    transform: translateY(0);
  }
  .walkthrough .walkthrough-body {
    align-items: center;
    display: flex;
    flex: 1;
    text-align: center;
  }
  .walkthrough .walkthrough-body .prev-screen,
  .walkthrough .walkthrough-body .next-screen {
    align-self: stretch;
    background: none;
    border: 0;
    margin-top: -116px;
    color: black;
    cursor: pointer;
    flex: 0 0 auto;
    font-size: 24px;
    opacity: 1;
    outline: none;
    padding: 16px;
    transform: scale(1);
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: 1000;
  }
  .walkthrough .walkthrough-body .prev-screen:hover, .walkthrough .walkthrough-body .prev-screen:active,
  .walkthrough .walkthrough-body .next-screen:hover,
  .walkthrough .walkthrough-body .next-screen:active {
    color: #0084B6;
    transform-origin: center;
    transform: scale(1.25);
  }
  .walkthrough .walkthrough-body .prev-screen:disabled,
  .walkthrough .walkthrough-body .next-screen:disabled {
    opacity: 0;
  }
  .walkthrough .walkthrough-body .prev-screen {
    order: 1;
  }
  .walkthrough .walkthrough-body .next-screen {
    order: 3;
  }
  .walkthrough .walkthrough-body .screens {
    flex: 1;
    align-self: stretch;
    position: relative;
    margin: 0 -16px;
    padding: 0;
    order: 2;
  }
  .walkthrough .walkthrough-body .screens .screen {
    position: absolute;
    list-style-type: none;
  }
  .walkthrough .walkthrough-body .media {
    background: #0084b614;
    border-radius: 132px;
    height: 132px;
    margin: 32px auto;
    width: 132px;
  }
  .walkthrough .walkthrough-body h3 {
    font-size: 15px;
    line-height: 1.4em;
    text-transform: uppercase;
    letter-spacing: 0.15em;
  }
  .walkthrough .walkthrough-body p {
    line-height: 1.3em;
    font-size: 16px;
    margin-top: 16px;
    padding-top: 0;
    letter-spacing: 0.15em;
  }
  .walkthrough .walkthrough-pagination {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 24px;
  }
  .walkthrough .walkthrough-pagination .dot {
    background: rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    height: 8px;
    margin: 0 4px;
    transform: scale(0.75);
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    width: 8px;
  }
  .walkthrough .walkthrough-pagination .dot.active {
    background: #0084B6;
    transform: scale(1);
    transition-delay: 0.4s;
  }
  .walkthrough .walkthrough-footer {
    display: flex;
    flex: 0 0 auto;
    justify-content: space-around;
    padding: 0;
  }
  .walkthrough .walkthrough-footer button {
    height: 50px;
    border: 0;
    background: #0184B5;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    border-radius: 0;
    color: #FFFFFF;
    flex: 1;
    font-size: 16px;
    margin: 0;
    outline: 0;
    padding: 12px;
    transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer;
  }
  .walkthrough .walkthrough-footer button:hover {
    background: #6babf3;
  }
  .walkthrough .walkthrough-footer button:active {
    background: #0184B5;
  }
  .walkthrough .walkthrough-footer button:disabled {
    cursor: pointer;
  }
  .walkthrough .walkthrough-footer button.finish {
    background: #0184B5;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
    transform: scale(0, 1);
    transform-origin: center;
    transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .walkthrough .walkthrough-footer button.finish:hover {
    background: #4d9cf6;
  }
  .walkthrough .walkthrough-footer button.finish:active {
    background: #3e94f5;
  }
  .walkthrough .walkthrough-footer button.finish.active {
    transform: scale(1, 1);
    opacity: 1;
  }
  .walkthrough .screens {
    margin: 0;
  }
  .walkthrough .screens .media .status-badge {
    left: 136px;
    opacity: 0;
    position: absolute;
    top: 104px;
    transform: scale(0);
    transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-delay: 0.6s;
  }
  .walkthrough .screens .media .status-badge i {
    display: inline;
  }
  .walkthrough .screens .media.logo .logo {
    margin-top: 20px;
    opacity: 0;
    transform: translateY(-60px);
    transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    width: 80px;
  }
  .walkthrough .screens .media .icon {
    position: absolute;
    opacity: 0;
    transform: translateY(-30px);
    transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    width: 132px;
    left: 107px;
    top: 32px;
  }
  .walkthrough .screens .media.bars .icon {
    transform: translate(40px, 20px);
  }
  .walkthrough .screens .media.bars .icon:nth-of-type(2) {
    transform: scale(0.25);
    transform-origin: 30% 54%;
  }
  .walkthrough .screens .media.bars .icon:nth-of-type(3) {
    transform: scale(0.25);
    transform-origin: 30% 40%;
  }
  .walkthrough .screens .media.bars .icon:nth-of-type(4) {
    transform: scale(0.25);
    transform-origin: 30% 26%;
  }
  .walkthrough .screens .media.files .icon {
    transform: translate(40px, 20px);
  }
  .walkthrough .screens .media.comm .icon {
    transform: scale(0.25);
    transform-origin: 29% 73%;
  }
  .walkthrough .screens .media.comm .icon:nth-child(2) {
    transform-origin: 66% 85%;
  }
  .walkthrough .screens .screen {
    opacity: 0;
    position: absolute;
    transform: translateX(-72px);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .walkthrough .screens .screen.active {
    opacity: 1;
    transform: translateX(0) scale(1);
    transition-delay: 0.4s;
  }
  .walkthrough .screens .screen.active ~ .screen {
    opacity: 0;
    transform: translateX(72px);
  }
  .walkthrough .screens .screen.active .media .status-badge {
    opacity: 1;
    transform: scale(1.75);
  }
  .walkthrough .screens .screen.active .media.logo .logo {
    opacity: 0.8;
    transform: translateY(0);
    transition-delay: 0.6s;
  }
  .walkthrough .screens .screen.active .media.logo .status-badge {
    transition-delay: 1s;
  }
  .walkthrough .screens .screen.active .media.books .icon {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.6s;
  }
  .walkthrough .screens .screen.active .media.books .icon:nth-child(2) {
    transition-delay: 0.725s;
  }
  .walkthrough .screens .screen.active .media.books .icon:nth-child(3) {
    transition-delay: 0.850s;
  }
  .walkthrough .screens .screen.active .media.books .status-badge {
    transition-delay: 1.4s;
  }
  .walkthrough .screens .screen.active .media.bars .icon {
    opacity: 1;
    transform: translate(0) scale(1);
    transition-delay: 0.6s;
  }
  .walkthrough .screens .screen.active .media.bars .icon:nth-child(2) {
    transition-delay: 1.050s;
  }
  .walkthrough .screens .screen.active .media.bars .icon:nth-child(3) {
    transition-delay: 0.925s;
  }
  .walkthrough .screens .screen.active .media.bars .icon:nth-child(4) {
    transition-delay: 0.8s;
  }
  .walkthrough .screens .screen.active .media.files .icon {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.9s;
  }
  .walkthrough .screens .screen.active .media.files .icon:nth-child(3) {
    transition-delay: 0.8s;
  }
  .walkthrough .screens .screen.active .media.files .icon:nth-child(2) {
    transition-delay: 0.7s;
  }
  .walkthrough .screens .screen.active .media.files .icon:nth-child(1) {
    transition-delay: 0.6s;
  }
  .walkthrough .screens .screen.active .media.files .status-badge {
    transition-delay: 1.6s;
  }
  .walkthrough .screens .screen.active .media.comm .icon {
    opacity: 1;
    transform: scale(1);
    transition-delay: 0.6s;
  }
  .walkthrough .screens .screen.active .media.comm .icon:nth-child(2) {
    transition-delay: 0.8s;
  }
  .walkthrough .screens .screen.active .media.comm .status-badge {
    transition-delay: 1.6s;
  }
.hero {
    display: inline-block;
    width: 100%;
    height: 372px;
    position: relative;
    }
    
    .diagonal-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 389px;
    background: #2b5876;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #4e4376, #2b5876);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f7f7f7, #FFFFFF);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    z-index: -1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
    
    .stars {
    z-index: -1;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    transition: opacity 1s ease-in-out;
    }
    
    .stars > .small {
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 548px 1037px #767676 , 615px 1913px #767676 , 1732px 658px #767676 , 1223px 1984px #767676 , 1128px 375px #767676 , 975px 1584px #767676 , 911px 803px #767676 , 458px 1210px #767676 , 1729px 1568px #767676 , 1648px 1255px #767676 , 949px 936px #767676 , 1492px 1983px #767676 , 1562px 886px #767676 , 372px 1017px #767676 , 1032px 139px #767676 , 1px 591px #767676 , 663px 1427px #767676 , 592px 1935px #767676 , 225px 1575px #767676 , 1406px 1172px #767676 , 315px 398px #767676 , 1719px 1076px #767676 , 817px 1917px #767676 , 923px 385px #767676 , 405px 1477px #767676 , 1121px 1196px #767676 , 1075px 895px #767676 , 1284px 1763px #767676 , 1122px 1481px #767676 , 1293px 1767px #767676 , 1209px 949px #767676 , 1657px 1357px #767676 , 462px 1632px #767676 , 1069px 511px #767676 , 144px 1353px #767676 , 211px 616px #767676 , 131px 666px #767676 , 482px 1045px #767676 , 854px 1797px #767676 , 1711px 1213px #767676 , 1521px 1999px #767676 , 340px 277px #767676 , 1688px 716px #767676 , 120px 1903px #767676 , 913px 175px #767676 , 235px 490px #767676 , 943px 533px #767676 , 521px 418px #767676 , 505px 305px #767676 , 1467px 443px #767676 , 1276px 310px #767676 , 845px 895px #767676 , 1962px 517px #767676 , 1481px 1673px #767676 , 100px 515px #767676 , 276px 427px #767676 , 1311px 999px #767676 , 1934px 1588px #767676 , 1486px 1771px #767676 , 1003px 1068px #767676 , 1860px 855px #767676 , 938px 1732px #767676 , 1962px 1580px #767676 , 1615px 1591px #767676 , 440px 293px #767676 , 972px 519px #767676 , 1882px 615px #767676 , 1082px 786px #767676 , 524px 886px #767676 , 609px 746px #767676 , 112px 1524px #767676 , 1341px 1769px #767676 , 1026px 1640px #767676 , 666px 1666px #767676 , 873px 1863px #767676 , 1246px 773px #767676 , 112px 551px #767676 , 1894px 113px #767676 , 1649px 347px #767676 , 202px 1322px #767676 , 1821px 1362px #767676 , 576px 710px #767676 , 1571px 1913px #767676 , 1623px 234px #767676 , 1414px 1772px #767676 , 1680px 97px #767676 , 1184px 998px #767676 , 422px 72px #767676 , 1307px 954px #767676 , 175px 1377px #767676 , 1086px 1117px #767676 , 620px 651px #767676 , 899px 202px #767676 , 1424px 1518px #767676 , 1245px 1372px #767676 , 1975px 22px #767676 , 1241px 1240px #767676 , 309px 1574px #767676 , 52px 122px #767676 , 108px 1923px #767676 , 546px 574px #767676 , 1778px 1419px #767676 , 1509px 1057px #767676 , 1074px 520px #767676 , 128px 283px #767676 , 1964px 1540px #767676 , 174px 984px #767676 , 1326px 1768px #767676 , 1704px 1907px #767676 , 66px 1048px #767676 , 1903px 435px #767676 , 477px 709px #767676 , 546px 132px #767676 , 1111px 923px #767676 , 964px 1226px #767676 , 715px 1286px #767676 , 1332px 1651px #767676 , 228px 1097px #767676 , 1419px 1812px #767676 , 1623px 1449px #767676 , 905px 213px #767676 , 1225px 1915px #767676 , 1714px 773px #767676 , 1992px 1512px #767676 , 1188px 1066px #767676 , 323px 438px #767676 , 22px 643px #767676 , 1281px 79px #767676 , 1119px 1414px #767676 , 1434px 307px #767676 , 1136px 528px #767676 , 664px 1739px #767676 , 488px 345px #767676 , 154px 414px #767676 , 790px 1026px #767676 , 1999px 816px #767676 , 476px 1044px #767676 , 172px 1429px #767676 , 550px 1776px #767676 , 606px 1446px #767676 , 219px 1133px #767676 , 182px 1428px #767676 , 1101px 12px #767676 , 1774px 391px #767676 , 1567px 861px #767676 , 247px 1793px #767676 , 38px 1625px #767676 , 1162px 131px #767676 , 1789px 1222px #767676 , 1754px 218px #767676 , 958px 484px #767676 , 1312px 377px #767676 , 324px 53px #767676 , 383px 1518px #767676 , 1718px 1033px #767676 , 34px 317px #767676 , 1141px 440px #767676 , 1045px 334px #767676 , 1860px 330px #767676 , 1591px 17px #767676 , 1417px 1676px #767676 , 155px 1755px #767676 , 772px 1026px #767676 , 928px 789px #767676 , 769px 1949px #767676 , 772px 201px #767676 , 1692px 1592px #767676 , 351px 882px #767676 , 1454px 235px #767676 , 937px 65px #767676 , 2000px 1558px #767676 , 249px 433px #767676 , 681px 518px #767676 , 908px 1518px #767676 , 172px 1202px #767676 , 615px 1264px #767676 , 1097px 628px #767676 , 905px 644px #767676 , 545px 1124px #767676 , 1601px 917px #767676 , 29px 934px #767676 , 1392px 307px #767676 , 1199px 938px #767676 , 1498px 500px #767676 , 904px 1159px #767676 , 943px 679px #767676 , 1913px 522px #767676 , 1748px 964px #767676 , 11px 1446px #767676 , 1828px 1317px #767676 , 415px 403px #767676 , 426px 692px #767676 , 459px 1587px #767676 , 491px 773px #767676 , 1569px 1381px #767676 , 1655px 394px #767676 , 1604px 978px #767676 , 345px 497px #767676 , 513px 653px #767676 , 1928px 1418px #767676 , 1796px 946px #767676 , 1022px 1455px #767676 , 339px 833px #767676 , 1267px 1674px #767676 , 525px 1280px #767676 , 1418px 1281px #767676 , 574px 771px #767676 , 1038px 1776px #767676 , 1604px 284px #767676 , 968px 328px #767676 , 1801px 119px #767676 , 376px 1073px #767676 , 1638px 1217px #767676 , 1418px 1382px #767676 , 1152px 1459px #767676 , 520px 970px #767676 , 27px 29px #767676 , 1244px 863px #767676 , 815px 1290px #767676 , 1874px 1012px #767676 , 950px 1281px #767676 , 809px 759px #767676 , 1500px 227px #767676 , 1760px 169px #767676 , 1225px 1242px #767676 , 300px 488px #767676 , 666px 1882px #767676 , 1558px 1791px #767676 , 293px 368px #767676 , 1714px 1363px #767676 , 925px 426px #767676 , 1828px 876px #767676 , 1409px 876px #767676 , 1961px 1628px #767676 , 999px 919px #767676 , 1437px 1341px #767676 , 1543px 1522px #767676 , 1582px 318px #767676 , 1696px 1134px #767676 , 1667px 385px #767676 , 1236px 502px #767676 , 632px 15px #767676 , 443px 1748px #767676 , 1457px 1115px #767676 , 1279px 1315px #767676 , 584px 999px #767676 , 907px 1346px #767676 , 1665px 1935px #767676 , 481px 1560px #767676 , 1406px 1227px #767676 , 1495px 1978px #767676 , 826px 1424px #767676 , 1989px 1975px #767676 , 1557px 1076px #767676 , 181px 1997px #767676 , 1294px 813px #767676 , 1825px 870px #767676 , 1803px 851px #767676 , 210px 130px #767676 , 681px 689px #767676 , 1916px 939px #767676 , 1119px 1182px #767676 , 992px 798px #767676 , 611px 1677px #767676 , 246px 546px #767676 , 918px 634px #767676 , 27px 65px #767676 , 577px 334px #767676 , 1802px 832px #767676 , 339px 1342px #767676 , 1555px 1348px #767676 , 1237px 1314px #767676 , 1275px 1798px #767676 , 1936px 1335px #767676 , 1149px 1524px #767676 , 332px 667px #767676 , 620px 1842px #767676 , 542px 452px #767676 , 994px 1236px #767676 , 1022px 1678px #767676 , 577px 599px #767676 , 1364px 1411px #767676 , 1729px 514px #767676 , 1095px 1741px #767676 , 829px 284px #767676 , 365px 552px #767676 , 727px 1256px #767676 , 916px 813px #767676 , 1324px 342px #767676 , 465px 820px #767676 , 1796px 1465px #767676 , 654px 1160px #767676 , 1898px 1276px #767676 , 546px 1485px #767676 , 1481px 1786px #767676 , 900px 705px #767676 , 406px 561px #767676 , 1995px 1503px #767676 , 920px 232px #767676 , 559px 1745px #767676 , 1109px 967px #767676 , 1993px 1211px #767676 , 1421px 1211px #767676 , 457px 1912px #767676 , 1666px 189px #767676 , 1907px 1539px #767676 , 882px 1945px #767676 , 1026px 1701px #767676 , 1341px 899px #767676 , 1919px 590px #767676 , 970px 585px #767676 , 581px 993px #767676 , 961px 365px #767676 , 1869px 771px #767676 , 102px 127px #767676 , 1562px 1954px #767676 , 78px 962px #767676 , 407px 1748px #767676 , 640px 616px #767676 , 1756px 1585px #767676 , 1599px 1025px #767676 , 346px 1802px #767676 , 987px 1283px #767676 , 219px 1730px #767676 , 1480px 1859px #767676 , 1751px 1774px #767676 , 1869px 1498px #767676 , 478px 1501px #767676 , 744px 1237px #767676 , 14px 360px #767676 , 1397px 374px #767676 , 23px 908px #767676 , 693px 1685px #767676 , 1238px 172px #767676 , 1231px 1107px #767676 , 507px 492px #767676 , 564px 1454px #767676 , 1307px 1476px #767676 , 1343px 1616px #767676 , 1817px 1457px #767676 , 203px 548px #767676 , 331px 1997px #767676 , 1939px 506px #767676 , 454px 1110px #767676 , 1822px 910px #767676 , 1988px 1250px #767676 , 983px 1167px #767676 , 1104px 374px #767676 , 370px 899px #767676 , 400px 155px #767676 , 418px 54px #767676 , 1190px 1929px #767676 , 603px 1170px #767676 , 632px 38px #767676 , 315px 1216px #767676 , 879px 429px #767676 , 6px 843px #767676 , 1773px 1071px #767676 , 1192px 312px #767676 , 639px 506px #767676 , 1023px 1446px #767676 , 650px 1193px #767676 , 774px 840px #767676 , 301px 704px #767676 , 317px 764px #767676 , 371px 527px #767676 , 1189px 1454px #767676 , 3px 1109px #767676 , 781px 1150px #767676 , 1324px 1229px #767676 , 561px 790px #767676 , 892px 1526px #767676 , 764px 893px #767676 , 1931px 391px #767676 , 27px 1036px #767676 , 681px 1647px #767676 , 173px 364px #767676 , 184px 1578px #767676 , 1499px 1113px #767676 , 483px 1488px #767676 , 1072px 1636px #767676 , 1663px 109px #767676 , 798px 1569px #767676 , 1375px 1255px #767676 , 743px 308px #767676 , 700px 1378px #767676 , 1001px 1424px #767676 , 797px 1492px #767676 , 1811px 494px #767676 , 164px 1533px #767676 , 639px 1441px #767676 , 1407px 207px #767676 , 1580px 1781px #767676 , 593px 1849px #767676 , 282px 1295px #767676 , 805px 661px #767676 , 581px 1589px #767676 , 798px 36px #767676 , 383px 310px #767676 , 1034px 1206px #767676 , 308px 56px #767676 , 1004px 1271px #767676 , 688px 1570px #767676 , 2px 1219px #767676 , 234px 1977px #767676 , 390px 391px #767676 , 1555px 815px #767676 , 487px 780px #767676 , 48px 1364px #767676 , 261px 1262px #767676 , 1147px 207px #767676 , 1199px 781px #767676 , 1314px 20px #767676 , 1091px 915px #767676 , 526px 1345px #767676 , 385px 1797px #767676 , 920px 1299px #767676 , 947px 476px #767676 , 848px 1294px #767676 , 926px 253px #767676 , 970px 941px #767676 , 1365px 1301px #767676 , 269px 1713px #767676 , 181px 15px #767676 , 188px 460px #767676 , 1176px 1364px #767676 , 471px 882px #767676 , 1676px 840px #767676 , 23px 362px #767676 , 1842px 381px #767676 , 175px 1804px #767676 , 1087px 1688px #767676 , 32px 1313px #767676 , 1978px 216px #767676 , 183px 1818px #767676 , 975px 951px #767676 , 764px 652px #767676 , 1386px 184px #767676 , 578px 572px #767676 , 1843px 549px #767676 , 941px 1073px #767676 , 489px 1125px #767676 , 1198px 378px #767676 , 1935px 42px #767676 , 1609px 1130px #767676 , 1076px 1884px #767676 , 64px 84px #767676 , 1077px 876px #767676 , 113px 1074px #767676 , 881px 635px #767676 , 860px 166px #767676 , 264px 1216px #767676 , 665px 825px #767676 , 656px 852px #767676 , 381px 681px #767676 , 655px 1466px #767676 , 155px 1488px #767676 , 209px 1441px #767676 , 229px 1018px #767676 , 1700px 1113px #767676 , 1503px 1651px #767676 , 1577px 1545px #767676 , 1689px 1255px #767676 , 641px 1426px #767676 , 988px 1218px #767676 , 1351px 413px #767676 , 343px 1723px #767676 , 378px 237px #767676 , 515px 1107px #767676 , 1357px 415px #767676 , 1077px 1665px #767676 , 770px 1105px #767676 , 1756px 1376px #767676 , 233px 1863px #767676 , 659px 1768px #767676 , 212px 1404px #767676 , 1353px 851px #767676 , 702px 1052px #767676 , 1135px 1314px #767676 , 154px 881px #767676 , 1501px 81px #767676 , 1993px 849px #767676 , 777px 774px #767676 , 1912px 1987px #767676 , 1754px 1871px #767676 , 1519px 1178px #767676 , 1722px 845px #767676 , 28px 573px #767676 , 1898px 1567px #767676 , 1999px 1156px #767676 , 860px 595px #767676 , 1459px 1385px #767676 , 250px 1063px #767676 , 841px 808px #767676 , 1714px 838px #767676 , 1422px 249px #767676 , 880px 1112px #767676 , 1316px 478px #767676 , 196px 1718px #767676 , 46px 1856px #767676 , 1358px 1358px #767676 , 1370px 560px #767676 , 646px 197px #767676 , 274px 1852px #767676 , 1027px 1727px #767676 , 435px 102px #767676 , 1499px 739px #767676 , 1140px 1724px #767676 , 1892px 853px #767676 , 422px 449px #767676 , 201px 168px #767676 , 124px 1585px #767676 , 245px 1326px #767676 , 1547px 1796px #767676 , 1883px 1166px #767676 , 1967px 1978px #767676 , 1131px 1313px #767676 , 1870px 1827px #767676 , 799px 1475px #767676 , 1035px 1645px #767676 , 699px 1467px #767676 , 1885px 218px #767676 , 890px 994px #767676 , 1928px 144px #767676 , 1237px 326px #767676 , 710px 1044px #767676 , 1959px 1837px #767676 , 138px 210px #767676 , 1776px 347px #767676 , 473px 400px #767676 , 1750px 40px #767676 , 205px 1735px #767676 , 442px 1784px #767676 , 1899px 309px #767676 , 1686px 1577px #767676 , 1023px 971px #767676 , 146px 642px #767676 , 1438px 1169px #767676 , 516px 391px #767676 , 566px 983px #767676 , 1322px 80px #767676 , 131px 1791px #767676 , 1556px 90px #767676 , 298px 953px #767676 , 1154px 1900px #767676 , 1961px 1059px #767676 , 440px 320px #767676 , 1066px 42px #767676 , 1329px 1134px #767676 , 318px 1554px #767676 , 739px 1177px #767676 , 1755px 845px #767676 , 1494px 653px #767676 , 1682px 1755px #767676 , 653px 573px #767676 , 1988px 617px #767676 , 215px 1382px #767676 , 1699px 795px #767676 , 89px 584px #767676 , 1319px 1765px #767676 , 318px 697px #767676 , 1742px 1662px #767676 , 566px 1998px #767676 , 1728px 1325px #767676 , 1642px 1229px #767676 , 1845px 736px #767676 , 481px 390px #767676 , 1280px 822px #767676 , 1506px 266px #767676 , 618px 820px #767676 , 1366px 854px #767676 , 1898px 314px #767676 , 1307px 1333px #767676 , 1007px 621px #767676 , 400px 745px #767676 , 129px 566px #767676 , 628px 126px #767676 , 1960px 1560px #767676 , 1376px 1011px #767676 , 1351px 186px #767676 , 233px 1777px #767676 , 1312px 72px #767676 , 1506px 36px #767676 , 1826px 492px #767676 , 1373px 1978px #767676 , 164px 1831px #767676 , 1148px 796px #767676 , 1271px 203px #767676 , 1459px 1056px #767676 , 855px 1342px #767676 , 462px 873px #767676 , 539px 1262px #767676 , 1855px 810px #767676 , 1418px 382px #767676 , 6px 1821px #767676 , 1565px 1396px #767676 , 594px 1342px #767676 , 1033px 94px #767676 , 1347px 104px #767676 , 1332px 604px #767676 , 404px 144px #767676 , 867px 1252px #767676 , 23px 263px #767676 , 761px 1358px #767676 , 524px 175px #767676 , 1622px 1087px #767676 , 378px 1052px #767676 , 601px 75px #767676 , 1875px 1915px #767676 , 736px 569px #767676 , 253px 1111px #767676 , 1588px 384px #767676 , 1342px 772px #767676 , 403px 872px #767676 , 1607px 1810px #767676 , 1374px 812px #767676 , 1785px 347px #767676 , 584px 157px #767676 , 1307px 1464px #767676 , 394px 1455px #767676 , 5px 1064px #767676 , 983px 1321px #767676 , 350px 1232px #767676 , 801px 1770px #767676 , 1661px 1906px #767676 , 1348px 1140px #767676 , 254px 454px #767676 , 1470px 1657px #767676 , 702px 1971px #767676 , 154px 860px #767676 , 671px 1352px #767676 , 1118px 263px #767676 , 735px 1056px #767676 , 1517px 1242px #767676 , 913px 1483px #767676 , 1px 1603px #767676 , 1699px 214px #767676 , 1209px 1669px #767676 , 1901px 1905px #767676 , 676px 505px #767676 , 301px 1727px #767676 , 1296px 1698px #767676 , 1574px 127px #767676 , 1267px 1097px #767676 , 1852px 309px #767676 , 662px 1957px #767676 , 561px 560px #767676 , 379px 1220px #767676 , 608px 341px #767676 , 1336px 1075px #767676 , 721px 430px #767676 , 864px 99px #767676 , 1868px 1976px #767676 , 948px 1826px #767676 , 1462px 1731px #767676 , 1645px 426px #767676 , 151px 1956px #767676 , 950px 288px #767676 , 774px 1262px #767676 , 848px 1182px #767676 , 741px 207px #767676 , 564px 960px #767676 , 1509px 954px #767676 , 201px 1678px #767676 , 1180px 468px #767676 , 1594px 29px #767676 , 772px 480px #767676 , 187px 510px #767676 , 1553px 1407px #767676 , 1440px 176px #767676 , 316px 246px #767676 , 271px 431px #767676 , 57px 1434px #767676 , 692px 1021px #767676 , 1953px 38px #767676 , 1478px 575px #767676 , 1799px 505px #767676 , 299px 1055px #767676 , 1436px 1990px #767676 , 677px 1120px #767676 , 394px 578px #767676 , 1696px 1560px #767676 , 510px 1860px #767676 , 381px 538px #767676 , 1551px 329px #767676 , 273px 960px #767676 , 242px 1380px #767676 , 1918px 1131px #767676 , 1678px 1579px #767676 , 1710px 137px #767676 , 1802px 277px #767676 , 1418px 1808px #767676 , 1337px 1029px #767676 , 253px 833px #767676 , 409px 236px #767676 , 185px 1487px #767676 , 1035px 1245px #767676 , 220px 1448px #767676 , 947px 1782px #767676 , 1438px 1225px #767676;
    animation: starsAnimation 50s linear infinite;
    }
    .stars > .small:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 548px 1037px #767676 , 615px 1913px #767676 , 1732px 658px #767676 , 1223px 1984px #767676 , 1128px 375px #767676 , 975px 1584px #767676 , 911px 803px #767676 , 458px 1210px #767676 , 1729px 1568px #767676 , 1648px 1255px #767676 , 949px 936px #767676 , 1492px 1983px #767676 , 1562px 886px #767676 , 372px 1017px #767676 , 1032px 139px #767676 , 1px 591px #767676 , 663px 1427px #767676 , 592px 1935px #767676 , 225px 1575px #767676 , 1406px 1172px #767676 , 315px 398px #767676 , 1719px 1076px #767676 , 817px 1917px #767676 , 923px 385px #767676 , 405px 1477px #767676 , 1121px 1196px #767676 , 1075px 895px #767676 , 1284px 1763px #767676 , 1122px 1481px #767676 , 1293px 1767px #767676 , 1209px 949px #767676 , 1657px 1357px #767676 , 462px 1632px #767676 , 1069px 511px #767676 , 144px 1353px #767676 , 211px 616px #767676 , 131px 666px #767676 , 482px 1045px #767676 , 854px 1797px #767676 , 1711px 1213px #767676 , 1521px 1999px #767676 , 340px 277px #767676 , 1688px 716px #767676 , 120px 1903px #767676 , 913px 175px #767676 , 235px 490px #767676 , 943px 533px #767676 , 521px 418px #767676 , 505px 305px #767676 , 1467px 443px #767676 , 1276px 310px #767676 , 845px 895px #767676 , 1962px 517px #767676 , 1481px 1673px #767676 , 100px 515px #767676 , 276px 427px #767676 , 1311px 999px #767676 , 1934px 1588px #767676 , 1486px 1771px #767676 , 1003px 1068px #767676 , 1860px 855px #767676 , 938px 1732px #767676 , 1962px 1580px #767676 , 1615px 1591px #767676 , 440px 293px #767676 , 972px 519px #767676 , 1882px 615px #767676 , 1082px 786px #767676 , 524px 886px #767676 , 609px 746px #767676 , 112px 1524px #767676 , 1341px 1769px #767676 , 1026px 1640px #767676 , 666px 1666px #767676 , 873px 1863px #767676 , 1246px 773px #767676 , 112px 551px #767676 , 1894px 113px #767676 , 1649px 347px #767676 , 202px 1322px #767676 , 1821px 1362px #767676 , 576px 710px #767676 , 1571px 1913px #767676 , 1623px 234px #767676 , 1414px 1772px #767676 , 1680px 97px #767676 , 1184px 998px #767676 , 422px 72px #767676 , 1307px 954px #767676 , 175px 1377px #767676 , 1086px 1117px #767676 , 620px 651px #767676 , 899px 202px #767676 , 1424px 1518px #767676 , 1245px 1372px #767676 , 1975px 22px #767676 , 1241px 1240px #767676 , 309px 1574px #767676 , 52px 122px #767676 , 108px 1923px #767676 , 546px 574px #767676 , 1778px 1419px #767676 , 1509px 1057px #767676 , 1074px 520px #767676 , 128px 283px #767676 , 1964px 1540px #767676 , 174px 984px #767676 , 1326px 1768px #767676 , 1704px 1907px #767676 , 66px 1048px #767676 , 1903px 435px #767676 , 477px 709px #767676 , 546px 132px #767676 , 1111px 923px #767676 , 964px 1226px #767676 , 715px 1286px #767676 , 1332px 1651px #767676 , 228px 1097px #767676 , 1419px 1812px #767676 , 1623px 1449px #767676 , 905px 213px #767676 , 1225px 1915px #767676 , 1714px 773px #767676 , 1992px 1512px #767676 , 1188px 1066px #767676 , 323px 438px #767676 , 22px 643px #767676 , 1281px 79px #767676 , 1119px 1414px #767676 , 1434px 307px #767676 , 1136px 528px #767676 , 664px 1739px #767676 , 488px 345px #767676 , 154px 414px #767676 , 790px 1026px #767676 , 1999px 816px #767676 , 476px 1044px #767676 , 172px 1429px #767676 , 550px 1776px #767676 , 606px 1446px #767676 , 219px 1133px #767676 , 182px 1428px #767676 , 1101px 12px #767676 , 1774px 391px #767676 , 1567px 861px #767676 , 247px 1793px #767676 , 38px 1625px #767676 , 1162px 131px #767676 , 1789px 1222px #767676 , 1754px 218px #767676 , 958px 484px #767676 , 1312px 377px #767676 , 324px 53px #767676 , 383px 1518px #767676 , 1718px 1033px #767676 , 34px 317px #767676 , 1141px 440px #767676 , 1045px 334px #767676 , 1860px 330px #767676 , 1591px 17px #767676 , 1417px 1676px #767676 , 155px 1755px #767676 , 772px 1026px #767676 , 928px 789px #767676 , 769px 1949px #767676 , 772px 201px #767676 , 1692px 1592px #767676 , 351px 882px #767676 , 1454px 235px #767676 , 937px 65px #767676 , 2000px 1558px #767676 , 249px 433px #767676 , 681px 518px #767676 , 908px 1518px #767676 , 172px 1202px #767676 , 615px 1264px #767676 , 1097px 628px #767676 , 905px 644px #767676 , 545px 1124px #767676 , 1601px 917px #767676 , 29px 934px #767676 , 1392px 307px #767676 , 1199px 938px #767676 , 1498px 500px #767676 , 904px 1159px #767676 , 943px 679px #767676 , 1913px 522px #767676 , 1748px 964px #767676 , 11px 1446px #767676 , 1828px 1317px #767676 , 415px 403px #767676 , 426px 692px #767676 , 459px 1587px #767676 , 491px 773px #767676 , 1569px 1381px #767676 , 1655px 394px #767676 , 1604px 978px #767676 , 345px 497px #767676 , 513px 653px #767676 , 1928px 1418px #767676 , 1796px 946px #767676 , 1022px 1455px #767676 , 339px 833px #767676 , 1267px 1674px #767676 , 525px 1280px #767676 , 1418px 1281px #767676 , 574px 771px #767676 , 1038px 1776px #767676 , 1604px 284px #767676 , 968px 328px #767676 , 1801px 119px #767676 , 376px 1073px #767676 , 1638px 1217px #767676 , 1418px 1382px #767676 , 1152px 1459px #767676 , 520px 970px #767676 , 27px 29px #767676 , 1244px 863px #767676 , 815px 1290px #767676 , 1874px 1012px #767676 , 950px 1281px #767676 , 809px 759px #767676 , 1500px 227px #767676 , 1760px 169px #767676 , 1225px 1242px #767676 , 300px 488px #767676 , 666px 1882px #767676 , 1558px 1791px #767676 , 293px 368px #767676 , 1714px 1363px #767676 , 925px 426px #767676 , 1828px 876px #767676 , 1409px 876px #767676 , 1961px 1628px #767676 , 999px 919px #767676 , 1437px 1341px #767676 , 1543px 1522px #767676 , 1582px 318px #767676 , 1696px 1134px #767676 , 1667px 385px #767676 , 1236px 502px #767676 , 632px 15px #767676 , 443px 1748px #767676 , 1457px 1115px #767676 , 1279px 1315px #767676 , 584px 999px #767676 , 907px 1346px #767676 , 1665px 1935px #767676 , 481px 1560px #767676 , 1406px 1227px #767676 , 1495px 1978px #767676 , 826px 1424px #767676 , 1989px 1975px #767676 , 1557px 1076px #767676 , 181px 1997px #767676 , 1294px 813px #767676 , 1825px 870px #767676 , 1803px 851px #767676 , 210px 130px #767676 , 681px 689px #767676 , 1916px 939px #767676 , 1119px 1182px #767676 , 992px 798px #767676 , 611px 1677px #767676 , 246px 546px #767676 , 918px 634px #767676 , 27px 65px #767676 , 577px 334px #767676 , 1802px 832px #767676 , 339px 1342px #767676 , 1555px 1348px #767676 , 1237px 1314px #767676 , 1275px 1798px #767676 , 1936px 1335px #767676 , 1149px 1524px #767676 , 332px 667px #767676 , 620px 1842px #767676 , 542px 452px #767676 , 994px 1236px #767676 , 1022px 1678px #767676 , 577px 599px #767676 , 1364px 1411px #767676 , 1729px 514px #767676 , 1095px 1741px #767676 , 829px 284px #767676 , 365px 552px #767676 , 727px 1256px #767676 , 916px 813px #767676 , 1324px 342px #767676 , 465px 820px #767676 , 1796px 1465px #767676 , 654px 1160px #767676 , 1898px 1276px #767676 , 546px 1485px #767676 , 1481px 1786px #767676 , 900px 705px #767676 , 406px 561px #767676 , 1995px 1503px #767676 , 920px 232px #767676 , 559px 1745px #767676 , 1109px 967px #767676 , 1993px 1211px #767676 , 1421px 1211px #767676 , 457px 1912px #767676 , 1666px 189px #767676 , 1907px 1539px #767676 , 882px 1945px #767676 , 1026px 1701px #767676 , 1341px 899px #767676 , 1919px 590px #767676 , 970px 585px #767676 , 581px 993px #767676 , 961px 365px #767676 , 1869px 771px #767676 , 102px 127px #767676 , 1562px 1954px #767676 , 78px 962px #767676 , 407px 1748px #767676 , 640px 616px #767676 , 1756px 1585px #767676 , 1599px 1025px #767676 , 346px 1802px #767676 , 987px 1283px #767676 , 219px 1730px #767676 , 1480px 1859px #767676 , 1751px 1774px #767676 , 1869px 1498px #767676 , 478px 1501px #767676 , 744px 1237px #767676 , 14px 360px #767676 , 1397px 374px #767676 , 23px 908px #767676 , 693px 1685px #767676 , 1238px 172px #767676 , 1231px 1107px #767676 , 507px 492px #767676 , 564px 1454px #767676 , 1307px 1476px #767676 , 1343px 1616px #767676 , 1817px 1457px #767676 , 203px 548px #767676 , 331px 1997px #767676 , 1939px 506px #767676 , 454px 1110px #767676 , 1822px 910px #767676 , 1988px 1250px #767676 , 983px 1167px #767676 , 1104px 374px #767676 , 370px 899px #767676 , 400px 155px #767676 , 418px 54px #767676 , 1190px 1929px #767676 , 603px 1170px #767676 , 632px 38px #767676 , 315px 1216px #767676 , 879px 429px #767676 , 6px 843px #767676 , 1773px 1071px #767676 , 1192px 312px #767676 , 639px 506px #767676 , 1023px 1446px #767676 , 650px 1193px #767676 , 774px 840px #767676 , 301px 704px #767676 , 317px 764px #767676 , 371px 527px #767676 , 1189px 1454px #767676 , 3px 1109px #767676 , 781px 1150px #767676 , 1324px 1229px #767676 , 561px 790px #767676 , 892px 1526px #767676 , 764px 893px #767676 , 1931px 391px #767676 , 27px 1036px #767676 , 681px 1647px #767676 , 173px 364px #767676 , 184px 1578px #767676 , 1499px 1113px #767676 , 483px 1488px #767676 , 1072px 1636px #767676 , 1663px 109px #767676 , 798px 1569px #767676 , 1375px 1255px #767676 , 743px 308px #767676 , 700px 1378px #767676 , 1001px 1424px #767676 , 797px 1492px #767676 , 1811px 494px #767676 , 164px 1533px #767676 , 639px 1441px #767676 , 1407px 207px #767676 , 1580px 1781px #767676 , 593px 1849px #767676 , 282px 1295px #767676 , 805px 661px #767676 , 581px 1589px #767676 , 798px 36px #767676 , 383px 310px #767676 , 1034px 1206px #767676 , 308px 56px #767676 , 1004px 1271px #767676 , 688px 1570px #767676 , 2px 1219px #767676 , 234px 1977px #767676 , 390px 391px #767676 , 1555px 815px #767676 , 487px 780px #767676 , 48px 1364px #767676 , 261px 1262px #767676 , 1147px 207px #767676 , 1199px 781px #767676 , 1314px 20px #767676 , 1091px 915px #767676 , 526px 1345px #767676 , 385px 1797px #767676 , 920px 1299px #767676 , 947px 476px #767676 , 848px 1294px #767676 , 926px 253px #767676 , 970px 941px #767676 , 1365px 1301px #767676 , 269px 1713px #767676 , 181px 15px #767676 , 188px 460px #767676 , 1176px 1364px #767676 , 471px 882px #767676 , 1676px 840px #767676 , 23px 362px #767676 , 1842px 381px #767676 , 175px 1804px #767676 , 1087px 1688px #767676 , 32px 1313px #767676 , 1978px 216px #767676 , 183px 1818px #767676 , 975px 951px #767676 , 764px 652px #767676 , 1386px 184px #767676 , 578px 572px #767676 , 1843px 549px #767676 , 941px 1073px #767676 , 489px 1125px #767676 , 1198px 378px #767676 , 1935px 42px #767676 , 1609px 1130px #767676 , 1076px 1884px #767676 , 64px 84px #767676 , 1077px 876px #767676 , 113px 1074px #767676 , 881px 635px #767676 , 860px 166px #767676 , 264px 1216px #767676 , 665px 825px #767676 , 656px 852px #767676 , 381px 681px #767676 , 655px 1466px #767676 , 155px 1488px #767676 , 209px 1441px #767676 , 229px 1018px #767676 , 1700px 1113px #767676 , 1503px 1651px #767676 , 1577px 1545px #767676 , 1689px 1255px #767676 , 641px 1426px #767676 , 988px 1218px #767676 , 1351px 413px #767676 , 343px 1723px #767676 , 378px 237px #767676 , 515px 1107px #767676 , 1357px 415px #767676 , 1077px 1665px #767676 , 770px 1105px #767676 , 1756px 1376px #767676 , 233px 1863px #767676 , 659px 1768px #767676 , 212px 1404px #767676 , 1353px 851px #767676 , 702px 1052px #767676 , 1135px 1314px #767676 , 154px 881px #767676 , 1501px 81px #767676 , 1993px 849px #767676 , 777px 774px #767676 , 1912px 1987px #767676 , 1754px 1871px #767676 , 1519px 1178px #767676 , 1722px 845px #767676 , 28px 573px #767676 , 1898px 1567px #767676 , 1999px 1156px #767676 , 860px 595px #767676 , 1459px 1385px #767676 , 250px 1063px #767676 , 841px 808px #767676 , 1714px 838px #767676 , 1422px 249px #767676 , 880px 1112px #767676 , 1316px 478px #767676 , 196px 1718px #767676 , 46px 1856px #767676 , 1358px 1358px #767676 , 1370px 560px #767676 , 646px 197px #767676 , 274px 1852px #767676 , 1027px 1727px #767676 , 435px 102px #767676 , 1499px 739px #767676 , 1140px 1724px #767676 , 1892px 853px #767676 , 422px 449px #767676 , 201px 168px #767676 , 124px 1585px #767676 , 245px 1326px #767676 , 1547px 1796px #767676 , 1883px 1166px #767676 , 1967px 1978px #767676 , 1131px 1313px #767676 , 1870px 1827px #767676 , 799px 1475px #767676 , 1035px 1645px #767676 , 699px 1467px #767676 , 1885px 218px #767676 , 890px 994px #767676 , 1928px 144px #767676 , 1237px 326px #767676 , 710px 1044px #767676 , 1959px 1837px #767676 , 138px 210px #767676 , 1776px 347px #767676 , 473px 400px #767676 , 1750px 40px #767676 , 205px 1735px #767676 , 442px 1784px #767676 , 1899px 309px #767676 , 1686px 1577px #767676 , 1023px 971px #767676 , 146px 642px #767676 , 1438px 1169px #767676 , 516px 391px #767676 , 566px 983px #767676 , 1322px 80px #767676 , 131px 1791px #767676 , 1556px 90px #767676 , 298px 953px #767676 , 1154px 1900px #767676 , 1961px 1059px #767676 , 440px 320px #767676 , 1066px 42px #767676 , 1329px 1134px #767676 , 318px 1554px #767676 , 739px 1177px #767676 , 1755px 845px #767676 , 1494px 653px #767676 , 1682px 1755px #767676 , 653px 573px #767676 , 1988px 617px #767676 , 215px 1382px #767676 , 1699px 795px #767676 , 89px 584px #767676 , 1319px 1765px #767676 , 318px 697px #767676 , 1742px 1662px #767676 , 566px 1998px #767676 , 1728px 1325px #767676 , 1642px 1229px #767676 , 1845px 736px #767676 , 481px 390px #767676 , 1280px 822px #767676 , 1506px 266px #767676 , 618px 820px #767676 , 1366px 854px #767676 , 1898px 314px #767676 , 1307px 1333px #767676 , 1007px 621px #767676 , 400px 745px #767676 , 129px 566px #767676 , 628px 126px #767676 , 1960px 1560px #767676 , 1376px 1011px #767676 , 1351px 186px #767676 , 233px 1777px #767676 , 1312px 72px #767676 , 1506px 36px #767676 , 1826px 492px #767676 , 1373px 1978px #767676 , 164px 1831px #767676 , 1148px 796px #767676 , 1271px 203px #767676 , 1459px 1056px #767676 , 855px 1342px #767676 , 462px 873px #767676 , 539px 1262px #767676 , 1855px 810px #767676 , 1418px 382px #767676 , 6px 1821px #767676 , 1565px 1396px #767676 , 594px 1342px #767676 , 1033px 94px #767676 , 1347px 104px #767676 , 1332px 604px #767676 , 404px 144px #767676 , 867px 1252px #767676 , 23px 263px #767676 , 761px 1358px #767676 , 524px 175px #767676 , 1622px 1087px #767676 , 378px 1052px #767676 , 601px 75px #767676 , 1875px 1915px #767676 , 736px 569px #767676 , 253px 1111px #767676 , 1588px 384px #767676 , 1342px 772px #767676 , 403px 872px #767676 , 1607px 1810px #767676 , 1374px 812px #767676 , 1785px 347px #767676 , 584px 157px #767676 , 1307px 1464px #767676 , 394px 1455px #767676 , 5px 1064px #767676 , 983px 1321px #767676 , 350px 1232px #767676 , 801px 1770px #767676 , 1661px 1906px #767676 , 1348px 1140px #767676 , 254px 454px #767676 , 1470px 1657px #767676 , 702px 1971px #767676 , 154px 860px #767676 , 671px 1352px #767676 , 1118px 263px #767676 , 735px 1056px #767676 , 1517px 1242px #767676 , 913px 1483px #767676 , 1px 1603px #767676 , 1699px 214px #767676 , 1209px 1669px #767676 , 1901px 1905px #767676 , 676px 505px #767676 , 301px 1727px #767676 , 1296px 1698px #767676 , 1574px 127px #767676 , 1267px 1097px #767676 , 1852px 309px #767676 , 662px 1957px #767676 , 561px 560px #767676 , 379px 1220px #767676 , 608px 341px #767676 , 1336px 1075px #767676 , 721px 430px #767676 , 864px 99px #767676 , 1868px 1976px #767676 , 948px 1826px #767676 , 1462px 1731px #767676 , 1645px 426px #767676 , 151px 1956px #767676 , 950px 288px #767676 , 774px 1262px #767676 , 848px 1182px #767676 , 741px 207px #767676 , 564px 960px #767676 , 1509px 954px #767676 , 201px 1678px #767676 , 1180px 468px #767676 , 1594px 29px #767676 , 772px 480px #767676 , 187px 510px #767676 , 1553px 1407px #767676 , 1440px 176px #767676 , 316px 246px #767676 , 271px 431px #767676 , 57px 1434px #767676 , 692px 1021px #767676 , 1953px 38px #767676 , 1478px 575px #767676 , 1799px 505px #767676 , 299px 1055px #767676 , 1436px 1990px #767676 , 677px 1120px #767676 , 394px 578px #767676 , 1696px 1560px #767676 , 510px 1860px #767676 , 381px 538px #767676 , 1551px 329px #767676 , 273px 960px #767676 , 242px 1380px #767676 , 1918px 1131px #767676 , 1678px 1579px #767676 , 1710px 137px #767676 , 1802px 277px #767676 , 1418px 1808px #767676 , 1337px 1029px #767676 , 253px 833px #767676 , 409px 236px #767676 , 185px 1487px #767676 , 1035px 1245px #767676 , 220px 1448px #767676 , 947px 1782px #767676 , 1438px 1225px #767676;
    }
    
    .stars > .medium {
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 749px 1380px #767676 , 888px 374px #767676 , 977px 428px #767676 , 1721px 1045px #767676 , 564px 1324px #767676 , 1764px 664px #767676 , 560px 518px #767676 , 279px 1966px #767676 , 1028px 1124px #767676 , 1934px 1927px #767676 , 880px 1766px #767676 , 508px 1202px #767676 , 149px 818px #767676 , 1243px 1943px #767676 , 1529px 1678px #767676 , 1101px 1965px #767676 , 694px 617px #767676 , 430px 658px #767676 , 1969px 7px #767676 , 225px 1982px #767676 , 495px 221px #767676 , 733px 343px #767676 , 20px 910px #767676 , 1519px 1281px #767676 , 1368px 1333px #767676 , 778px 1942px #767676 , 233px 693px #767676 , 827px 994px #767676 , 122px 1211px #767676 , 375px 1892px #767676 , 66px 1282px #767676 , 1353px 1367px #767676 , 1603px 88px #767676 , 1903px 1675px #767676 , 1366px 676px #767676 , 667px 56px #767676 , 1457px 761px #767676 , 1217px 1129px #767676 , 128px 37px #767676 , 1392px 895px #767676 , 1119px 949px #767676 , 1308px 985px #767676 , 844px 669px #767676 , 1214px 122px #767676 , 331px 532px #767676 , 273px 1957px #767676 , 1958px 702px #767676 , 350px 1493px #767676 , 990px 507px #767676 , 1609px 1295px #767676 , 1093px 375px #767676 , 1545px 291px #767676 , 1997px 955px #767676 , 266px 1115px #767676 , 536px 918px #767676 , 984px 1709px #767676 , 1939px 854px #767676 , 1051px 1869px #767676 , 822px 447px #767676 , 1857px 1632px #767676 , 768px 47px #767676 , 465px 149px #767676 , 442px 623px #767676 , 1758px 1197px #767676 , 778px 836px #767676 , 1540px 1199px #767676 , 600px 1657px #767676 , 1500px 1892px #767676 , 1266px 1685px #767676 , 467px 1552px #767676 , 1639px 1362px #767676 , 1677px 636px #767676 , 1596px 712px #767676 , 690px 718px #767676 , 1144px 319px #767676 , 1292px 971px #767676 , 869px 837px #767676 , 834px 1260px #767676 , 191px 753px #767676 , 468px 1007px #767676 , 1221px 1331px #767676 , 1426px 1595px #767676 , 602px 52px #767676 , 1188px 423px #767676 , 501px 1260px #767676 , 852px 1564px #767676 , 1341px 1060px #767676 , 143px 130px #767676 , 1899px 937px #767676 , 1101px 1341px #767676 , 1457px 1686px #767676 , 912px 868px #767676 , 824px 1479px #767676 , 35px 613px #767676 , 19px 1910px #767676 , 1280px 1092px #767676 , 926px 1968px #767676 , 1755px 1147px #767676 , 406px 1744px #767676 , 986px 214px #767676 , 1560px 1196px #767676 , 1844px 1312px #767676 , 1770px 959px #767676 , 103px 1239px #767676 , 1237px 1400px #767676 , 1638px 237px #767676 , 1763px 1636px #767676 , 993px 1847px #767676 , 1454px 838px #767676 , 1421px 346px #767676 , 1454px 474px #767676 , 1633px 1678px #767676 , 124px 1025px #767676 , 495px 250px #767676 , 299px 1402px #767676 , 1525px 1183px #767676 , 1461px 398px #767676 , 689px 320px #767676 , 654px 1720px #767676 , 833px 804px #767676 , 1386px 1716px #767676 , 1323px 1807px #767676 , 1378px 319px #767676 , 237px 1109px #767676 , 1367px 299px #767676 , 579px 1453px #767676 , 1380px 293px #767676 , 1135px 231px #767676 , 198px 1879px #767676 , 996px 1002px #767676 , 1893px 1460px #767676 , 130px 396px #767676 , 911px 1443px #767676 , 874px 168px #767676 , 1383px 1403px #767676 , 784px 156px #767676 , 1114px 250px #767676 , 67px 390px #767676 , 992px 1610px #767676 , 1160px 495px #767676 , 1520px 884px #767676 , 1874px 1857px #767676 , 1121px 169px #767676 , 966px 1883px #767676 , 453px 964px #767676 , 1826px 637px #767676 , 1644px 1968px #767676 , 1388px 869px #767676 , 794px 624px #767676 , 1497px 1336px #767676 , 1312px 970px #767676 , 503px 555px #767676 , 1660px 835px #767676 , 326px 1445px #767676 , 78px 452px #767676 , 1661px 1114px #767676 , 216px 1961px #767676 , 17px 960px #767676 , 597px 1970px #767676 , 1091px 112px #767676 , 778px 228px #767676 , 1362px 1797px #767676 , 1171px 1419px #767676 , 1593px 1129px #767676 , 502px 727px #767676 , 712px 1987px #767676 , 1117px 156px #767676 , 1497px 1025px #767676 , 1944px 343px #767676 , 964px 790px #767676 , 1927px 1957px #767676 , 18px 274px #767676 , 1664px 804px #767676 , 1957px 50px #767676 , 1106px 739px #767676 , 749px 1452px #767676 , 1796px 104px #767676 , 407px 745px #767676 , 232px 1955px #767676 , 1698px 1827px #767676 , 698px 714px #767676 , 1445px 1485px #767676 , 657px 1423px #767676 , 1805px 1254px #767676 , 854px 1460px #767676 , 1854px 92px #767676 , 1711px 253px #767676 , 1965px 963px #767676 , 755px 1996px #767676 , 396px 225px #767676 , 906px 784px #767676 , 1102px 1376px #767676 , 497px 12px #767676 , 415px 351px #767676 , 912px 1035px #767676 , 287px 699px #767676 , 973px 1509px #767676 , 320px 236px #767676 , 1662px 1973px #767676 , 1492px 1871px #767676;
    animation: starsAnimation 100s linear infinite;
    }
    .stars > .medium:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 749px 1380px #767676 , 888px 374px #767676 , 977px 428px #767676 , 1721px 1045px #767676 , 564px 1324px #767676 , 1764px 664px #767676 , 560px 518px #767676 , 279px 1966px #767676 , 1028px 1124px #767676 , 1934px 1927px #767676 , 880px 1766px #767676 , 508px 1202px #767676 , 149px 818px #767676 , 1243px 1943px #767676 , 1529px 1678px #767676 , 1101px 1965px #767676 , 694px 617px #767676 , 430px 658px #767676 , 1969px 7px #767676 , 225px 1982px #767676 , 495px 221px #767676 , 733px 343px #767676 , 20px 910px #767676 , 1519px 1281px #767676 , 1368px 1333px #767676 , 778px 1942px #767676 , 233px 693px #767676 , 827px 994px #767676 , 122px 1211px #767676 , 375px 1892px #767676 , 66px 1282px #767676 , 1353px 1367px #767676 , 1603px 88px #767676 , 1903px 1675px #767676 , 1366px 676px #767676 , 667px 56px #767676 , 1457px 761px #767676 , 1217px 1129px #767676 , 128px 37px #767676 , 1392px 895px #767676 , 1119px 949px #767676 , 1308px 985px #767676 , 844px 669px #767676 , 1214px 122px #767676 , 331px 532px #767676 , 273px 1957px #767676 , 1958px 702px #767676 , 350px 1493px #767676 , 990px 507px #767676 , 1609px 1295px #767676 , 1093px 375px #767676 , 1545px 291px #767676 , 1997px 955px #767676 , 266px 1115px #767676 , 536px 918px #767676 , 984px 1709px #767676 , 1939px 854px #767676 , 1051px 1869px #767676 , 822px 447px #767676 , 1857px 1632px #767676 , 768px 47px #767676 , 465px 149px #767676 , 442px 623px #767676 , 1758px 1197px #767676 , 778px 836px #767676 , 1540px 1199px #767676 , 600px 1657px #767676 , 1500px 1892px #767676 , 1266px 1685px #767676 , 467px 1552px #767676 , 1639px 1362px #767676 , 1677px 636px #767676 , 1596px 712px #767676 , 690px 718px #767676 , 1144px 319px #767676 , 1292px 971px #767676 , 869px 837px #767676 , 834px 1260px #767676 , 191px 753px #767676 , 468px 1007px #767676 , 1221px 1331px #767676 , 1426px 1595px #767676 , 602px 52px #767676 , 1188px 423px #767676 , 501px 1260px #767676 , 852px 1564px #767676 , 1341px 1060px #767676 , 143px 130px #767676 , 1899px 937px #767676 , 1101px 1341px #767676 , 1457px 1686px #767676 , 912px 868px #767676 , 824px 1479px #767676 , 35px 613px #767676 , 19px 1910px #767676 , 1280px 1092px #767676 , 926px 1968px #767676 , 1755px 1147px #767676 , 406px 1744px #767676 , 986px 214px #767676 , 1560px 1196px #767676 , 1844px 1312px #767676 , 1770px 959px #767676 , 103px 1239px #767676 , 1237px 1400px #767676 , 1638px 237px #767676 , 1763px 1636px #767676 , 993px 1847px #767676 , 1454px 838px #767676 , 1421px 346px #767676 , 1454px 474px #767676 , 1633px 1678px #767676 , 124px 1025px #767676 , 495px 250px #767676 , 299px 1402px #767676 , 1525px 1183px #767676 , 1461px 398px #767676 , 689px 320px #767676 , 654px 1720px #767676 , 833px 804px #767676 , 1386px 1716px #767676 , 1323px 1807px #767676 , 1378px 319px #767676 , 237px 1109px #767676 , 1367px 299px #767676 , 579px 1453px #767676 , 1380px 293px #767676 , 1135px 231px #767676 , 198px 1879px #767676 , 996px 1002px #767676 , 1893px 1460px #767676 , 130px 396px #767676 , 911px 1443px #767676 , 874px 168px #767676 , 1383px 1403px #767676 , 784px 156px #767676 , 1114px 250px #767676 , 67px 390px #767676 , 992px 1610px #767676 , 1160px 495px #767676 , 1520px 884px #767676 , 1874px 1857px #767676 , 1121px 169px #767676 , 966px 1883px #767676 , 453px 964px #767676 , 1826px 637px #767676 , 1644px 1968px #767676 , 1388px 869px #767676 , 794px 624px #767676 , 1497px 1336px #767676 , 1312px 970px #767676 , 503px 555px #767676 , 1660px 835px #767676 , 326px 1445px #767676 , 78px 452px #767676 , 1661px 1114px #767676 , 216px 1961px #767676 , 17px 960px #767676 , 597px 1970px #767676 , 1091px 112px #767676 , 778px 228px #767676 , 1362px 1797px #767676 , 1171px 1419px #767676 , 1593px 1129px #767676 , 502px 727px #767676 , 712px 1987px #767676 , 1117px 156px #767676 , 1497px 1025px #767676 , 1944px 343px #767676 , 964px 790px #767676 , 1927px 1957px #767676 , 18px 274px #767676 , 1664px 804px #767676 , 1957px 50px #767676 , 1106px 739px #767676 , 749px 1452px #767676 , 1796px 104px #767676 , 407px 745px #767676 , 232px 1955px #767676 , 1698px 1827px #767676 , 698px 714px #767676 , 1445px 1485px #767676 , 657px 1423px #767676 , 1805px 1254px #767676 , 854px 1460px #767676 , 1854px 92px #767676 , 1711px 253px #767676 , 1965px 963px #767676 , 755px 1996px #767676 , 396px 225px #767676 , 906px 784px #767676 , 1102px 1376px #767676 , 497px 12px #767676 , 415px 351px #767676 , 912px 1035px #767676 , 287px 699px #767676 , 973px 1509px #767676 , 320px 236px #767676 , 1662px 1973px #767676 , 1492px 1871px #767676;
    }
    
    .stars > .big {
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 406px 47px #767676 , 1821px 716px #767676 , 834px 577px #767676 , 1843px 547px #767676 , 1649px 413px #767676 , 371px 186px #767676 , 449px 1266px #767676 , 1485px 303px #767676 , 333px 846px #767676 , 833px 942px #767676 , 305px 785px #767676 , 1458px 285px #767676 , 318px 1352px #767676 , 610px 752px #767676 , 551px 788px #767676 , 410px 1806px #767676 , 1947px 1958px #767676 , 1567px 1882px #767676 , 208px 1978px #767676 , 1511px 1927px #767676 , 1379px 428px #767676 , 150px 1553px #767676 , 852px 1850px #767676 , 1624px 521px #767676 , 790px 427px #767676 , 1640px 1598px #767676 , 1183px 263px #767676 , 1304px 1237px #767676 , 527px 223px #767676 , 1412px 506px #767676 , 1066px 193px #767676 , 1210px 896px #767676 , 156px 1282px #767676 , 496px 946px #767676 , 595px 744px #767676 , 1964px 66px #767676 , 592px 1262px #767676 , 951px 1403px #767676 , 192px 490px #767676 , 715px 53px #767676 , 1862px 448px #767676 , 1320px 1602px #767676 , 1367px 456px #767676 , 1311px 137px #767676 , 1143px 1355px #767676 , 895px 1177px #767676 , 786px 919px #767676 , 313px 1724px #767676 , 1560px 798px #767676 , 1818px 1741px #767676 , 877px 1091px #767676 , 1528px 445px #767676 , 1764px 1281px #767676 , 969px 1074px #767676 , 269px 1958px #767676 , 326px 1584px #767676 , 1577px 111px #767676 , 1523px 293px #767676 , 1119px 984px #767676 , 1449px 1105px #767676 , 738px 1152px #767676 , 1680px 1670px #767676 , 39px 384px #767676 , 397px 1466px #767676 , 49px 217px #767676 , 664px 899px #767676 , 170px 1282px #767676 , 1682px 612px #767676 , 1664px 1769px #767676 , 729px 251px #767676 , 905px 1731px #767676 , 623px 14px #767676 , 861px 466px #767676 , 788px 298px #767676 , 1339px 358px #767676 , 1312px 1488px #767676 , 860px 1332px #767676 , 1023px 1302px #767676 , 1206px 702px #767676 , 1087px 1123px #767676 , 1829px 369px #767676 , 1446px 21px #767676 , 1778px 253px #767676 , 1624px 1685px #767676 , 415px 1333px #767676 , 19px 825px #767676 , 1502px 832px #767676 , 1017px 1030px #767676 , 818px 72px #767676 , 1743px 198px #767676 , 449px 1653px #767676 , 1371px 656px #767676 , 1921px 1584px #767676 , 1939px 1707px #767676 , 1452px 1554px #767676 , 1751px 1150px #767676 , 1268px 461px #767676 , 6px 438px #767676 , 1598px 808px #767676 , 1403px 1700px #767676;
    border-radius: 100%;
    animation: starsAnimation 150s linear infinite;
    }
    .stars > .big:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 406px 47px #767676 , 1821px 716px #767676 , 834px 577px #767676 , 1843px 547px #767676 , 1649px 413px #767676 , 371px 186px #767676 , 449px 1266px #767676 , 1485px 303px #767676 , 333px 846px #767676 , 833px 942px #767676 , 305px 785px #767676 , 1458px 285px #767676 , 318px 1352px #767676 , 610px 752px #767676 , 551px 788px #767676 , 410px 1806px #767676 , 1947px 1958px #767676 , 1567px 1882px #767676 , 208px 1978px #767676 , 1511px 1927px #767676 , 1379px 428px #767676 , 150px 1553px #767676 , 852px 1850px #767676 , 1624px 521px #767676 , 790px 427px #767676 , 1640px 1598px #767676 , 1183px 263px #767676 , 1304px 1237px #767676 , 527px 223px #767676 , 1412px 506px #767676 , 1066px 193px #767676 , 1210px 896px #767676 , 156px 1282px #767676 , 496px 946px #767676 , 595px 744px #767676 , 1964px 66px #767676 , 592px 1262px #767676 , 951px 1403px #767676 , 192px 490px #767676 , 715px 53px #767676 , 1862px 448px #767676 , 1320px 1602px #767676 , 1367px 456px #767676 , 1311px 137px #767676 , 1143px 1355px #767676 , 895px 1177px #767676 , 786px 919px #767676 , 313px 1724px #767676 , 1560px 798px #767676 , 1818px 1741px #767676 , 877px 1091px #767676 , 1528px 445px #767676 , 1764px 1281px #767676 , 969px 1074px #767676 , 269px 1958px #767676 , 326px 1584px #767676 , 1577px 111px #767676 , 1523px 293px #767676 , 1119px 984px #767676 , 1449px 1105px #767676 , 738px 1152px #767676 , 1680px 1670px #767676 , 39px 384px #767676 , 397px 1466px #767676 , 49px 217px #767676 , 664px 899px #767676 , 170px 1282px #767676 , 1682px 612px #767676 , 1664px 1769px #767676 , 729px 251px #767676 , 905px 1731px #767676 , 623px 14px #767676 , 861px 466px #767676 , 788px 298px #767676 , 1339px 358px #767676 , 1312px 1488px #767676 , 860px 1332px #767676 , 1023px 1302px #767676 , 1206px 702px #767676 , 1087px 1123px #767676 , 1829px 369px #767676 , 1446px 21px #767676 , 1778px 253px #767676 , 1624px 1685px #767676 , 415px 1333px #767676 , 19px 825px #767676 , 1502px 832px #767676 , 1017px 1030px #767676 , 818px 72px #767676 , 1743px 198px #767676 , 449px 1653px #767676 , 1371px 656px #767676 , 1921px 1584px #767676 , 1939px 1707px #767676 , 1452px 1554px #767676 , 1751px 1150px #767676 , 1268px 461px #767676 , 6px 438px #767676 , 1598px 808px #767676 , 1403px 1700px #767676;
    border-radius: 100%;
    }
    
    @keyframes starsAnimation {
    from {
        transform: translateY(-2000px);
    }
    to {
        transform: translateY(0px);
    }
    }
    
    @media only screen 
    and (min-device-width: 320px) 
    and (max-device-width: 480px)
    and (-webkit-min-device-pixel-ratio: 2) {
        .vote_progress {
            display:block;
            width:100px;
        }

    }

    @media screen 
    and (device-width: 360px) 
    and (device-height: 640px) 
    and (-webkit-device-pixel-ratio: 4) {
        .vote_progress {
            display:block;
            width:100px;
        }
    }

    @media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) {
        .vote_progress {
            display:block;
            width:100px;
        }
    }

    .sticky-bg {
        background-color: white !important;
    }

    .tab-slide {
        overflow-y: hidden;
        overflow-x: auto;
        white-space: nowrap;
        display: flex;
    }

input[data-input-type="password"] {
    border-right: none;
}
input[data-input-type="password"]:focus {
    border-color: #ccc;
}
.input-group-addon.for-password {
    background-color: transparent;
}