/*
Global settings & variables
 */
html{
    font-size: 0.85rem !important;
}
body{
    background: #f7f7f7;
}
:root{
    --voonix: #59b200;
    --voonix-dark: #529406;
    --voonix-hover: #67cf00;
    --danger-light: #f55;
    --danger-light-hover: #f44;
}

/*
BUTTONS & Colors
 */

.btn-voonix, .bg-voonix{
    background: var(--voonix) !important;
}

.btn-voonix:hover{
    background: var(--voonix-hover) !important;
}


.btn-outline-voonix{
    color: var(--voonix);
    border-color: var(--voonix) !important;
}
.btn-outline-voonix:hover{
    background: var(--voonix) !important;
    color: #fff;
}


.btn-danger-light, .bg-danger-light{
    background: var(--danger-light);
}
.btn-danger-light:hover{
    background: var(--danger-light-hover);
}


.btn-voonix, .btn-voonix:hover, .btn-danger-light, .btn-danger-light:hover{
    color: #fff;
}

.text-voonix{
    color: var(--voonix);
}
.text-danger-light{
    color: var(--danger-light);
}

/*
Gradient buttons
 */
.btn-warning-g{
    border: none;
    background: rgb(253,36,29);
    transition: 0.5s;
    /*background: linear-gradient(166deg, var(--c1, rgba(253,36,29,1)), var(--c2, rgba(252,176,69,1)) 51%, var(--c3, rgba(244,253,29,1))) var(--x, 0)/ 200%;*/
    background: linear-gradient(45deg, rgba(244,253,29,1), rgba(252,176,69,1) 31%, rgb(255, 89, 19)) var(--x, 0)/ 200%;
    color: #333;
    border-color: rgb(244,253,29);
}
.btn-warning-g:hover{
    --x: 100%;
    color: #fff;
}

.btn-voonix-g{
    border: none;
    background: var(--voonix);
    transition: 0.5s;
    background: rgb(89,178,0);
    background: linear-gradient(45deg, #71e300 0%, var(--voonix) 40%, var(--voonix) 100%) var(--x, 0)/ 200%;
    /*background: linear-gradient(95deg, var(--voonix-dark) 0%, var(--voonix) 35%, #71e300 100%) var(--x, 0)/ 200%;*/
    color: #333;
}
.btn-voonix-g:hover{
    color: #fff;
    --x: 80%;
}
/*
Datatable config
 */
.mid-th > tr > th{
    vertical-align: middle;
}
.center-arrows > thead > tr > th::before{
    margin-bottom: 11px;
}
.center-arrows > thead > tr > th::after{
    margin-bottom: 11px;
}
div.dataTables_wrapper div.dataTables_filter {
    text-align: left !important;
}
.filter-col > div {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    color: #666;
    float: left;
    font-size: 12px;
    margin: 0 10px 10px 0;
    padding: 7px;
}

.pagination-col {
    padding: 7px;
}
.balo-user-story {
    height: 60px;
    max-width: 84px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.balo-user-story-display {
    height: 60px;
    max-width: 84px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*
File upload
 */
.files input {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 300px 0px 85px 35%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
}
.files input:focus{     outline: 2px dashed #92b0b3;  outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear; border:1px solid #92b0b3;
}
.files{ position:relative}
.files:after {  pointer-events: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 40px;
    right: 0;
    height: 56px;
    content: "\f093";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
    margin: 0 auto;
    background-size: 100%;
    font-size: 40px;
    color: #92b0b3;
    background-repeat: no-repeat;
}
.color input{ background-color:#f1f1f1;}
.files:before {
    position: absolute;
    bottom: 10px;
    left: 0;  pointer-events: none;
    width: 100%;
    right: 0;
    height: 57px;
    content: " or drag it here. ";
    display: block;
    margin: 0 auto;
    color: #2ea591;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
}
/*
Menu
 */
.top-left-menu{
    position: fixed;
    top: 30px;
    right: 30px;
    z-index: 1;
}
#menu_button{
    float:right !important;
    height: 40px;
    width: 40px;
}

.btn-neutral {
    color: black;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
}

.btn-neutral:hover {
    color: black;
    background-color: #d2d2d2;
    border-color: #d2d2d2;
}


.btn-neutral:focus {
    box-shadow: none;
}

#modal{
    display:none;
    position:fixed;
    top:100px;
    left:50%;
    width:500px;
    margin-left: -200px;
    background:#FFF;
    border: 5px solid #5A9DD7;
    padding:20px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    color:#333;
    font-size:13px;
    z-index:100;
}
#modal.red{
    border: 5px solid #F05D46;
}
#modal.green{
    border: 5px solid #3C0;
}
#overlay {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    background-color: rgba(0,0,0,0.3);
    left: 0;
    top: 0;
    right:0;
    bottom:0;
}
/*
Pipeline
 */
