.text-ocean{
    color: #549199;
}
.sidebar .nav [data-toggle="collapse"] ~ div > ul > li > a, .off-canvas-sidebar .nav [data-toggle="collapse"] ~ div > ul > li > a{
    padding-left: 20px;
}

#client-prompt{
    position: absolute;
    left: 0;
    top: 14px;
    z-index: 3000;
    min-width: 350px;
}
.strikeout{
    text-decoration: line-through;
}
.card.card-message .card-header{
    margin-top: -20px;
}
.card.card-message .card-content{
    padding-top: 10px;
}

.note-panel{
    position: relative;
}
.note-body{
    margin: 5px 0;
}

.small{
    font-size: 75%;
}
.table td>.form-group{
    margin: 0!important;
}
#all-stages-table td> .form-group >
.btn-just-icon.btn-xs{
    padding: 6px 3px;
    font-size: 13px;
}
.btn-just-icon.btn-sm{
    padding:2px;
    font-size: 13px;
}
/* Court Calendar */
table.court-calendar td.weekend div{
    color: #bab5b5;
}
table.court-calendar td  div{
    width: 21px;
    height: 20px;
    border: 1px solid transparent;
    border-radius: 2px;
    text-align:center;
}
table.court-calendar td div > *{
    margin-left: 0;
}
table.court-calendar td.in-term{
    background-color: #e9e9e9;
}
table.court-calendar td > div div.dropdown > a{
    color: inherit;
    font-weight: inherit;
}
table.court-calendar td.selected-cr > div{
    color: #FFF;
    background-color: #ec407a;
    font-weight: 700;
}
table.court-calendar td.selected-case-progression> div{
    color: #FFF;
    background-color: #388e3c;
    font-weight: 700;
}
table.court-calendar td.selected-judgement> div{
    color: #FFF;
    background-color: #26c6da;
    font-weight: 700;
}
table.court-calendar td.selected-callover> div{
    color: #FFF;
    background-color: #7b1fa2;
    font-weight: 700;
}
.court-calendar-container{
    display:inline-block;width:240px;height:240px; margin: 10px;
}
/* Popdown */
.popdown-menu {
    -webkit-transform: translate3d(0, -20px, 0);
    -moz-transform: translate3d(0, -20px, 0);
    -o-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    border-radius: 3px !important;
    border: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    min-width: 350px;
    padding: 20px;
    background-color: white;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    z-index: -1;
    max-height:0;
    overflow: hidden;
}
.popdown-menu.open {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    z-index: 2000;
    max-height: 100vh;
}


/* Dashboard */
.slab{
    font-family:"Roboto Slab";
    font-weight:700;
}
#content {
    margin-top: 53px;
    padding: 0 0;
    height: auto;
    min-height: calc(100vh - 142px);
}
.dashboard-heading{
    height: 100px;
    padding: 25px 10px 0 10px;
    margin-bottom: 10px;
}
.content-primary {
    background: linear-gradient(60deg, #ab47bc, #7b1fa2);
}
.content-info {
    background: linear-gradient(60deg, #26c6da, #0097a7);
}
.content-success {
    background: linear-gradient(60deg, #66bb6a, #388e3c);
}
.content-warning {
    background: linear-gradient(60deg, #ffa726, #f57c00);
}
.content-danger {
    background: linear-gradient(60deg, #ef5350, #d32f2f);
}
.content-rose {
    background: linear-gradient(60deg, #ec407a, #c2185b);
}
[class*="content-"] {
    color: #FFFFFF;
}

.table.table-compact tr td{
    padding: 3px 8px!important;
}
#user-view{
    position: absolute;
    width: 0%;
    height: 100%;
    border: 0;
    right: 0;
    top:50px;
    -webkit-transition: width 0.4s;
    -moz-transition: width 0.4s;
    -ms-transition: width 0.4s;
    -o-transition: width 0.4s;
    transition: width 0.4s;
    z-index: 2000;
}
#user-view.open{
    width: 100%;
}

.minimize{
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -9px;
    z-index: 1033;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    font-size: inherit;
    color: #FFFFFF;
    opacity: .9;
    text-shadow: none;
}
.alert .btn-group-tiny{
    margin-top:-15px;
}
.btn-group-tiny .btn{
    font-size: 15px;
    padding: 4px 4px;
}
#notifications-area{
    position: fixed;

    bottom: 0;

    right: 10px;

    width: 50%;
}
#attachments span{
    margin:5px;
    display: inline-block;
}
#attachments .close{
    float: none;
}
#attachments .close i{
    margin-left: 4px;
}

#message-slider .message-slider-nav{
    right: inherit;
    width:660px;
}
#email-subject {
    position: absolute;
    top: 1px;
    z-index: 1000;
    right: 0;
    height: 40px;
    line-height: 20px;
    padding: 0 17px;
    left: 0;
    width: 100%;
    border: 1px solid #ddd;
    text-align: center;
    font-weight: bold;
    font-family: "Roboto Slab", serif;
}
.p{
    margin: 0 0 40px;
}
.stats hr{
    margin: 0;
}
.well ul.text-list{
    padding: 13px;
}
.upper-case{
    text-transform: uppercase;
}
.form-name{
    font-family: "Roboto Slab";
    white-space:nowrap;
    font-weight: normal;
}
@media all and (max-width: 500px) {
    .form-name{
        white-space:normal;
    }
}
.full-content{
    min-height: calc(100vh - 200px);
}
.icon28 i{
    font-size: 28px!important;
}
.speech .btn-group{
    margin-top: -18px;
    margin-right: -18px;
}
.btn-lg-select{
    margin: 10px 1px!important;
}
.message-person-select{
    position: fixed;
    top: 49px;
    float: left;
    z-index: 1050;
}
.message-person-select .btn-transparent{
    background-color: transparent;
}
.message-person-select .btn-group.open > .dropdown-toggle.btn{
     background-color: rgba(255, 255, 255, 0.2);
     box-shadow: none;
 }
