/***************************************************************************** CUSTOM CSS START *****************************************************************************/

/*********************************** FONTS IMPORT ***********************************/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');

/*********************************** GENERAL ***********************************/
html{
    font-size: 16px;
    font-weight: normal;
    overflow-y: scroll;
    overflow-x: hidden;
}
body{
    font-size:100%;
    font-family: 'Roboto Condensed', sans-serif;
    margin:0;
    padding:0;
    height:100%;
    overflow-x: hidden;
    background-color: #fff;
}
a{ color:#91b047; }
a:hover{ text-decoration: none; color:#3c3c3c; }
h1,h2,h3{ margin-bottom: 30px;}
ul {
    padding: 0 0 0 0px;
    color:#fff;
}
input{background-color: #fff;}
textarea.custom_textarea{min-height:180px;resize: none;}

/********************************** THEME ASSETS & OVERRIDE **********************************/

/* Colors (Backgrounds) */
.backWhite{background-color: #fff;}
.backlightGrey{background-color: #ececec;}
.backlightGreen{background-color: #91b047;}
.backintermGreen{background-color: #799b3c;}
.backparkGreen{background-color: #93bb4c;}
.backdarkGreen{background-color: #214107;}
.backdarkGrey{background-color: #3c3c3c;}
.backdarkRed{background-color: #ca4921;}

/* Colors (Text) */
.textlightGrey{color: #ececec;}
.textlightGreen{color: #91b047;}
.textintermGreen{color: #799b3c;}
.textparkGreen{color: #93bb4c;}
.textdarkGreen{color: #214107;}
.textdarkGrey{color: #3c3c3c;}
.textdarkRed{color: #ca4921;}

/* Theme Override */
.nav>li>a>img.profile-image {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 10px;
    max-height: 60px;
}
.card .title {
    margin-top: 0;
    margin-bottom: 0px;
}
.navbar-brand {
    padding: 0px;
    float: none;
}
.navbar .navbar-nav>li>a {
    color: #91b047;
}
.navbar-right {
    margin-top: -15px;
}
.navbar-right .dropdown-menu li>a:hover {
    background-color: #91b047;
    color:#fff;
}
.navbar-right li.dropdown>a:hover {
    color:#91b047;
}
.sidebar[data-color="green"] .nav li.active a, .off-canvas-sidebar[data-color="purple"] .nav li.active a {
    background-color: #91b047;
    box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
}
p.copyright{
    font-size: 0.7em;
}
footer {
    position:fixed;
    bottom:0px;
    height:100px;
}
footer ul li a {
    color: #91b047;
}
.checkbox label, .radio label, label {
    color: #000;
}
.card [data-background-color="green"] {
    background: linear-gradient(60deg, #91b047, #799b3c);
    box-shadow: 0 12px 20px -10px rgba(204, 204, 204, 1), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(204, 204, 204, 1);
}
.card [data-background-color="greenTitle"] {
    background: linear-gradient(60deg, #91b047, #799b3c);
    box-shadow: 0 12px 20px -10px rgba(204, 204, 204, 1), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(204, 204, 204, 1);
}

/* Widgets textarea Summernote */
.note-editable {
  line-height: 1.3;
}
.note-editor.note-frame .note-editing-area .note-editable .summernote_accordeon  {
    height: 60px;
}
.panel-default>.panel-heading a:hover{
    background-color: #91b047;
    color:#fff;
}

/* Datatables Start */
table.dataTable.no-footer {
    border-bottom: 1px solid #ddd;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    padding: 0em 0em;
    font-size: 0.9em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background:none;
    border:none;
    color:#91b047!important;
}
.dataTables_wrapper .dataTables_paginate {
    padding-top: 13px;
    padding-bottom: 0px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
    padding: 2px 10px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background:none;
    color:#91b047!important;
    border: 1px solid #91b047;
    padding: 2px 10px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
    padding: 2px 10px;
}
.dataTables_length, .dataTables_filter{
    padding-bottom: 15px;
}
.dataTables_wrapper .dataTables_filter label{
    color:#aaa!important;
    font-weight: 300;
}
.dataTables_wrapper .dataTables_filter input{
    border-radius: 4px;
    border:1px solid #aaa;
    padding: 0px;
    color:#333;
}
.dataTables_length label{
    color:#aaa!important;
    font-weight: 300;
}
.dataTables_length select{
    border:none;
    color:#333;
}

/* Datatables End */

/********************************** BOOTSTRAP OVERRIDE **********************************/
.popover,
.tooltip-inner {
    color: #fff;
    background: #000;
}
.tooltip.left, .tooltip.right, .tooltip.bottom, .tooltip.top .tooltip-arrow {
    border-top-color: #000;
}
.navbar .navbar-nav>.open>a, .navbar .navbar-nav>.open>a:hover, .navbar .navbar-nav>.open>a:focus {
    color: #91b047;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background: none;
}
.navbar-default .navbar-toggle {
    border:none;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #91b047;
}
.img-circle {
    border-radius: 50%;
    height: 230px;
}
p.text-center{
    font-size: 0.8em;
}
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    margin: 0 auto;
    margin-right:-5px;
    text-align: center;
}
.col-centered-no-float {
    display:inline-block;
    margin-right:-5px;
    text-align: center;
}
.col-left {
    display:inline-block;
    float: left;
    text-align:left;
    margin-right:-5px;
}
.row_clear {
    margin-right: 0px;
    margin-left: 0px;
}
ol.breadcrumb{
    font-size:0.8em;
    text-align: left;
    background: none;
    margin-top: 20px;
}
.breadcrumb>li {
    color: #91b047;
}
.alert.alert-success {
    background-color: #91b047;
    padding: 11px;
}
.alert.alert-danger {
    padding: 11px;
}
.form-control, .form-group .form-control {
    background-image: linear-gradient(#91b047, #799b3c), linear-gradient(#eee, #eee);
    background-color: #eee;
    border-radius: 5px;
    padding: 9px;
}
.form-control, .form-group .form-control {
    background-image: linear-gradient(#91b047, #799b3c), linear-gradient(#eee, #eee);
}
.form-group.is-focused .form-control{
    background-image: linear-gradient(#91b047, #799b3c), linear-gradient(#eee, #eee);
}
.form-group {
    padding-bottom: 10px;
    margin: 22px 0 0 0;
}

/*********************************** MISC ***********************************/
/* FA Icons */
.navbar .navbar-nav>li>a .material-icons, .navbar .navbar-nav>li>a .fa {
    font-size: 27px;
    vertical-align: middle;
    line-height: 2em;
    margin-bottom: 1px;
    margin-right: 3px;
}

/* Summernote */
.note-popover .popover-content>.btn-group, .panel-heading.note-toolbar>.btn-group {
    margin-left: 10px;
    margin-top: 10px;
}

/* Acordeon */
.panel-body {
    padding: 5px;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
}
.panel-default {
    border: 2px solid #3c3c3c;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #e4e5e7;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.panel-default>.panel-heading a {
    display: block;
    padding: 5px 15px;
}
.panel-default>.panel-heading a:after {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
}
.panel-default>.panel-heading a[aria-expanded="true"] {
    background-color: #fff;
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
    float: right;
    content: "\2212";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.panel-default>.panel-heading a[aria-expanded="false"]:after {
    float: right;
    content: "\002b";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
    background-color: #3c3c3c;
}
.accordion-option {
    width: 100%;
    float: left;
    clear: both;
    margin: 15px 0;
}
.accordion-option .title {
    font-size: 20px;
    font-weight: bold;
    float: left;
    padding: 0;
    margin: 0;
}
.accordion-option .toggle-accordion {
    float: right;
    font-size: 16px;
    color: #6a6c6f;
}
.accordion-option .toggle-accordion:before {
    content: "Expandir todos";
}
.accordion-option .toggle-accordion.active:before {
    content: "Ocultar todos";
}
.btn.btn-xs{
    margin:0px;
}

/* HR´s */
hr.style-one {
    border: 0;
    height: 1px;
    width: 20%;
    margin-top: 20px;
    margin-bottom: 20px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
hr.style-two {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* Forms */
.customForm{
    border: 1px solid #ccc;
}
.form-group .checkbox label, .form-group .radio label, .form-group label {
    color: #333;
}
.form-group input[type=file] {
    opacity: 1;
    top: -35px;
    padding-bottom: 35px;
}

/* Other Colors (Backgrounds) */
.backdarkerGrey{background-color: #333;}

/* Other Colors (Text) */
.textwhite{color: #fff;}
.textlightgrey{color: #ececec;}
.textgrey{color: #ccc;}

/* Dividers */
.divider2{margin-top: 1%; margin-bottom: 1%;}
.divider4{margin-top: 2%; margin-bottom: 2%;}
.divider6{margin-top: 3%; margin-bottom: 3%;}
.divider8{margin-top: 4%; margin-bottom: 4%;}
.divider10{margin-top: 5%; margin-bottom: 5%;}
.divider20{margin-top: 10%; margin-bottom: 10%;}
.divider30{margin-top: 15%; margin-bottom: 15%;}
.divider40{margin-top: 20%; margin-bottom: 20%;}
.divider50{margin-top: 25%; margin-bottom: 25%;}
.divider60{margin-top: 30%; margin-bottom: 30%;}
.divider70{margin-top: 35%; margin-bottom: 35%;}
.divider80{margin-top: 40%; margin-bottom: 40%;}

/* Padding */
.padding0{padding:0em;}
.padding10{padding:1em;}
.padding20{padding:2em;}
.padding30{padding:3em;}
.padding40{padding:4em;}
.padding50{padding:5em;}

/* Padding Right */
.paddingr2{padding-right: 0.2em;}
.paddingr5{padding-right: 0.5em;}
.paddingr10{padding-right: 1em;}
.paddingr20{padding-right: 2em;}

/* Padding Left */
.paddingl2{padding-left: 0.2em;}
.paddingl5{padding-left: 0.5em;}
.paddingl10{padding-left: 1em;}
.paddingl20{padding-left: 2em;}

/* Margins */
.marginL10{margin-left:10%;}
.marginR10{margin-right:10%;}
.mTop0{margin-top: 0%;}
.mTop2{margin-top: 2%;}
.mTop5{margin-top: 5%;}
.mTop10{margin-top: 10%;}
.mTop15{margin-top: 15%;}
.mTop20{margin-top: 20%;}
.mTop30{margin-top: 30%;}
.mTop40{margin-top: 40%;}
.mTop50{margin-top: 50%;}
.mTop60{margin-top: 60%;}
.mTop70{margin-top: 70%;}
.mTop80{margin-top: 80%;}
.mBot0{margin-bottom: 0%;}
.mBot2{margin-bottom: 2%;}
.mBot5{margin-bottom: 5%;}
.mBot10{margin-bottom: 10%;}
.mBot15{margin-bottom: 15%;}
.mBot20{margin-bottom: 20%;}
.mBot30{margin-bottom: 30%;}
.mBot40{margin-bottom: 40%;}
.mBot50{margin-bottom: 50%;}
.mBot60{margin-bottom: 60%;}
.mBot70{margin-bottom: 70%;}
.mBot80{margin-bottom: 80%;}

/* Height */
.height100p{ height: 100%; }
.height25{ min-height: 25px; }
.height150{ min-height: 150px; }
.height200{ min-height: 200px; }

/*********************************** TEXT ***********************************/

/* Size */
.smallText{font-size: 0.8em; }
.mediumText{font-size: 1.3em; }
.largeText{font-size: 1.8em; }

/* Alignment */
.textRight{ text-align: right; }
.textLeft{ text-align: left; }
.textCenter{ text-align: center; }

/* Header styles */
h1.title{
    font-family: 'Roboto', sans-serif;
    font-size: 2.4em;
    color:#91b047;
    font-weight: bold;
}
h2.title{
    font-family: 'Roboto', sans-serif;
    font-size: 2em;
    color:#91b047;
    font-weight: bold;
}
h3.title{
    font-family: 'Roboto', sans-serif;
    text-align: left;
    font-size: 1.5em;
    color:#91b047;
    font-weight: bold;
}
h4.title{
    font-family: 'Roboto', sans-serif;
    text-align: left;
    font-size: 1.2em;
    text-transform: uppercase;
    color:#91b047;
    font-weight: 400;
}

/* Paragraph */
p.handtitle{
    font-family: 'Gloria Hallelujah', cursive;
    font-weight: normal;
    font-size: 1.4em;
    color:#3c3c3c;
    margin-top: 60px;
}
p.normaltext{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 0.8em;
}
p.normaltextwhite{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1em;
    color: #fff;
    font-weight: 700
}
p.modaltext{
    font-family: 'Gloria Hallelujah', cursive;
    font-weight: normal;
    font-size: 1em;
    color:#3c3c3c;
}
p.smalltext{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
    font-size: 0.5em;
    color:#3c3c3c;
}
p.mediumtext{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
    font-size: 0.8em;
    color:#3c3c3c;
}
p.mediumtextwhite{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 0.8em;
    color:#fff;
}
/*********************************** IMAGES ***********************************/
.imgBorder{
    border:3px solid #00A79D;
}
div.imgUpdate img{
    width: 80px;
    height: 80px;
    margin-bottom: 35px;
}
    .cke_editable img{
        max-width: 100% !important;
    }
/*********************************** TABLES ***********************************/
.table {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
}
.table>thead>tr:first-child>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
    font-weight: normal;
    color:#91b047;
}
.table>thead>tr>th {
    color:none;
    text-align: left;
}
/* Backend tables edit */
.tableMenus>tbody>tr>td, .tableUsers>tbody>tr>td, .tableArticles>tbody>tr>td, .tableWild>tbody>tr>td{
    padding: 0px 15px;
}
.tableCategories>tbody>tr>td {
    padding: 5px 15px;
}
/* Backend dashboard tables edit */
.tableDash>tbody>tr>td{
    padding: 10px 15px;
}

/*********************************** DIVS, SPANS, ETC ***********************************/
/* Bootbox Modal */
.modal-content {
    padding: 10px;
}
.modal-content .modal-body {
    padding: 17px 7px;
}
button.close {
    margin-right: 0px;
    color: #ccc;
    font-size: 1.3em;
}
.alertdiv{
    margin-left: 16px;
}
/* jquery-sortable */
body.dragging, body.dragging *{
  cursor: move !important;
}
.position_menu > li:hover{
    cursor: move !important;
    background: lightgray;
}
.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

ol.example li.placeholder {
  position: relative;
  /** More li styles **/
}
ol.example li.placeholder:before {
  position: absolute;
  /** Define arrowhead **/
}
.position_menu > li{
    display: list-item;
}

/*********************************** MEDIA QUERIES ***********************************/

/* XL */
@media screen and (max-width: 1920px) and (min-width: 1367px) {

}

@media screen and (max-width: 1366px) and (min-width: 1201px) {

}

/* LG */
@media screen and (max-width: 1200px) and (min-width: 993px) {

}

/* MD */
@media screen and (max-width: 992px) and (min-width: 769px) {

}

/* SM */
@media screen and (max-width: 768px) and (min-width: 577px) {

}

/* XS */
@media screen and (max-width: 576px) and (min-width: 321px) {

}

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

}
/* Multi fileupload */
    .line-upload{
        display: flex;
        width: 100%;
        margin-bottom: 2px;
    }
    .line-upload .name-upload{
        margin-bottom: 20px;
        max-width: 85%;
        overflow: hidden;
        height: 28px;
        margin-right: 10px;
        padding-top: 2.2px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        border: 1px solid #a3a3a3;
        border-radius: 20px;
        background-color: #a3a3a3;
        color: #fff;
    }
    .line-upload .circle_icon{
        float:left;
    }
    .circle_icon{
        color: #a3a3a3;
        text-align: center;
        display: block;
        width: 28px;
        height: 28px;
        border-radius: 28px;
        border: 2px solid #a3a3a3;
        padding-top: 2.2px;
    }
    .circle_icon:hover,
    .circle_icon:active,
    .circle_icon:focus,
    .circle_icon.active{
        text-decoration: none;
        color: #a3a3a3;
    }
    .label-icon{
        color: #a2a2a2;
        position: absolute;
        right: 22px;
        top: 33px;
    }

    /*File Upload*/
.button-upload-file{
    border-radius: 2px;
    padding: 5px 30px;
    color: #fff;
    background-color: #999999;
    border-color: #adadad;
}
.button-upload-file:hover{
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}
.name-upload-file{
    padding: 5px 20px;
}
.drop-files-container{
    height: 36px;
    display: block;
    background-color: #eee;
    border-radius: 5px;
    padding: 9px;
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 60px;
    line-height: 2;
    color: #999;
    text-align: left;
    cursor: pointer;
}
.drop-files-container:hover{
    background-color: #f1f1f1;
}
/***************************************************************************** CUSTOM CSS END *****************************************************************************/