.bootstrap-wrapper.SfFormElementContainer .rednao-control-group .rednao_control_label
{
   font-size:18px !important;
   font-weight:bold !important;
}

.bootstrap-wrapper legend.redNaoLegend
{
   font-size: 30px;
}

.bootstrap-wrapper .rednaolineseparator  hr {
   margin-top: 20px;
   margin-bottom: 40px;
   border: 0;
   border-top: 3px solid #b9b9b9;
}


ul.thumbnails.image_picker_selector li .thumbnail
{
   position: relative;
}

ul.thumbnails.image_picker_selector li .thumbnail.deactivated
{
    filter: grayscale(1) opacity(0.5);
    background-color: #cbcbcb;
}

ul.thumbnails.image_picker_selector li.hive_activated .thumbnail:not(.deactivated),
ul.thumbnails.image_picker_selector li.hive_deactivated .thumbnail.deactivated
{
    display: none;
}




@-webkit-keyframes infoSplash {
    0% {opacity: 1; }
    70% {opacity: 1; }
    100% {opacity: 0;}
}

@keyframes infoSplash {
    0% {opacity: 1; }
    70% {opacity: 1; }
    100% {opacity: 0;}
}


li .thumbnail.selected.show-info::before
{
   content: attr(data-info) ' ';
   display: flex;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background-color: #cc9100;
   border: 1px solid #dddddd;
   border-radius: 4px;
   color: #fff;
   justify-content: center;
   align-items: center;
   padding: 5px;
   font-size: 80%;

   -webkit-animation: infoSplash 3s ease-out 1 forwards;
           animation: infoSplash 3s ease-out 1 forwards;
}

/* ########################### */
body .redNaoRadio {
    font-size: 17px!important;
}

body .bootstrap-wrapper .form-control {
    font-size: 17px!important;
}


body .bootstrap-wrapper .modal-dialog
{
    max-height: calc(100% - 20px);
}
body .bootstrap-wrapper .modal-content
{
    max-height: 100%;
    overflow-y: scroll;
}


/* ########################### */

.hideme-control-group
{
   display: none;
}

a.btn
{
   text-decoration: none !important;
}

.ladda-spinner div {
    background: rgb(114 46 219) !important;
}

/*
#login-button .ladda-progress
{
   width: 30px !important;
}
*/

.login-response 
{
   padding: 40px;
   background-color: #c0ebc9;
}

.response-valid 
{
    background-image: -webkit-linear-gradient(top,#def2e2 0,#9fe0a6 100%);
    background-image: -o-linear-gradient(top,#def2e2 0,#9fe0a6 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#def2e2),to(#9fe0a6));
    background-image: linear-gradient(to bottom,#def2e2 0,#9fe0a6 100%);
    background-repeat: repeat-x;
}

.response-invalid 
{
    background-image: -webkit-linear-gradient(top,#f2dede 0,#e7c3c3 100%);
    background-image: -o-linear-gradient(top,#f2dede 0,#e7c3c3 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#e7c3c3));
    background-image: linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);
    background-repeat: repeat-x;
}


.opswitch .popover.invalid
{
    top: 11px;
}