.message-person-select .btn:focus{
    box-shadow: none!important;
}
.nav-tabs-wrapper .nav{
    float: right;
    margin: 10px;
}
.nav-tabs-wrapper .nav-tabs-title{
    float: left;
    padding: 10px 10px 0 10px;
    line-height: 24px;
}
#message-slider textarea{
    width: 100%;
    height: 340px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
    font-family: "Roboto Slab", Serif;
    border: 1px solid #a3d3da;
    border-radius: 6px;
    outline:none;
    resize:none;
    font-size: 12px;
    color: #555;
}
#message-slider .scroll-area{
    height: 100%;
}

#message-slider .messages-container, #message-slider form{
    margin: 0 15px;
    position: relative;
    padding-top: 20px;
}
#message-slider .messages-container{
    padding-top: 80px;
}
#message-slider{
    position: fixed;
    right:-660px;
    top:53px;
    bottom:0px;
    color: #555;
    width: 100%;
    z-index:1049;
    background-color:white;
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
    -ms-transition: right 0.3s;
    -o-transition: right 0.3s;
    transition: right 0.3s;
    max-width: 660px;
}
#message-slider #messages{

}
.messages-open #message-slider{
    opacity:1;
    right:0;
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

#pension-list-group .badge{
    position: absolute;
    right:0;
}
.messages-open .sidebar-wrapper{
    float: left;
}

.rows10{
    min-height: 280px;
}
.rows4{
    min-height: 120px;
}
.simple-text{
    text-transform: none!important;
}
.material-icons.inline-icon{
    float: none!important;
    margin-right: 0!important;
    line-height: normal!important;
    width:auto!important;
}
/* Initial Setup */
.card-signup .input-group-addon{
    padding-top: 35px!important;
}
.fa-xs{
    font-size: 0.9em !important;
}
li.navigation-heading{
    margin-left: 30px;
   margin-top:20px;
}
li.navigation-heading p{
    text-transform: uppercase;
    color:#999;
}
.select-inline > .bootstrap-select{
    width: auto!important;
}
.timeline-heading > i{
    margin-left: -40px;
}
.wizard-mobile .card{
    padding:20px 35px;
}
@media all and (max-width: 400px) {
    /* CSS rules here for screens lower than 750px */
    .card.timeline-card .card-content{
        padding:15px 0!important;
    }
    .timeline-heading > i{
        margin-left: 0;
    }
}

.wizard-mobile{
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.wizard-mobile .tab-content > .tab-pane{
    display: block;
}
.wizard-mobile > .card-content{
    margin-right: -20px;
    margin-left: -20px;
}

.prepare-actions .btn{
    margin:0;
}
li.paperclip{
    list-style:none;
}
li.paperclip:before{
    font-family: 'FontAwesome';
    content: '\f0c6';
    margin:0 5px 0 -15px;
}
.fa-resize-lg{
    font-size: 1.4em!important;
    line-height: 1.4em;
}
.fa-resize-lg + strong{
    line-height: 1.6em;
}

.phoneimg{
    background: url("/assets/img/steps123.jpg");
    height: 250px;
    background-repeat: no-repeat;
    background-size: contain;
}
.well p:last-child{
    margin: 0;
}
.input-group .input-group-addon {
    padding: 6px 15px 13px;
}

.form-group{
    padding-bottom:0;
    margin-bottom: 5px;

}
.form-group-radio p,.form-group-switch p{
    color: #777;
}
.form-group-switch .togglebutton{
    margin-top: -5px;
}
.questionnaire .well{
   margin-top:5px;margin-bottom:5px;
}
.sidebar .user a{
    padding: 10px 15px;
    text-align: left;
}

.sidebar .nav .setup-success,.sidebar .nav .setup-fail{
    float: none;
    font-size: 12px;
    color: #4caf50;
    margin:0;
}
.sidebar .nav .setup-fail{
    color: #f44336;
}

.sidebar .nav .attention{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width:19px;
    height:19px;
    display: inline-block;
    text-align: center;
}
.sidebar .nav .attention i{
    margin:0;
    padding:0;
    color: white!important;
    font-size: 11px;
    float:none;
    width: auto;
    position: relative;
    top:-7px;
}

textarea.autogrow-field {


    resize: none;
}

textarea.autogrow-field ~ .autogrow-mirror {
    position: absolute;
    visibility: hidden;
    white-space: normal;
    word-break: break-word;
    z-index: -1;
    top:0;
}

.nav-pills-icons > li{
    /* min-height: 176px; */
}
.nav-pills-icons > li .badge{
    position: absolute;
    left:52%;
    top:12px;
    border-radius:50%;
}
.nav-pills-icons > li .badge i{
    font-size: 13px;
    padding: 4px 0;
    margin: -4px;
}

.nav-pills > li + li {
    margin-left: 0;
}
.nav-center .nav-pills-icons {
    max-width: none!important;
}

.document-preview{
    text-align: justify;
    font-size:15px;
    color: #3C4858;
}

.document-preview .title {
    border-top: 1px solid #3C4858;
    border-bottom: 1px solid #3C4858;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.document-preview table{
    width: 100%;
}
.document-preview .nowrap{
    white-space: nowrap;
}
.document-preview .dotted{
    border-bottom: 1px dotted #3C4858;
}
.document-preview .spacer-md{
    min-width: 100px;
    display: inline-block;
}
.document-preview li,.document-preview p{
    margin: 15px 0
}
/*
Messages
 */

[step='0.01']{
    text-align:right;
}
.sidebar{
    z-index:1100;
}
.popover-close{
    font-size: 18px;
    padding: 5px;
    margin-top: -20px;
    margin-right: -10px;
    color: #ccc;
    cursor: pointer;
}
.popover.on-right .arrow{
    right: 24%!important;
    left: auto!important;
}
.navbar-header {
    float: right!important;
}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
     margin-right: 0;
     margin-left: 0;
}
.navbar-nav li:not a{
    /*
    color: inherit!important;
    opacity:1 !important;
    */
}
.navbar-fixed{
    position: fixed;
    z-index: 1032;
    right: 0;
    width: 100%;
    border-radius:0;
}
.navbar-fixed:not(.message-slider-nav){
    background-color: #d3d3d3 !important;

}
.nav-open .navbar-fixed{
    right: 260px;
}
.expandable .popover{
    left: 0!important;
}
.expandable .popover .arrow{
    left: 13%!important;
}
.expandable li a .nav-clue{
    max-height:16px;
    overflow: hidden;
    display:inline-block;
    transition: max-width 0.7s;
}
.expandable li:not(.ignore) a .nav-clue {
    max-width: 0px;
}
.expandable li:not(.ignore) a:hover .nav-clue{
    max-width: 300px;
}

