/*#container{
    margin-top: 50px
}*/
.versionTag {
    float: left;
    position: absolute;
    right: 50px;
    font-family: monospace !important;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.h-100
{
    min-height: 100px !important;
}
.h-200
{
    min-height: 200px !important;
}
.h-300
{
    min-height: 300px !important;
}
.h-400
{
    min-height: 400px !important;
}
.h-500
{
    min-height: 500px !important;
}
.h-600
{
    min-height: 600px !important;
}
.h-700
{
    min-height: 700px !important;
}

.m-100
{
    max-height: 100px;
    overflow-y: auto;
}
.m-200
{
    max-height: 200px;
    overflow-y: auto;
}
.m-300
{
    max-height: 300px;
    overflow-y: auto;
}
.m-400
{
    max-height: 400px;
    overflow-y: auto;
}
.m-500
{
    max-height: 500px;
    overflow-y: auto;
}
.m-600
{
    max-height: 600px;
    overflow-y: auto;
}
.m-700
{
    max-height: 700px;
    overflow-y: auto;
}
.heightAuto{
    height:auto;
}
.overflow-x{
    overflow-x: auto;
}

.row-centered {
    text-align:center;
}

form .form-group,
form .input-group{
    margin-top: 10px;
}

.modal-body form .form-group,
.modal-body .input-group{
    margin-top: 5px;
}

.popover  form .form-group,.description .input-group{
    margin-top: 0;
}

/*===========================*/
/*======= back to top =======*/
/*===========================*/
a#back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    z-index: 9999;
    /*    -webkit-box-shadow: 10px 10px 9px -5px rgba(107,102,107,1);
        -moz-box-shadow: 10px 10px 9px -5px rgba(107,102,107,1);
        box-shadow: 10px 10px 9px -5px rgba(107,102,107,1);*/
    padding: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #fff;
    font-size: 23px;
}
/*footer {
    margin-top: 100px;
}*/

.col-centered{
    float: none;
    margin: 0 auto;
}

.parallax {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 100%;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}
.parallax-pattern {
    width: 100%;
    background-attachment: fixed;
    position: relative;
}

.parallax >div> h1{
    color:#fff;
}

.list-indented
{
    padding-left: 26px; 
}

.actions .btn > span
{
    margin-left: 5px;
}

/*=========================================*/
/*              flags                      */
/*=========================================*/
.phoca-flagbox{
    height: 23px;
    width: 26px;
    margin: 0 auto;
}

span.phoca-flag {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-block;
    vertical-align: middle;
    width: 100% !important; 
    /*border: 1px solid #e5e5e5;*/
    /*-webkit-box-shadow: 1px0 18px 1px rgba(0,0,0,0.17);
    -moz-box-shadow: 1px0 18px 1px rgba(0,0,0,0.17);
    box-shadow: 1px0 18px 1px rgba(0,0,0,0.17);*/


}
span.phoca-flag.unknown {
    color: #075265;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 25px;
    padding: 0;
}
span.phoca-flag.unknown:before {
    content: "\f0ac";
}
span.phoca-flag.unknown {
    border: 0;
}



/*=========================================*/
/*                fa stack                 */
/*=========================================*/


.fa.green
{
    color: #5fd400;
}
.fa.warning
{
    color: #FFB61C;
}
.fa.danger
{
    color: #E94B3B;
}


.fa-stack.success>.fa-circle
{
    color: #5fd400;
}
.fa-stack.warning>.fa-circle
{
    color: #FFB61C;
}
.fa-stack.danger>.fa-circle
{
    color: #E94B3B;
}
.fa-stack.green>.fa-circle
{
    color: #23AE89;
}
.fa-stack.green-blue>.fa-circle
{
    color: #2EC1CC;
}
.fa-stack.blue>.fa-circle
{
    color: #335397;
}
.fa-stack.cyan>.fa-circle
{
    color: #00c7f7;
}
.fa-stack.purple>.fa-circle
{
    color: #9999ff;
}
.fa-stack.brown>.fa-circle
{
    color: #9b4631;
}
.fa-stack.salmon>.fa-circle
{
    color: salmon;
}
.fa-stack.success>.fa-circle
{
    color: #5fd400;
}
.fa-stack.orange>.fa-circle
{
    color: #ff5722;
}




.fa-stack.white.fa-circle
{
    color:#fff
}
.fa-stack.white >.fa-stack-1x
{
    color: #8C8C8C;
}

