/*.input-validation-error, .state-error {
    border: solid 1px #900;
}*/

textarea {
    resize: none !important;
}

span.state-error span.k-dropdown-wrap span:first-child {
    background-color: #fff0f0;
}

.validation-summary-errors ul li { 
    list-style-type: none;
}

.checkbox-inline .checkbox-inline {
    padding-right: 10px !important;
}
.menu-aside .divider {
    border-top: 1px solid #111;
    border-bottom: 1px solid #555;
}

.k-treeview span.k-in {
    width: 98%;
    padding: 0;
    color: #333 !important;
}

.k-treeview span.k-in > label {
    width: 100%;
    display: inline-block;
}

.k-treeview span.k-in > label:not(.checkbox) {
    padding: 5px 0px;    
}

.k-treeview span.k-in .fa {
    margin: 0 10px 0 5px;
    color: #333 !important;
}
.k-treeview span.k-in:hover {
    color: #333 !important;
}
.k-treeview span.k-in.k-state-selected .fa {
    color: #FFF !important;
}
.k-treeview span.k-in.k-state-selected:hover {
    color: #333 !important;
}

.k-numerictextbox .k-input {
    width: 94%;
    text-align: left;
    padding-left: 8px !important;
}

.k-picker-wrap .k-input {
    /*width: 95%;*/
    text-align: left;
    padding-left: 8px !important;
}

.panel {
    position: relative;
}

.panel .panel-button {
    position: absolute;
    top: 12px;
    right: 15px;
}

.panel-hidden {
    display: none;
}

.ga-survey-heading .label {
    font-weight: 700;
    margin-bottom: 0;
}
.ga-survey-heading .ga-txt {
    font-size: 16px;
    margin-bottom: 6px;
}

/* Error Handle */

.select2-container.select2-container-multi.select2.input-validation-error,
.k-widget.k-dropdown.k-header.state-error,
.k-picker-wrap.k-state-default.state-error {
    border: solid 1px #A90329;
}

.k-widget.k-dropdown.k-header.state-error:hover,
.k-widget.k-dropdown.k-header.state-error:focus,
.k-picker-wrap.k-state-default.state-error:hover,
.k-picker-wrap.k-state-default.state-error:focus {
    border: solid 1px #1B618F;
}

div.select2.input-validation-error ul {
    background-color: #fff0f0;
}

/* Style for forms textarea */
section label.input textarea {
    width: 100%;
    height: 36px;
    border: solid 1px #CCCCCC;
}

#ga_upload-output ul {
    padding: 20px 0 0 0;
}
#ga_upload-output ul .ui-progressbar {
    margin-bottom: 10px;
    height: 1.5em;
    background: #EDEDED;
    border: 1px solid #ABABAB;
}
#ga_upload-output ul .ui-progressbar .ga-upload-process-label {
    float: left;
    color: #FFF;
    font-size: 12px;
    line-height: 19px;
    padding-left: 4px;
}
.ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-radius: 0;
    -webkit-border-radius: 0;
}

.bg-color-lighten {
    background-color: #E8EBE6 !important;
}

/*Tiles Indicators*/
.ga-steps-questions .panel-body {
    background-color: #666;
    padding-bottom: 50px;
}
.ga-tile {
    padding: 20px;
    color: #DFDFDF;
}
.ga-tile .ga-tile-tit {
    display: block;
    font-size: 32px;
    color: #FFF;
}
/*End Tiles Indicators*/

.jarviswidget .widget-body {
    min-height: initial;
}

#tabs .ga-panel {
    margin-bottom: 0 !important;
}

#importFile {
    min-height: 31px;
}

div#sortable-segment,
div#sortable-indicator {
    min-height: 10px !important;
}

.segment .panel-body {
    padding: 10px 0 !important;    
}
.segment .indicator.panel {
    border: none;
}
.segment .indicator .panel {
    margin: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.segment .indicator .panel-heading {
    padding-top: 0 !important;
    background: none;
    font-weight: 700;
    font-size: 14px;
}
.segment .indicator .panel-body {
    padding: 5px 10px !important;    
}
.segment .indicator section {
    margin-bottom: 0 !important;
}
.segment .indicator .panel-button {
    top: 2px;
}

.input-validation-warning {
    border: solid 1px yellow !important;
}

input.k-textbox {    
    text-indent: 0em;
}

.input-group input {
    padding: 0 10px;
}

.ga-hover {
    cursor: pointer;
}
.ga-p10 {
    padding: 10px;
}

span.k-dropdown,
span.k-combobox {
    width: 100%;
}

.ga-inline-block {
    display: inline-block !important;
    white-space: normal;
}

.ga-inline {
    display: inline !important;
    white-space: normal;
}

.ga-margin-alert {
    margin: 0 0px 0 -10px !important;
}

.ga-nivel-1 {
    padding-left: 20px;
}

.ga-nivel-2 {
    padding-left: 40px;
}

a.response-button {
    background: none !important;
    font-weight: 700;
}

a.chart-option,
a.chart-export-option,
a#back,
a#forward {
    font-size: 1.6em;
    color: #ABABAB;
}

a.chart-option {
    margin-right: 10px;
}

a.chart-export-option {
    margin-left: 10px;
}

a.chart-option:hover,
a.chart-export-option:hover,
a.chart-option.checked,
a#back:hover,
a#forward:hover  {
    color: #000000 !important;
}

table#chartDataTable {
    margin: 10px auto;
}

table#chartDataTable caption {
    font-weight: 700;
}

table#chartDataTable th,
table#chartDataTable td {
    text-align: center;
    padding: 5px 10px;
}

#isDebug {
    position: absolute;
    width: 100%;
    height: 37px;
    text-align: center;
    padding: 5px;
    border: 2px dashed red;
    font-family: sans-serif;
    color: red;
    font-weight: bold;
    font-size: 20px;
}