@media (min-width: 991px){
    .navbar-fixed{
        width:calc(100% - 260px);
    }
}
textarea.expandable {
    -webkit-transition: height 0.6s;
    -moz-transition: height 0.6s;
    -ms-transition: height 0.6s;
    -o-transition: height 0.6s;
    transition: height 0.6s;
    min-height:100px;
}
#messages div.delivered {
    position: absolute;
    top: 8px;
    left: 2px;
    font-size: 8px;
}
#nav-pill-messages .popover-content{
    padding-top: 0 !important;
}
[data-toggle=buttons] label:not(.active){
    transition: background-color .1s .2s;
}
.nav-pills-icons.nav-pills-sm li.active a.btn-simple.btn-success{
    box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
}
.nav-pills-icons.nav-pills-sm li.active a.btn-simple.btn-primary{
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
}
.nav-pills-icons.nav-pills-sm li.active a.btn-simple.btn-rose{
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
}

.nav-pills-icons.nav-pills-sm li i{
    padding:2px;
    margin-top:-5px!important;
}
.nav-pills-icons.nav-pills-sm li i{
     padding:2px;
    margin-top:-5px!important;
}
.nav-pills-icons.nav-pills-sm{
    display:inline-block;
}
.nav-pills-icons.nav-pills-sm li a{
    min-width: 30px;
    margin: 0 2px;
}
#messages .ps-scrollbar-y,#messages .ps-scrollbar-x{
    display:none;
}
#messages .form-group{
    margin-top: 0;
}
#messages textarea{
    font-family: Roboto;
    font-size: 12px;
}
#messages-expand{
    position: absolute;
    top:2px;
    left:2px;
    font-size: 15px;
    color: #e9e9e9!important;
}
#messages [data-background-color] hr{
    margin-bottom: 3px;
}
.scroll-area{
    height: 400px;
    overflow:hidden;
    overflow-y: scroll;
}
.speech .new-message{
    position: absolute;
    font-size:19px;
    right: 3px;
    top: 3px;

}
.speech .postponed-message{
    position: absolute;
    font-size:24px;
    left: -30px;
    top: 0;

}
.repeat4{
    animation-iteration-count: 4;
}
.speech .sender .sent-time{
    position: absolute;
    top: -24px;
    left: 0;
    font-size: 9px;
    line-height: 12px;
    font-family: "Roboto Slab";
}
.sender.marianna{
    background-image: url("/assets/img/marianna.jpg");
}
.sender.marietjie{
    background-image: url("/assets/img/marietjie.jpg");
}
.sender.stephen{
    background-image: url("/assets/img/stephen.jpg");
}
.speech.left .sender {

    left: -70px;
    bottom: 0;

}
.speech .sender {
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    height: 50px;
    width: 50px;
    bottom: 0;
    max-width: 130px;
    max-height: 130px;
    margin: -50px auto 0;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    font-size: 25px;
    font-family: monospace;
    background-color: #dbdbdb;
    font-weight: bold;
}
.speech.left .sender{
    left: -70px;;


}
.speech.right .sender{
    right: -70px;
}
.time-separator{
    margin: 30px 10px 0 10px;
    display: block;
    border-top: 1px solid #ccc;
    text-align: center;
}
.time-separator span{
    background-color: #FFF;
    position: relative;
    top:-12px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    color: #ccc;
}
.speech label{
    position: absolute;
    top: 2px;
    right: 4px;
}
.speech {
    position: relative;
    width: auto;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    min-height:80px;
    padding: 20px;
    margin:10px;
    font-size: 12px;
    color: #555;
    font-family: Roboto;

}
.speech.left{
    margin-left:70px;
    border: 1px solid #d9b4e0;
    margin-right:0;
}
.speech.right{
    margin-right:70px;
    border: 1px solid #a3d3da;
    margin-left:0;
}
.speech.left label{
    color: #d9b4e0;
}
.speech.right label{
    color: #dcf2db;
}
.speech:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    /* height */
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

.speech:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    /* height */
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;

}