.fa-stack.metro-green.fa-stack-1x
{
    color:#fff;
}
.fa-stack.metro-green .fa-circle
{
    color:#00acac 
}



/*=========================================*/
/*================ Tiles =================*/
/*=======================================*/



.tile .title {
    margin-top: 0;
}
/*.tile.purple, .tile.blue, .tile.red, .tile.orange, .tile.green {
    color: #fff;
}
.tile.purple {
    background: #5133ab;
}
.tile.purple:hover {
    background: #3e2784;
}
.tile.red {
    background: #ac193d;
}
.tile.red:hover {
    background: #7f132d;
}
.tile.green {
    background: #00a600;
}
.tile.green:hover {
    background: #2ba285;
}
.tile.blue {
    background: #2672ec;
}
.tile.blue:hover {
    background: #125acd;
}
.tile.orange {
    background: #dc572e;
}
.tile.orange:hover {
    background: #b8431f;
}*/

.tile .tile-item {
    background: rgba(255,255,255,.22);
    padding: 10px 0;
    text-align: center;
    margin-bottom: 16px;
}
/*strong {
    font-weight: 400;
}*/

.tile {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    background: #fff;
    padding: 0;
    margin-bottom: 30px;
}

.tile .title {
    margin-top: 0;
}
.tile.description-empty .text
{
    height: 150px;
}
.tile.description-empty .panel-heading .text
{
    padding-top: 25px;
}

.tile.description-empty .panel-heading .icon {
    padding-top: 40px;
}

.tile.purple,
.tile.blue,
.tile.red,
.tile.orange,
.tile.green,
.tile.navy,
.tile.yellow,
.tile.olive
{
    color: #fff;
}
.tile.white {
    background: #fff;
}
.tile.white .panel-heading .text {
    background-color: rgba(204, 204, 204, 0.25);
}

.tile.white:hover {
    background: #e3e3e3;
}
.tile.olive {
    background: #7da746;
}
.tile.olive:hover {
    background: #75a04b;
}
.tile.yellow {
    background: #f3cf5e;
}
.tile.yellow:hover {
    background: #ffc40b;
}
.tile.navy {
    background: #2095af;
}
.tile.navy:hover {
    background: #006666;
}

.tile.purple {
    background: #7266ba;
}
.tile.purple:hover {
    background: #5133ab;
}
.tile.red {
    background: #f55d5d;
}
.tile.red:hover {
    background: #ea1a1a;
}
.tile.green {
    background: #37bc9b;
}
.tile.green:hover {
    background: #2ba285;
}
.tile.blue {
    background: #5d9cec ;
}
.tile.blue:hover {
    background: #2672ec;
}
.tile.orange {
    background:#ff902b;
}
.tile.orange:hover {
    background: #dc572e;
}
.tile.grey {
    color: #fff;
    background: #444F5C;
}
.tile.grey:hover {
    background: #383838;
}



.panel.widget .panel-footer,
.tile .panel-footer{
    background-color: #3a3f51;
    color: #fff;
    border: 0;
}
.tile .panel-heading{
    border: 0;
    padding: 0;
}
.tile .panel-heading .icon{
    padding-top: 30px;
    padding-bottom: 15px;

}
.tile .panel-heading .text{
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: rgba(255, 255, 255, 0.25);
}

.tile .panel-heading h1,
.tile .panel-heading p{
    margin: 0;
    margin-top: 5px;
    height: 30px;
}
.tile .tile-item {
    background: rgba(255,255,255,.22);
    padding: 10px 0;
    text-align: center;
    margin-bottom: 16px;
}

.tile.tile-percent i{
    margin-right: 15px;
    font-size: 30px;
}
.tile.tile-percent .css-chart{
    background-color: rgba(255, 255, 255, 0.61);  
}
.tile.tile-percent .bar,
.tile.tile-percent .fill
{
    border-color: #fff !important;
    background-color: #fff !important;
}
.tile.tile-percent .inner-content span 
{
    color: #fff !important;
}
.tile.tile-percent .inner-content 
{
    padding-top: 40px;
    padding-bottom: 30px;
}
.tile.tile-percent .panel-heading {
    padding: 20px;
}
.tile.tile-percent 
.panel-footer
{
    font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #707478;

}