.modal-loading {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    opacity: 0.7;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('img/loading.gif') 50% 50% no-repeat;
}

body.loading {
    overflow: hidden;
}

    body.loading .modal-loading {
        display: block;
        z-index: 99999;
    }
	
.ga-font-bold {
    font-weight: bold !important;
}

/*Inicio CARDs da Aula*/
.card {
    background-color: #fff;
    border: 0px solid transparent;
    border-radius: 6px;
}

    .card > .card-link {
        color: #333;
    }

        .card > .card-link:hover {
            text-decoration: none;
        }

        .card > .card-link .card-img img {
            border-radius: 6px 6px 0 0;
        }

    .card .card-img {
        position: relative;
        padding: 0;
        display: table;
    }

        .card .card-img .card-caption {
            position: absolute;
            right: 0;
            bottom: 16px;
            left: 0;
        }

    .card .card-body {
        display: table;
        width: 100%;
        padding: 0;
        margin-right: 12px;
        margin-left: 12px;
    }

    .card .card-body-title {
        display: table;
        width: 100%;
        padding: 0px;
        margin-left: 12px;
        margin-top: 5px;
        margin-right: 12px;
    }

    .card .card-header {
        border-radius: 6px 6px 0 0;
        padding: 8px;
    }

    .card .card-footer-orange {
        border-radius: 0 0 6px 6px;
        padding: 8px;
    }

    .card .card-footer-green {
        border-radius: 0 0 6px 6px;
        padding: 8px;
    }

    .card .card-footer-gray {
        border-radius: 0 0 6px 6px;
        padding: 8px;
    }

    .card .card-footer-red {
        border-radius: 0 0 6px 6px;
        padding: 8px;
    }

    .card .card-left {
        position: relative;
        float: left;
        padding: 0 0 8px 0;
    }

    .card .card-right {
        position: relative;
        float: left;
        padding: 8px 0 0 0;
    }

    .card .card-body h1:first-child,
    .card .card-body h2:first-child,
    .card .card-body h3:first-child,
    .card .card-body h4:first-child,
    .card .card-body .h1,
    .card .card-body .h2,
    .card .card-body .h3,
    .card .card-body .h4 {
        margin-top: 0;
    }

    .card .card-body .heading {
        display: block;
    }

    .card .card-body .lead {
        text-align: center;
    }

.card-default {
    border-color: #ddd;
    background-color: #ededed;
    margin: 6px 2px 0px;
}

    .card-default > .card-header,
    .card-default > .card-footer {
        color: #333;
        background-color: #fdfdfd;
    }

    .card-default > .card-header {
        border-bottom: 1px solid #ddd;
        padding: 4px;
    }

    .card-default > .card-footer {
        border-top: 1px solid #ddd;
        padding: 4px;
    }

    .card-default > .card-footer-green {
        border-top: 1px solid #ddd;
        padding: 6px;
        background-color: #008000;
        color: #FFFFFF;
        text-align: center;
    }

    .card-default > .card-footer-gray {
        border-top: 1px solid #ddd;
        padding: 6px;
        background-color: #696969;
        color: #FFFFFF;
        text-align: center;
    }

    .card-default > .card-footer-red {
        border-top: 1px solid #ddd;
        padding: 6px;
        background-color: #8B0000;
        color: #FFFFFF;
        text-align: center;
    }

    .card-default > .card-footer-orange {
        border-top: 1px solid #ddd;
        padding: 6px;
        background-color: #d35400;
        color: #FFFFFF;
        text-align: center;
    }

    .card-default > .card-body {
    }

    .card-default > .card-img:first-child img {
        border-radius: 6px 6px 0 0;
    }

    .card-default > .card-left {
        padding-right: 4px;
    }

    .card-default > .card-right {
        padding-left: 4px;
    }

    .card-default p:last-child {
        margin-bottom: 0;
    }

    .card-default .card-caption {
        color: #fff;
        text-align: center;
        text-transform: uppercase;
    }

.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.one-line-ellipsis {
    padding-left: 0vw !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
}

.two-line-ellipsis {
    padding-left: 0vw !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

.three-line-ellipsis {
    padding-left: 0vw !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
}

.profile-pic {
    width: 100%;
    height: 220px;
    overflow: hidden;
}

.card-link:hover .play {
    display: block
}

.play {
    position: absolute;
    display: none;
    top: 20%;
    width: 40px;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    z-index: 100
}

.card-small-text-10 {
    font-size: 10px;
    color: gray;
}

.card-small-text-11 {
    font-size: 11px;
    color: gray;
}

.card-small-text-12 {
    font-size: 12px;
    color: gray;
}

.card-small-text-12-bold {
    font-size: 12px;
    color: black;
    font-weight: bold;
}

.card-text-14 {
    font-size: 14px;
    color: black;
    font-weight: bold;
}

.card-line-height-15 {
    line-height: 15px;
}

.card-line-height-25 {
    line-height: 15px;
}

.card-line-height-75 {
    min-height: 75px;
}

.card-line-height-60 {
    min-height: 60px;
}

.card-line-height-50 {
    min-height: 50px;
}

.card-line-height-20 {
    min-height: 20px;
}

.card-body p {
    margin-left: 0;
    margin-right: 0;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 0;
}

.card-body h4 {
    margin-top: 2px;
    margin-bottom: 2px;
}

.btn-card {
    min-height: 42px;
    margin: 0;
    padding: 0;
    border-radius: 12px;
}

.btn-wrap-text {
    white-space: normal !important;
    word-wrap: break-word !important;
}

.sign-up-as {
    text-align: right;
    position: relative;
    top: 8px;
    padding-right: 5px;
}

/*Fim CARds da Aula*/