#backlog_text_editor{
    background: #fff;
}
.copy-link{
    cursor: pointer;
}
.copy-link-modal{
    cursor: pointer;
}
.ql-editing {
    z-index: 999;
}



/* ##### BUTTONS OLD, RENAMED TO btn-mini & basic table styling. ##### */

.btn-mini {

    font-size: 14px;
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid #AAAAAA !important;
    /*color: #444444;*/
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    padding: 5px 8px;
    display: inline-block;

    background: #f7f7f7; /* Old browsers */
    background: -moz-linear-gradient(top, #FCFCFC 0%, #EEEEEE 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #e0e0e0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FCFCFC 0%, #EEEEEE 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FCFCFC 0%, #EEEEEE 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #FCFCFC 0%, #EEEEEE 100%); /* IE10+ */
    background: linear-gradient(to bottom, #FCFCFC 0%, #EEEEEE 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='#e0e0e0', GradientType=0); /* IE6-9 */
}

.btn-mini:disabled {
    color: rgba(0,0,0, 0.4);
    background-color: #e4e4e4;
}

.btn-mini:hover:enabled {

    color: #444444;
    text-decoration: none;
    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top, #f1f1f1 0%, #dcdcdc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f1f1 0%, #dcdcdc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f1f1 0%, #dcdcdc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f1f1f1 0%, #dcdcdc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#dcdcdc', GradientType=0); /* IE6-9 */

}


.btn-mini:active {
    background: #e0e0e0; /* Old browsers */
    background: -moz-linear-gradient(top, #e0e0e0 0%, #f7f7f7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0e0e0), color-stop(100%, #f7f7f7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e0e0e0 0%, #f7f7f7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e0e0e0 0%, #f7f7f7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e0e0e0 0%, #f7f7f7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e0e0e0 0%, #f7f7f7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#f7f7f7', GradientType=0); /* IE6-9 */

}

.btn-mini.green {

    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.3);
    border: 1px solid #428400 !important;

    background: rgb(100, 201, 0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(100, 201, 0, 1) 0%, rgba(81, 160, 0, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(100, 201, 0, 1)), color-stop(100%, rgba(81, 160, 0, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(100, 201, 0, 1) 0%, rgba(81, 160, 0, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(100, 201, 0, 1) 0%, rgba(81, 160, 0, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(100, 201, 0, 1) 0%, rgba(81, 160, 0, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(100, 201, 0, 1) 0%, rgba(81, 160, 0, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#64c900', endColorstr='#51a000', GradientType=0); /* IE6-9 */

}

.btn-mini.green:enabled:hover {
    color: white;
    background: #71e400; /* Old browsers */
    background: -moz-linear-gradient(top, #71e400 0%, #60bf00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #71e400), color-stop(100%, #60bf00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #71e400 0%, #60bf00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #71e400 0%, #60bf00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #71e400 0%, #60bf00 100%); /* IE10+ */
    background: linear-gradient(to bottom, #71e400 0%, #60bf00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71e400', endColorstr='#60bf00', GradientType=0); /* IE6-9 */

}

.btn-mini.green:hover {

    background: #71e400; /* Old browsers */
    background: -moz-linear-gradient(top, #71e400 0%, #60bf00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #71e400), color-stop(100%, #60bf00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #71e400 0%, #60bf00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #71e400 0%, #60bf00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #71e400 0%, #60bf00 100%); /* IE10+ */
    background: linear-gradient(to bottom, #71e400 0%, #60bf00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71e400', endColorstr='#60bf00', GradientType=0); /* IE6-9 */

}

.btn-mini.green:active {

    box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.5);
    background: #51a000; /* Old browsers */
    background: -moz-linear-gradient(top, #51a000 0%, #64c900 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #51a000), color-stop(100%, #64c900)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #51a000 0%, #64c900 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #51a000 0%, #64c900 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #51a000 0%, #64c900 100%); /* IE10+ */
    background: linear-gradient(to bottom, #51a000 0%, #64c900 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#51a000', endColorstr='#64c900', GradientType=0); /* IE6-9 */

}

.btn-mini.red {
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.3);
    border: 1px solid #8C0000 !important;

    background: #d93600; /* Old browsers */
    background: -moz-linear-gradient(top, #d93600 0%, #aa2b00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d93600), color-stop(100%, #aa2b00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d93600 0%, #aa2b00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d93600 0%, #aa2b00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d93600 0%, #aa2b00 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d93600 0%, #aa2b00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d93600', endColorstr='#aa2b00', GradientType=0); /* IE6-9 */
}

.btn-mini.red:hover {

    background: #f13c00; /* Old browsers */
    background: -moz-linear-gradient(top, #f13c00 0%, #cb3300 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f13c00), color-stop(100%, #cb3300)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f13c00 0%, #cb3300 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f13c00 0%, #cb3300 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f13c00 0%, #cb3300 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f13c00 0%, #cb3300 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f13c00', endColorstr='#cb3300', GradientType=0); /* IE6-9 */
}

.btn-mini.red:active {
    box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.5);
    background: #cb3300; /* Old browsers */
    background: -moz-linear-gradient(top, #cb3300 0%, #f13c00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cb3300), color-stop(100%, #f13c00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cb3300 0%, #f13c00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cb3300 0%, #f13c00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #cb3300 0%, #f13c00 100%); /* IE10+ */
    background: linear-gradient(to bottom, #cb3300 0%, #f13c00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb3300', endColorstr='#f13c00', GradientType=0); /* IE6-9 */
}

.btn-mini.small {
    font-size: 11px;
    padding: 2px 6px;
}

.btn-mini.small.active {

    color: #FFF;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
    background: rgb(166, 166, 166); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(166, 166, 166, 1) 0%, rgba(197, 197, 197, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(166, 166, 166, 1)), color-stop(100%, rgba(197, 197, 197, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(166, 166, 166, 1) 0%, rgba(197, 197, 197, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(166, 166, 166, 1) 0%, rgba(197, 197, 197, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(166, 166, 166, 1) 0%, rgba(197, 197, 197, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(166, 166, 166, 1) 0%, rgba(197, 197, 197, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6a6a6', endColorstr='#c5c5c5', GradientType=0); /* IE6-9 */

}

.btn-mini.active {

    color: #FFF;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
    background: rgb(166, 166, 166); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(166, 166, 166, 1) 0%, rgba(197, 197, 197, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(166, 166, 166, 1)), color-stop(100%, rgba(197, 197, 197, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(166, 166, 166, 1) 0%, rgba(197, 197, 197, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(166, 166, 166, 1) 0%, rgba(197, 197, 197, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(166, 166, 166, 1) 0%, rgba(197, 197, 197, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(166, 166, 166, 1) 0%, rgba(197, 197, 197, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6a6a6', endColorstr='#c5c5c5', GradientType=0); /* IE6-9 */

}
.btn-mini-active {
    color: #444444;
    text-decoration: none;
    background: #bbbbbb; /* Old browsers */
    background: -moz-linear-gradient(top, #bbbbbb 0%, #f1f1f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f1f1 0%, #dcdcdc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f1f1 0%, #dcdcdc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f1f1f1 0%, #dcdcdc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#dcdcdc', GradientType=0); /* IE6-9 */
}
/* Submit/button */
/*
button::-moz-focus-inner,
input::-moz-focus-inner {
/ / Inner padding and border oddities in FF3 / 4 padding: 0;
    border: 0;
}
*/

.btn-mini-submit {
    border-radius: 4px;
    border: 1px solid #AAAAAA;
    height: 28px;
    color: #444444;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px 5px;
    box-shadow: inset 0px 1px 0px 0px #ffffff, inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.8);
    cursor: pointer;
    font-size: 14px;

    background: #f7f7f7; /* Old browsers */
    background: -moz-linear-gradient(top, #f7f7f7 0%, #e0e0e0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #e0e0e0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f7f7f7 0%, #e0e0e0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f7f7f7 0%, #e0e0e0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f7f7f7 0%, #e0e0e0 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f7f7f7 0%, #e0e0e0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e0e0e0', GradientType=0); /* IE6-9 */
}

.btn-mini-submit:hover {

    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top, #f1f1f1 0%, #dcdcdc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f1f1 0%, #dcdcdc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f1f1 0%, #dcdcdc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f1f1f1 0%, #dcdcdc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#dcdcdc', GradientType=0); /* IE6-9 */

}

.btn-mini-submit:active {

    box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.5);

    background: #cbcbcb; /* Old browsers */
    background: -moz-linear-gradient(top, #cbcbcb 0%, #ebebeb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cbcbcb), color-stop(100%, #ebebeb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cbcbcb 0%, #ebebeb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cbcbcb 0%, #ebebeb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #cbcbcb 0%, #ebebeb 100%); /* IE10+ */
    background: linear-gradient(to bottom, #cbcbcb 0%, #ebebeb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbcbcb', endColorstr='#ebebeb', GradientType=0); /* IE6-9 */

}

.btn-mini-submit.green {

    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.3);
    border: 1px solid #428400;

    background: rgb(100, 201, 0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(100, 201, 0, 1) 0%, rgba(81, 160, 0, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(100, 201, 0, 1)), color-stop(100%, rgba(81, 160, 0, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(100, 201, 0, 1) 0%, rgba(81, 160, 0, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(100, 201, 0, 1) 0%, rgba(81, 160, 0, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(100, 201, 0, 1) 0%, rgba(81, 160, 0, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(100, 201, 0, 1) 0%, rgba(81, 160, 0, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#64c900', endColorstr='#51a000', GradientType=0); /* IE6-9 */

}

.btn-mini-submit.green:hover {
    background: #71e400; /* Old browsers */
    background: -moz-linear-gradient(top, #71e400 0%, #60bf00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #71e400), color-stop(100%, #60bf00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #71e400 0%, #60bf00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #71e400 0%, #60bf00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #71e400 0%, #60bf00 100%); /* IE10+ */
    background: linear-gradient(to bottom, #71e400 0%, #60bf00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71e400', endColorstr='#60bf00', GradientType=0); /* IE6-9 */

}

.btn-mini-submit.green:active {

    box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.5);
    background: #51a000; /* Old browsers */
    background: -moz-linear-gradient(top, #51a000 0%, #64c900 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #51a000), color-stop(100%, #64c900)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #51a000 0%, #64c900 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #51a000 0%, #64c900 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #51a000 0%, #64c900 100%); /* IE10+ */
    background: linear-gradient(to bottom, #51a000 0%, #64c900 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#51a000', endColorstr='#64c900', GradientType=0); /* IE6-9 */

}
/*

input[type="text"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled, input[type="submit"]:disabled, input[type="button"]:disabled {
    border: 1px solid #CCC !important;
    outline: none !important;
    background: #EEE !important;
    color: #999 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    cursor: default !important;
}
*/


.btn-mini-submit.no-border {
    border: none;
}

.btn-mini-submit.small {
    font-size: 11px;
    height: 21px;
}

/*.btn-mini.google::before {
    content: "";
    background-image: url("../images/google_logo.png");
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: 18px;
    margin-bottom: -5px;
    margin-right: 5px;
}*/
/*

.badge, .badge-static{
    background-color: #2ab900;
    color: white;
    padding: 3px;
    text-align: center;
    border-radius: 5px;
    !*transform: rotate(345deg);*!
    text-shadow: none;
    font-size: 11px;
    font-weight: bold;
}
.badge{
    position: absolute;
    top: -11px;
    right: -18px;
    !*transform: rotate(345deg);*!
}
*/
.btn_margin {
    margin: 0 3px;
    height: 22px;
    padding: 1px 8px;
}
.basic-table {
    border-radius: 5px;
    margin: 0 10px 10px 0;
    box-shadow: 0 1px 2px 0px rgba(0,0,0,0.15);
    background: #fff;
    position: relative;
}

.basic-table td {
    min-width: 100px;
    padding: 5px 8px;
    font-size: 15px;
    border-bottom: 1px dotted #E2E2E2;
}

.basic-table td:first-child {
    background: #F8F8F8;
    color: #666;
    width: 150px;
    font-size: 13px;
    text-align: right;
    border-right: 1px dotted #E2E2E2;
}
.box {
    background: #fff;
    padding: 10px;
    margin: 10px 0;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    position: relative;
    min-width: min-content;
}

/* ################### */
/* END OLD BUTTONS */
/* ################### */