.tile.tile-percent.purple .css-chart:after {
    background-color: #5133ab;
}
.tile.tile-percent.red .css-chart:after{
    background-color: #f55d5d;
}
.tile.tile-percent.green .css-chart:after{
    background-color: #37bc9b;
}

.tile.tile-percent.blue .css-chart:after{
    background-color: #5d9cec ;
}

.tile.tile-percent.orange .css-chart:after
{    
    background-color:#ff902b !important;
}

.tile.tile-percent.grey .css-chart:after {
    background-color: #444F5C;
}




/*=========================================*/
/*              table-ajax                 */
/*=========================================*/


.bootgrid-header  .input-group {
    margin-top: 0;
}

.bootgrid-header .btn-group
{
    border-radius: 4px;  
}

.table-ajax .actions a
{
    margin-left: 10px;
}




/*=========================================*/
/*              radio                      */
/*=========================================*/

.radio {
    padding-left: 20px; }
.radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
}
.radio label h1,
.radio label h2,
.radio label h3,
.radio label h4
{
    margin: 0;
}

.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out; }
.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio input[type="radio"] {
    opacity: 0; }
.radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
.radio input[type="radio"]:disabled + label {
    opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed; }
.radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
    background-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::after {
    background-color: #428bca; }

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c; }



/*=========================================*/
/*              drop files                 */
/*=========================================*/

.dropFiles {
    width: 100%;
    border: 4px dashed #D4D6CE;
    color: #D4D6CE;
    text-align: center;
    padding: 40px 1px 40px 1px;
    font-size: 34px;
    display: block;
    margin-bottom: 35px;
}

.dropFiles.active
{
    background-color: #F9F9F9;
}

.prediction .checkbox {
    height: 60px;
    margin: 0;
}

.replace-file-checkbox .checkbox{
    margin: 0;
    margin-top: -10px;
}

/*=========================================*/
/*              drop files                 */
/*=========================================*/
#form-ajax-message{
    padding: 70px;
}
#login #form-ajax-message{
    padding: 0;
}



/*=========================================*/
/*              progress bar                */
/*=========================================*/
.progress-bar {
    -webkit-transition: none !important;
    transition: none !important;
}

table.valign td
{
    vertical-align: middle !important;
}


.fileType
{
    height: 32px;
    width: 32px;
    min-width: 32px;
    min-height: 32px;
}

#content>#flashMessage{ 
    margin-bottom: 41px;
}

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

.g-recaptcha-container{
    width: 100%;
}


.desplegable-list
{
    cursor: pointer;
}

.btn.disabled {
        cursor:not-allowed !important;
             pointer-events: none; 
}
a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: initial !important;
}


select
{
    width: 100%;      
}

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

.btn> i + span 
{
    margin-left: 5px;
}

.btn-material {
    color: #fff;
    background-color: #009688;
    border-color: #00877b;
}
.btn-material:focus,
.btn-material.focus {
    color: #fff;
    background-color: #06B9A8;
    border-color: #00877b;
}
.btn-material:hover {
    color: #fff;
    background-color: #06B9A8;
    border-color: #00877b;
}
.btn-material:active,
.btn-material.active,
.open > .dropdown-toggle.btn-material {
    color: #fff;
    background-color: #06B9A8;
    border-color: #00877b;
}
.btn-material:active:hover,
.btn-material.active:hover,
.open > .dropdown-toggle.btn-material:hover,
.btn-material:active:focus,
.btn-material.active:focus,
.open > .dropdown-toggle.btn-material:focus,
.btn-material:active.focus,
.btn-material.active.focus,
.open > .dropdown-toggle.btn-material.focus {
    color: #fff;
    background-color: #009688;
    border-color: #00877b;
}
.btn-material:active,
.btn-material.active,
.open > .dropdown-toggle.btn-material {
    background-image: none;
}
.btn-material.disabled:hover,
.btn-material[disabled]:hover,
fieldset[disabled] .btn-material:hover,
.btn-material.disabled:focus,
.btn-material[disabled]:focus,
fieldset[disabled] .btn-material:focus,
.btn-material.disabled.focus,
.btn-material[disabled].focus,
fieldset[disabled] .btn-material.focus {
    background-color: #009688;
    border-color: #007f88;
}
.btn-material .badge {
    color: #009688;
    background-color: #fff;
}
.btn i + span 
{
    margin-left: 5px;
}