@import url("/SpInfra101UiTemplate/Theme.SpInfra101UiTemplate.css?28553");

/*
    How to generate a theme for your company: 
    
        1 - Go to http://www.outsystems.com/goto/themegenerator
        2 - Copy the generated CSS
        3 - Paste it here

*/


/*Font*/

.Menu, .Header_buttonMenu { /*ESCONDE O MENU*/
    display: none !important;
}
.Img_usuario{
    -webkit-border-radius: 100px !important;
    -moz-border-radius: 100px !important;
    border-radius: 100px !important;
    height: 70px !important;
    width: 70px !important;
}

.phone .Form div:not(.ToggleButton):not(.InputIcon){
    width: 100%;
    margin: 10px 0px 0px 0px !important;
}
iframe {
  resize: vertical;
  overflow: auto;
}

.Text_NoteSizeOnly a, .Text_NoteSizeOnly{
    font-size: 12px;
    font-weight: 300;
}
.Text_Yellow {
    color: #C39F0C !important;
}
.Text_Red{
    color:#e83e26 !important;
}

.Link_Yellow a,
.Link_Yellow{
    color: #C39F0C !important;
}
.Link_Red a,
.Link_Red{
    color:#e83e26 !important;
}


/*fa-warning*/
.Warning > A:before,
.Warning > div:before
{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f071";
    margin-right: 3px;
}
/*fa-ban*/
.Block > a:before,
.Block > div:before
{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f05e";   
    margin-right: 3px;
}

.Balloon{ /*Make ballon border stronger*/
    border: 1px solid #c5c5c5 !important;
}

.tooltipster-arrow-border {
    border-color: #c5c5c5 !important;
}
.prodCard{
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-weight: 600;
    margin-top: 10px;
    margin-left: 1.96%;
}
.prodCard:nth-child(2n-1){
    margin-left: 0;
}

/*Alternative Button*/
.DBConns{
    padding: 0px 15px 10px 15px;
}