.speech.left:before{
    left: -7px;
    bottom: 16px;
    border-right:7px solid #d9b4e0;
}
.speech.left:after{
    left: -6px;
    bottom: 17px;
    border-right:6px solid #fff;
}

/* right side arrow */
.speech.right:before{
    right: -7px;
    bottom: 16px;
    /* horizontal width */
    border-left:7px solid #a3d3da;
}
.speech.right:after{
    right: -6px;
    bottom: 17px;
    /* horizontal width */
    border-left: 6px solid #fff;
}


.popover.small{
    max-width: 300px!important;
    min-width: 300px!important;
}
.popover.small.on-right{
    left: -205px!important;
}
.popover.medium{
    max-width: 600px!important;
    min-width: 600px!important;
}
.popover.medium.on-right{
    left: -505px!important;
}

.form-group-radio p{
    margin: 0;
}
#admin-content{
    margin-top: -25px;
    max-height:0;
    overflow: hidden;
    -webkit-transition:  max-height 0.7s;
    -moz-transition:  max-height 0.7s;
    -ms-transition:  max-height 0.7s;
    -o-transition:  max-height 0.7s;
    transition:  max-height 0.7s;
    padding-top: 90px;
}
#admin-content.open{
    max-height: 1000px;
}

.navbar .notification{
    top:-0px;
    font-size: 10px;
}
.navbar .navbar-nav > li > a {
    cursor: pointer;
}
.navbar .navbar-form{
    margin: 18px 0 0 0;
}
.popover{
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    transition: all 150ms linear;
    -webkit-transform: translate3d(0, -20px, 0);
    -moz-transform: translate3d(0, -20px, 0);
    -o-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    visibility: hidden;
    display: block;
    opacity: 0;
    left: -50%!important;
    top: 43px!important;;
}
.popover.in{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible;
}
li a .notification{
    position: absolute;
    left: 25px;
    top:-5px;
    right: auto!important;
    font-size: 9px;
    background: #f44336;
    color: #FFFFFF;
    min-width: 20px;
    padding: 0px 2px;
    height: 18px;
    border-radius: 10px;
    text-align: center;
    line-height: 17px;
    vertical-align: middle;
    display: inline;
    border: none!important;
}
.sidebar-wrapper .notification{
    top: 7px;
    left: auto!important;
    min-width: 19px;
}
.sidebar-wrapper .notification i{
    font-size: 11px;
    line-height: 16px;
    width: auto!important;
    margin:0 0 0 1px !important;


}

.mini-cards .height{
    min-height:62px;
}
.mini-cards .card-content button{
    position: relative;
}
.mini-cards .card-content button label{
     position:absolute;
     left: 109%;
 }
.mini-cards .card-content a[aria-expanded=true] label{
    color: #e91e63;
}

.content{
    -webkit-transition:  margin-top 0.7s;
    -moz-transition:  margin-top 0.7s;
    -ms-transition:  margin-top 0.7s;
    -o-transition:  margin-top 0.7s;
    transition:  margin-top 0.7s;
}
#admin-content.open + .content{
    margin-top:0;
}

[data-href],[data-action-click]{
    cursor: pointer;
}
.rotate45{
     transform: rotate(45deg);
     transform-origin: 50% 50%;
     transition: transform 0.5s;
}
.rotate45.none{
    transform: rotate(0deg);
}
.rotate180{
    transform: rotate(180deg);
    transform-origin: 50% 50%;
    transition: transform 0.5s;
}
.rotate180.none{
    transform: rotate(0deg);
}

.mt-0{
     margin-top: 0!important;
}
.mb-0{
    margin-bottom: 0!important;
}
.ml-0{
    margin-left: 0!important;
}
.mr-0{
    margin-right: 0!important;
}
.mr-15{
    margin-right: 15px;
}
.ml-15{
    margin-left: 15px!important;
}

table{
    width: 100%;
}

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

/* Modal */
.modal-medium {
    width: auto;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 0px;
}
.modal-large {
    width: auto;
    max-width: 900px;
    margin: 0 auto;
    margin-top: 0px;
}

/* Calendar */
.today div{
    background-color: rgba(100, 100, 100, 0.36) !important;
}

/*
Timelime
 */
.timeline .card-icon .card-content .card-title {
    margin-top: -38px!important;
    margin-bottom: 38px!important;
}

/* File Upload */
.btn-transparent, .btn-transparent:hover{
    background-color: transparent;
}

.upload-finishing,.upload-error{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:0;
    width:100%;
    white-space: normal;
    border-radius: 3px;
    display: none;
}
.upload-finishing .swal2-icon.swal2-success::before, .upload-finishing .swal2-icon.swal2-success::after{
    background: #4caf50;
}
.upload-finishing .swal2-icon.swal2-success .fix{
    background: #4caf50;
}
.upload-finishing .swal2-icon{
    transform: scale(0.7);
    margin-top:0 !important;
}
form.jumbo {
margin-top: 10px;
}
form.jumbo .fileupload-buttonbar{
    position:relative;
    height:100%;
}
form.jumbo .fileupload-progress{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    border-radius: 3px;
}
form.jumbo .progress-bar{
    width: 100%;
    position: absolute;
    bottom: 0;
    transition: height .6s ease;
    border-radius: 3px;
}
form.jumbo .fileinput-button{
    white-space: normal;
    margin:0;
    height:100%;
    width: 100%;
}
form.jumbo .fileinput-button span i{
    font-size: 3em !important;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}
.file-upload-form{
    overflow:hidden;
}
.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}
input[type="file"] {
    display: block;
}
.progress {
    overflow: hidden;
    background-color: transparent;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    height:100%;
    width:100%;
}


