﻿* {
    text-decoration: none !important;
    outline: none !important;
}

body {
    background: url(../../Images/background2.jpg);
    font-family: 'Open Sans', sans-serif;
    background-repeat: repeat;
    background-size: cover;
    padding: 0 30px 30px;
}

.content {

}

.content-block {
    background: rgba(255, 255, 255, 0.4);
    color: #666666;
}


.widget-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 5px 6px;
    color: #FFFFFF;
    font-size: 15px;
}

.widget-buttons {
    float: right;
}

    .widget-buttons a, i {
        display: inline-block;
        cursor: pointer;
        padding: 0 5px;
        color: white;
    }

        .widget-buttons a:hover, i:hover {
            color: #DDDDDD;
        }

    .widget-buttons .content-toggle {
        font-family: 'FontAwesome';
        font-style: normal;
    }

        .widget-buttons .content-toggle:before {
            content: "\f078";
        }

        .widget-buttons .content-toggle.open:before {
            content: "\f077";
        }

.widget-content {
    padding: 5px;
}

.ajax-content {
    min-height: 440px;
}

table { 
    width: 100%;
   }
   th { 
    text-align: left;
    background: rgba(255, 255, 255, 0.7);
    padding: 0px;
    margin: 0px;
   }
   td { 
    padding: 0px;
    margin: 0px;
   }

.docs .widget-header {
    background: rgba(54, 52, 52, 0.67);
}

.output .widget-header {
    background: rgba(145, 203, 222, 0.85);
}

.example .widget-header {
    background: rgba(64, 145, 215, 0.69);
}

.passes-block {
    margin-top: 20px;
}

    .passes-block .widget-header {
        background: rgba(94, 186, 103, 0.75);
    }

.passes-for-approve-block {
    margin-top: 20px;
}

    .passes-for-approve-block .widget-header {
        background: rgba(233, 120, 25, 0.75);
    }


.message {
    height: 100px;
    width: 300px;
    border: 0px solid black;
    padding: 3em 0;
    text-align: center;
    background: rgba(94, 186, 103, 0.75);
    border: 1px solid darkgreen;
    color: darkgreen;
    border-radius: 10px;
    opacity: 0.9;
}

.chosen-container-single .chosen-single {
    border-radius: 0px;
    background: none;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 0px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 0px;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background: #4bcb39;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #4bcb39;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #4bcb39;
}

.chosen-container {
    font-size: large;
}