.DBConnSave {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 1px rgba(0, 0, 0, 0.1), inset 0 -10px 20px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    background-color: #0093e0;
    transition: all .9s;
}
.DBConnSave.pri {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.DBConnSave.pri.ico {
    position: relative;
    padding-left: 40px;
    text-align: left;
}
.DBConnSave.pri.ico.green:before {
    content: '\f00c';
}
.DBConnSave.pri.ico.user:before {
    content: '\f007';
}
.DBConnSave.pri.ico.plug:before {
content: '\f1e6';
}

.DBConnSave.pri.ico:before {
    content: '\f0c7';
    font-size: 18px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 30px;
    padding: 8px 0;
    font-family: FontAwesome;
    text-align: center;
    border-radius: 3px 0 0 3px;
    background: rgba(0, 0, 0, 0.15);
}
.DBConnSave.pri:hover { text-decoration: none; background: #48c; }
.DBConnSave.pri.green:hover { background: #5a5; }
.DBConnSave.pri.white:hover { background: #e4e4e4; }

.green {
    background: #62b462;
}
.white{
    background: #fff;
    color: #000 !important;
}
.ImportBox{
    overflow: hidden;
    position: relative;
    padding: 10px;
    background-color: rgba(0,0,0,0.05);
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
}
/*Navigation Cards*/
.Inner{
    margin-left: 1.96%;
    margin-bottom: 5px;
    border-radius: 3px;
    -webkit-transition: all 400ms ease;
    border: 1px solid #dddedf;
    transition: all 400ms ease;
    text-align: center;
    font-size: 2rem;
    background-color:white;
    height: 80px;
    padding: 2px 0px 0px 0px;
}
.Inner a{
    font-size: 2rem;
    text-decoration: none !important;
}
.Inner.Disabled .Text_Note, .Inner.Disabled .Text_Note{
    color: white;
    background-color: #2980b9;
}
.Inner .Info,.Inner .Info a{
    margin: 0px auto;
    height: 1.3rem;
    font-size: 1rem;     
    border-top: 1px solid rgba(18, 95, 144, 0.12);
    padding: 0px 5px;
}
.Inner:hover {
    box-shadow: 0 0px 10px 0 #009dff;
}

.SettingsIconColor{
    color: #125f90 ;
}

.Inner .Text_Note{
    font-weight: 600;
}

.ColorRed,.ColorRed a{
    color: #c0392b !important;   
}
.ColorOrange,.ColorOrange a{
    color: #f39c12 !important;   
}
.Navigation .Inner:nth-child(4n-3) {
    margin-left: 0;
}
.WS_Wrapper{
    background-color: #fff;
    padding: 20px;
    border: 1px solid #dedede;
    border-radius: 4px;
}
.WS_URL_Wrapper{
    border: 1px solid #cecece;
    padding: 5px;
    border-radius: 3px;
    background-color: #fff;
}
.CtnProcessingLicense{
    border: 2px dotted;
    border-radius: 4px;
    padding: 4px;
    text-align: center;
    background-color: #fff;
    font-weight: bold;
    height: 140px;
    font-size: 1.5em;
    position: relative;
    overflow: auto;
}
.CtnProcessingLicense span.centered{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
.CtnProcessingLicense.orange{
    color: #f39c12;
}
.CtnProcessingLicense.emerald{
    color: #2ecc71;
}
.CtnProcessingLicense.alizarin{
    color: #e74c3c;
}
.Header_search {
    margin-top: 0px;
}
input[type="checkbox"].Small{
    width: 15px;
    height: 15px;
    margin-right: 10px;
    top: 1.4px;
}
input[type="checkbox"].Small:after {
    height: 4px;
    left: 25%;
    top: 25%;
    width: 7px;
}
input[type="checkbox"].BlueCheck:checked:before {
    background: #0879dc;
    border-color: #0879dc;
    box-shadow: none;
}
input[type="checkbox"].BlueCheck:checked:after {
    opacity: 1;
    border-color: #fff;
}
.Panel_header>div {
    font-size: 1.5em;
}
.customUploadDiv {
    border: 1px dashed gray;
    min-height: 25px;
    border-radius: 4px;
    width: 100%;
    height: 32px;
}
.qq-upload-button {
    margin: 0px 0px 0px 10px;
}
.TenantNameBox{
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.ListRecords div.TenantNameBox {
    margin-left: 1.96%;
}
.ListRecords div.TenantNameBox:nth-child(6n-5) {
    margin-left: 0;
}
.ListRecords div.TenantNameBox:nth-child(n+7) {
    margin-top: 10px;
}

.desktop.MenuOpen .Content.ThemeGrid_Wrapper, .desktop.MenuOpen .Afasta_do_Menu{
    left: 0px !important;
}
.desktop.MenuOpen .HeaderGrandfather{
    padding-left: 0px !important;
}
/*--------------------*\ 
\* Balloon adjustments *\
/*---------------------*/
.Balloon_content{
    padding: 0px !important;
}
.Balloon_content a>div {
    padding: 8px 10px;
    border-top: 1px;
    border-color: #e4e4e4;
    border-style: solid;
    font-weight: 600;
    font-size: 1.2em;
}
.Balloon_content a>div.NormalText{
    font-size: 100%;
}
.Balloon_content>a>div:hover {
    background-color: #e4e4e4;
}
.Balloon_content>a:hover{
    text-decoration: none;
}
/*** os-internal: Generated classes (DO NOT MODIFY) ***/
.LicencaInfo[data-style-key="b0A1m_ThVE2006Cb+kVvlA"] { margin:0px 0px 10px 0px; }
.Inner[data-style-key="VTL_koac_0mMfyxwg7yFWw"] { margin:0px; padding:0px; }
.Maint.StatusOptions[data-style-key="o82InKJRr0euOEBRY0Aq+w"] { margin:0px; }
/*** os-internal: Generated classes (DO NOT MODIFY) ***/