/* Regisistration */
[action="register"] .input-group{
    margin-bottom: 10px;
}
[action="register"] .help-block{
   display:block;
}

.timeline > li > .timeline-badge{
    top: 46px;
}
.timeline > li > .timeline-panel::before {
    top: 55px;
}
.timeline > li > .timeline-panel::after {
    top: 54px;
}
/* General */
.no-margin{
    margin:0 !important;
}
.pull-none{
    float: unset!important;
}
.text-left{
    text-align: left!important;
}
.form-control{
    font-size: 18px;
}
.card.card-plain{
    padding: 20px 0 20px 20px!important;
}
.card-header-icon-lg i{
    font-size: 36px;
    line-height: 56px;
    width: 56px;
    height: 56px;
}
.card.inactive{
    opacity: .6;
}
.card.card-strip{
    margin: 5px;
    padding: 0 15px;
}
.list-group-lg a .body{
    margin-left: 52px;
    margin-right: 30px;
    min-height: 63px;
}
.list-group-lg> a> span >i{
    line-height: 63px;
}
em{
    border-bottom: 1px dotted #89229B;
    font-style: unset;
}
.paragraph-preview td:last-child{
     padding-left:25px;
     padding-right:25px;
 }
.paragraph-preview section{
    margin-top: unset;
    margin-bottom: unset;
    text-align: justify;
}

.pop-content{
    display: none;
}
.popover{
    min-width: 300px;
    max-width: 400px;
}
.link-fieldset{
    position: relative;
}

.link-fieldset>a{
    /* border-bottom: 1px dotted rgba(114, 33, 132, 0.25);
    color: rgba(0,0,0, 0.87);
    color:
    */
    color: #549199;
   // border-bottom: 1px dashed #987782;

}
.card-chart .card-header{
    margin-top:-40px;
}


/* Document Wizard */

article{
    margin: 25px 0;
}

.caret.caret-on-right{
    float: right;
    margin-top: 10px;
}

/* Dividing Columms */
.border-between > [class*='col-']:before {
    background: #e3e3e3;
    bottom: 0;
    content: " ";
    left: 0;
    position: absolute;
    width: 1px;
    top: 0;
}

.border-between > [class*='col-']:first-child:before,.wizard-mobile .border-between > [class*='col-']:before  {
    display: none;
}

/*
Roomy
*/
.roomy-lg{
    margin-top:80px!important;
    margin-bottom:80px!important;
}
.roomy-lg-top{
    margin-top:80px!important;
}
.roomy-lg-bottom{
    margin-bottom:80px!important;
}
.roomy-md{
    margin-top:40px!important;
    margin-bottom:40px!important;
}
.roomy-md-top{
    margin-top:40px!important;
}
.roomy-md-bottom{
    margin-bottom:40px!important;
}
.roomy-sm{
    margin-top:20px!important;
    margin-bottom:20px!important;
}
.roomy-sm-top{
    margin-top:20px!important;
}
.roomy-xs-top{
    margin-top:10px;
}
.roomy-xs{
    margin: 10px!important;
}
.roomy-sm-bottom{
    margin-bottom:20px!important;
}
/*
Questionaire
 */
/* Means */
.financial-remove{
    margin-left: 15px;
    margin-top: 18px;

 }

table.financial-table{
    width: 100%;
}

table.financial-table td:not(:first-child){
    width: 20%;
}
table.financial-table td:last-child{
    width: 5%;
}

.financial-remove .dropdown-menu{
    text-align: center;
}


/* Radios */
.radio.radio-on-right{
    text-align:right;
}
.radio.radio-on-right label {
    padding-right: 35px;
}
.radio.radio-on-right label span{
    left: initial;
    right: 10px;
}
.radio label .circle{
    width: 22px;
    height: 22px;
}
.radio label .check{
    width: 22px;
    height: 22px;
}
.radio label .check::after{
    top:-13px;
    left:-13px;
}
.radio label{
    padding-left:40px;
}
.form-group .checkbox label, .form-group .radio label, .form-group label, .form-group .label-on-left, .form-group .label-on-right{
    line-height: 1.92857;
}
.form-group-radio{
    border-bottom: 1px solid #CCCCCC;
    margin-top: 0px;
}
.form-group-radio .togglebutton{
    margin-top: -25px;
}

.form-group-radio .togglebutton.pull-right{
    margin-top: -6px;
}
h6{
    font-weight: 600!important;
}
/* Date Time Picker
.questionnaire .form-group{
    margin-top: 16px;
}
*/
/* nav-pills-feedback */
.wizard-nav-pills{
    margin-right: 23px;
}
.wizard-nav-pills li a{
    text-align: left!important;
    border-radius: 3px!important;
}

.wizard li > a span.feedback{
    float: right;
    margin-top: -17px;
    margin-right: -50px;
    display: none;
}
.wizard  span.feedback.success,.wizard span.feedback.fail{
    display: inline-block;
}
.wizard span.feedback > i{
    display: none;
    font-size:25px;
}
.wizard span.feedback.success > i.fa-check{
    display:block;
}
.wizard span.feedback.fail > i.fa-times{
    display:block;
}

.nav-pills-sm li a{
    padding: 3px;
}
/*
Card Header Icon
*/
.card-icon .card-header{
    display: inline-block;
    text-align: center;
    float:left;
}
.card-title.align-with-icon{
    margin-top: -43px;
}
.card-icon .card-header i{
font-size: 36px;
line-height: 56px;
width: 56px;
height: 56px;
}
/*
HR
*/
hr{
    border-color: #D2D2D2;
}

.bootstrap-select:not(.open) .dropdown-menu{
    overflow:hidden;
    max-height: 1px;

}
/*
Selectpicker Right Align Fix
*/

.bootstrap-select li.disabled{
    display:none;
}
.select-right .bootstrap-select.btn-group .dropdown-toggle .filter-option { text-align: right; }
.select-right .bootstrap-select>.dropdown-toggle { padding-left: 25px; padding-right: 12px; }
.select-right .bootstrap-select.btn-group .dropdown-toggle .caret { right: initial; left: 12px; }
.select-right .bootstrap-select.btn-group .dropdown-menu li a{ text-align: right; }
.select-right .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{ margin-right: 0; margin-left: 34px; }
.select-right .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{ right: initial; left: 15px; }
.select-right .bootstrap-select > .dropdown-toggle {
    padding-right: 0px;
}
.select-with-transition {
    font-size: 18px;
    text-transform: inherit !important;
}
.select-right .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.text {
    margin-right: 5px;
}
.select-right .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    left: initial;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
    position: relative;
}
.select-with-transition > span {
    position: relative;
    top: -6px;

}
.select-right .bootstrap-select button:not(.selected):not(.unselected){
    visibility: hidden;
}
.bootstrap-select.btn-group .btn.btn-outline{
    padding-top:9px;
}
.financial-table .bootstrap-select.btn-group{
    margin-top:1px!important;
}
.btn-group.bootstrap-select .btn.form-group-select.unselected{
    font-size: 14px;
    color: #B1B1B1!important ;
}

.btn-group.bootstrap-select {
    margin: 2px 0 0 0 !important;;
}

.btn-group.bootstrap-select .btn:not(.form-group-select).unselected, .btn-group.bootstrap-select-wizard- .btn:not(.form-group-select).unselected {
    color: transparent !important;
}
.bs-caret{
    margin-left: 3px;
}
/*
Form-Group
*/

.form-group.label-floating > .form-control {
    background-image: linear-gradient(#89229b, #89229b), linear-gradient(#D2D2D2, #D2D2D2)!important;
}
.form-group.label-floating label.control-label, .form-group label.control-label{
    font-weight: 300;
    color: #777;
    font-size: 14px;
}
.form-group.label-floating.is-focused label.control-label, .form-group.label-floating:not(.is-empty) label.control-label {

}
.form-group.label-floating.is-focused label.control-label, .form-group.label-floating:not(.is-empty) label.control-label{
    font-size: 14px;
}
/*
.form-group.label-floating input[type="text"],.form-group.label-floating input[type="tel"],.form-group.label-floating input[type="number"]{
    padding-right: 0px;
}
*/
/*
timeline cicles */
.timeline-badge{
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
    font-size: 30px !important;
}
.timeline-panel.card{
    margin-top: 0;
}
.timeline-badge.default{
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    background-color: #999;
}
/*
Circle Heading Icons
*/
.circled-number {
    width:  49px;
    line-height: 45px;
    border-radius: 50%;
    text-align: center;
    font-size: 32px;
    border: 2px solid #666;
    display: inline-block;
    background-color: white;
    font-weight: 100;
}
.text-primary .circled-number{
    border-color: #89229b;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
}


/*
Selectpicker / Perfect Scrollbar Fix


/*
Section Margins
*/
section{
    margin-top:50px;
    margin-bottom:50px;
}

/*
    New Circular Outlined Button Style
*/

.btn.btn-just-icon-lg{
    font-size: 30px;
    border-radius: 100px;
    padding: 20px 21px;
}
.btn.btn-just-icon-lg i{
    width: 30px;
}

.btn.btn-just-icon-md{
    font-size: 20px;
    border-radius: 100px;
    padding: 20px 21px;
}
.btn.btn-just-icon-md i{
    width: 20px;
}
.btn.btn-outline {
    box-shadow: none !important;
    border: 1px solid !important;
    background-color: #fff !important;
}
.btn.btn-outline-border-2 {
       border: 2px solid !important;
}
.btn.btn-outline-border-3 {
    border: 2px solid !important;
}
.btn.btn-outline.border3{
    border: 3px solid !important;
}
.btn.btn-hover{
    transition: all 200ms;
}
.btn.btn-outline.btn-hover{
    border-color: #CCCCCC !important;
    color: #CCCCCC !important;
}
.btn-primary.btn-outline:not(.btn-hover),.btn-primary.btn-hover:hover,.btn-primary.btn-hover:active {
    border-color: #89229b !important;
    color: #89229b !important;
}

.btn-rose.btn-outline:not(.btn-hover),.btn-rose.btn-hover:hover,.btn-rose.btn-hover:active  {
    border-color: #e91e63 !important;
    color: #e91e63 !important;
}

.btn-warning.btn-outline:not(.btn-hover),.btn-warning.btn-hover:hover,.btn-warning.btn-hover:active  {
    border-color: #ff9800 !important;
    color: #ff9800 !important;
}

.btn-info.btn-outline:not(.btn-hover),.btn-info.btn-hover:hover,.btn-info.btn-hover:active  {
    border-color: #00bcd4 !important;
    color: #00bcd4 !important;
}

.btn-success.btn-outline:not(.btn-hover),.btn-success.btn-hover:hover,.btn-success.btn-hover:active  {
    border-color: #4caf50 !important;
    color: #4caf50 !important;
}

.btn-default.btn-outline:not(.btn-hover),.btn-default.btn-hover:hover,.btn-default.btn-hover:active  {
    border-color: #999999 !important;
    color: #999999 !important;
}

.btn-danger.btn-outline:not(.btn-hover),.btn-danger.btn-hover:hover,.btn-danger.btn-hover:active  {
    border-color: #f44336 !important;
    color: #f44336 !important;
}
/*
OLD CRAP
*/














.badge.primary,.bg-primary {
    background-color: #89229b !important;
}

.badge.rose,.bg-rose {
    background-color: #e91e63 !important;
}

.badge.warning,.bg-warning{
    background-color: #ff9800 !important;
}

.badge.info, .bg-info{
    background-color: #00bcd4 !important;
}

.badge.success, .bg-success {
    background-color: #4caf50 !important;
}

.badge.danger, .bg-danger{
    background-color: #f44336 !important;
}



.sidebar {
    top: 0 !important;
}

form.header-form input {

    color: white;
    background-image: linear-gradient(#ff497b, #ff1b68), linear-gradient(#d81b60, #d81b60) !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
}

.mt {
    margin-top: 6px;
}

.mr {
    margin-right: 6px;
}

.btn-fab-micro {
    min-width: 20px !important;
    width: 20px !important;
    height: 20px !important;
    padding: 4px 4px !important;
}

.btn-fab-square {
    min-width: 40px;
    width: 40px;
    height: 40px;
    padding: 0px;
    border-radius: 8px
}

li > a.purple:hover, li > a.purple:focus {
    background-color: #89229b !important;
}

li > a.rose:hover, li > a.rose:focus {
    background-color: #e91e63 !important;
}

li > a.orange:hover, li > a.orange:focus {
    background-color: #ff9800 !important;
}

li > a.blue:hover, li > a.blue:focus {
    background-color: #00bcd4 !important;
}

li > a.green:hover, li > a.green:focus {
    background-color: #4caf50 !important;
}

li > a.default:hover, li > a.default:focus {
    background-color: #999999 !important;
}

li > a.red:hover, li > a.red:focus {
    background-color: #f44336 !important;
}



.label-on-left {
    padding-right: 15px;
    padding-top: 28px;
    text-align: right;
}

label.text-rose, a.text-rose {
    color: #e91e63 !important;
}

label.text-warning, a.text-warning {
    color: #ff9800 !important;
}

label.text-success, a.text-success{
    color: #4caf50 !important;
}

label.text-primary, a.text-primary {
    color: #89229b !important;
}

label.text-info, a.text-info {
    color: #00bcd4 !important;
}

label.text-danger, a.text-danger {
     color: #f44336 !important;
 }

label.text-default, a.text-default {
    color: #999 !important;
}

.editor {
    position: absolute;
    top: 200px;
    bottom: 0;
    left: 6px;
    right: 6px;
    overflow: hidden;
    min-height: calc(100vh - 243px);
    max-height: calc(100vh - 244px);

}

.horizontal-scroll {
    margin-bottom: 100px;
    margin-top: 200px;
    min-width: 10000px;
    vertical-align: middle;
    padding-left: 40%;
    display: table;
}

.editor .editor-buttons {
    min-width: 152px;
}

.editor .editor-buttons button {
    padding: 4px 7px;
}

.structure, .structure-content, .condition, .answers, .condition .dropdown {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.structure-content form {
    padding: 0 10px;
}

.structure-content form .dropdown {
    top: -10px;
}

.structure-content form .dropdown .dropdown-menu {
    padding: 0;
    min-width: 90px;

}

.structure-content .content-general {
    min-width: 210px;
    min-height: 38.5px;
}

.structure-content form .dropdown .dropdown-menu .btn-group {
    margin: 0;
}

.structure-content .content-general button {
    background-color: #fff;
    color: #777;
}

.condition > .dropdown {
    margin-right: 60px;
}

.condition .answer > button {
    padding: 11px;
}



canvas.editor-connection {
    position: absolute;

}

.condition {
    position: relative;
    padding-right: 120px;
}

.unselectable {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-group .dropdown {
    float: left;
}

.btn-group > .dropdown > .btn {
    border-radius: 0;
}

.btn-group > .dropdown:first-child > .btn {
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px !important;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px !important;
    border-bottom-right-radius: 0px;
}

.btn-group > .dropdown:last-child > .btn {
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px !important;
    border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomLeft: 0px !important;
    border-bottom-left-radius: 0px;
}

.btn-group > .dropdown.open > .dropdown-menu {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px !important;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px !important;
    border-bottom-right-radius: 3px;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: transparent;
}

.nav-tabs .dropdown-menu {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.nav-tabs .dropdown-menu li > a:not(:hover) {
    color: #333 !important;
}

.table .table td {
    padding: 4px 8px;
}

.resizing-input span {
    font-size: 14px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    white-space: pre;
}

.editor div.field {
    margin-left: 6px;
}

.card-stats-left {
    text-align: left;
}

.card-stats-left .card-content {
    text-align: left;
}




.nav-pill-sm li a {
    padding: 1px 15px;
    min-width: 0;
    margin: 5px;

}

#pill-results .nav-pills > li.active.default > a {
    box-shadow: none;
    background-color: #c9c9c9;
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

.document section p,
.document section li {
    text-align: justify;
}

.document section li.default-wording {
    padding: 20px;
    border: 1px dashed #c9c9c9 !important;
    border-radius: 6px;
    margin: 20px auto 20px;
    color: #999;
    position: relative;
}

.document section li.default-wording .card {
    position: absolute;
    top: -26px;
    left: -1px;
    right: -2px;
    bottom: -26px;
    width: auto;
    height: auto;
    opacity: 0;
    -webkit-transition: opacity .5s; /* Safari */
    transition: opacity .5s;
}

.document section li.default-wording:hover .card {
    opacity: 1;
}

.btn-block-v {
    height: 100%;
    margin: 0;
}

ol.bracketed-roman {
    list-style-type: lower-roman;
}



ul.tree {
    margin: -20px 0 0 20px;
    list-style: none;
    line-height: 2em;
}

ul.tree li {
    font-size: 16px;
    position: relative;
    list-style-type: none;
}

ul.tree li:before {
    position: absolute;
    left: -15px;
    top: 0;
    content: '';
    display: block;
    border-left: 5px solid #ddd;
    height: 1em;
    border-bottom: 5px solid #ddd;
    width: 10px;
}

ul.tree li:after {
    position: absolute;
    left: -15px;
    bottom: -7px;
    content: '';
    display: block;
    border-left: 5px solid #ddd;
    height: 100%;
}

ul.tree li.root {
    margin: 0 0 0 -20px;
}

ul.tree li.root:before {
    display: none;
}

ul.tree li.root:after {
    display: none;
}

ul.tree li:last-child:after {
    display: none;
}

li.root > ul {
    margin-left: 70px;
    margin-top: -10px;
}
ul.tree li button{
   top: -8px!important;
}

button.document {
    height: 150px;
    width: 100px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    color: #585858;
    padding: 2px;
    line-height: 2em;
    white-space: normal;
}

button.document:hover {
    background-color: #eaeaea !important;
    color: #585858 !important;
}

.checkbox .checkbox-material::before {
    top: -6px !important;
}



::-webkit-input-placeholder { /* Chrome */
    color: rgb(179, 179, 179) !important;
}

:-ms-input-placeholder { /* IE 10+ */
    color: rgb(179, 179, 179) !important;
}

::-moz-placeholder { /* Firefox 19+ */
    color: rgb(179, 179, 179) !important;
    opacity: 1;
}

:-moz-placeholder { /* Firefox 4 - 18 */
    color: rgb(179, 179, 179) !important;
    opacity: 1;
}

.basic-icon {
    display: block;
    font-size: 20px !important;
    background-color: #FFFFFF;
    padding: 9px;
    border-radius: 50%;
    max-width: 38px;
    min-width: 37px;
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
    margin-top: 10px !important;
}

.sidebar .sidebar-wrapper, .off-canvas-sidebar .sidebar-wrapper {
    /* height: calc(100vh - 82px) !important; */
}

.bs-searchbox .form-control {
    padding: 0 6px !important;
    background-image: none;
    border: 1px solid #e3e3e3;
    border-radius: 3px;

}

.bs-searchbox .form-control:focus {
    box-shadow: none;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #89229b;
    outline: 0;
}

.togglebutton.togglebutton-warning label input[type="checkbox"]:checked + .toggle {
    background-color: rgba(255, 152, 0, 0.7) !important;
}
.togglebutton.togglebutton-warning label input[type="checkbox"]:checked + .toggle::after {
    border-color: #ff9800!important;
}

.togglebutton.togglebutton-success label input[type="checkbox"]:checked + .toggle {
    background-color: rgba(76, 175, 80, 0.7) !important;
}
.togglebutton.togglebutton-success label input[type="checkbox"]:checked + .toggle::after {
    border-color: #4caf50!important;
}

.cloud, .cloudshadow {
    width: 90px; height: 30px;
    border-radius: 100px;
    position: relative;
    margin: 150px 50px;
}
.cloud:after, .cloud:before, .cloudshadow:after, .cloudshadow:before {
    content: '';
    position: absolute;
    z-index: 1
}
.cloudshadow, .cloudshadow:after, .cloudshadow:before {
    margin: 0;
    box-shadow: 0 0 5px #929699;
    z-index: -99;
}
.cloud:after, .cloudshadow:after {
    width: 10px; height:10px;
    top: -5px; left: 5px;
    border-radius: 5px;
}
.cloud:before, .cloudshadow:before  {
    width: 180px; height: 180px;
    top: -90px; right: 50px;
    border-radius: 200px;
}
.cloud.primary:after, .cloud.primary:before, .cloud.primary .cloudshadow:after, .cloud.primary .cloudshadow:before {
    background: #89229b;
}
.cloud.primary, .cloudshadow{
    background: #89229b;
}
.cloud.info:after, .cloud.info:before, .cloud.info .cloudshadow:after, .cloud.info .cloudshadow:before {
    background: #00bcd4;
}
.cloud.info, .cloudshadow{
    background: #00bcd4;
}
.cloud.danger:after, .cloud.danger:before, .cloud.danger .cloudshadow:after, .cloud.danger .cloudshadow:before {
    background: #f44336;
}
.cloud.danger, .cloudshadow{
    background: #f44336;
}
.cloud.rose:after, .cloud.rose:before, .cloud.rose .cloudshadow:after, .cloud.rose .cloudshadow:before {
    background: #e91e63;
}
.cloud.rose, .cloudshadow{
    background: #e91e63;
}
.cloud.success:after, .cloud.success:before, .cloud.success .cloudshadow:after, .cloud.success .cloudshadow:before {
    background: #4caf50;
}
.cloud.success, .cloudshadow{
    background: #4caf50;
}
.cloud.warning:after, .cloud.warning:before, .cloud.warning .cloudshadow:after, .cloud.warning .cloudshadow:before {
    background: #ff9800;
}
.cloud.warning, .cloudshadow{
    background: #ff9800;
}
.text-white{
    color: #fff!important;
}
.navbar{
    border-radius: 0!important;
    padding:0!important;
}
.navbar ul{
    margin:0;
}
#modal-content .card-header{
    margin-top: 20px!important;
}
.code{
    font-family: monospace!important;
    white-space: nowrap!important;
}