@font-face {
    font-family: "Source Sans Pro Regular";
    src: url("../lib/googlefonts/SourceSansPro-Regular.ttf");
}
@font-face {
    font-family: "Source Sans Pro Bold";
    src: url("../lib/googlefonts/SourceSansPro-Bold.ttf");
}
.theme-inforius .btn-primary {
    color: #fff;
    border-color: #33beff;
    background-color: #60cdff;
}

.theme-inforius .btn-primary:hover {
    color: #fff;
    background-color: #1ab6ff;
    border-color: #009de6;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.overflowcontent {
    height: calc(100vh - 200px);
    overflow-x: hidden;
    overflow-y: auto;
}

.app-link {
    text-decoration: none;
    color: black;
    border:1px solid #ccc;
    border-radius:3px;
    padding:10px;
    transition: 0.2s linear;
}

.app-link:hover {
    text-decoration: none;
    color: black;
    background:#eee;
}


table.dataTable tr.dt-hasChild td.dt-control:before,
table.dataTable td.dt-control:before {
    background-color: darkgrey;
}

.theme-imome-pub footer .container > div {
    display: none;
}

.theme-base {
    background-color: #F7F7F8 !important;
    font-family: "Source Sans Pro Regular", sans-serif;
}

.sso-home-logo {
    width:300px;
    height: auto;
    margin: 0 auto;
}

.sso-login-logo {
    width: 162px;
    height: auto;
    margin: 0 auto;
}

.sso-login-logo-div {
    background-image: url('../img/sso_logo.svg');
    width: 100%;
    height: 162px;
    /*height: 20vh;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.sso-login-client-logo {
    position: relative;
/*    width: 110px;
    top: 94px;*/
    width: 60px;
    top: 51px;
}

.sso-apps-logo {
    width: 100px;
    height: auto;
}


.theme-base .title-h3 {
    font-size: 22px;
    color: #25344B;
    border-bottom: 1px solid #60CDFF;
    padding-bottom: 5px;
    font-family: "Source Sans Pro Bold", sans-serif;
}

.theme-base .navbar-nav {
    background-color: #25344B;
    color: white;
}

.theme-base nav {
    background-color: #25344B !important;
    color: white !important;
}

.theme-base .navbar-brand {
    color: white;
}

.theme-base .tac-btn-primary {
    border-radius: 2px;
    box-shadow: 0px 4px 16px rgba(96,205,255, 0.48);
    opacity: 1;
    background-color: rgba(96,205,255, 1);
    color: white;
    text-transform: uppercase;
    font-family: "Source Sans Pro Bold";
    padding: 16px 40px;
    transition: 0.4s all;

}

.theme-base .tac-btn-primary:hover {
    border-radius: 2px;
    box-shadow: 0px 4px 16px rgba(96,205,255, 0.80);
    opacity: 1;
    background-color: rgba(96,205,255, 1);
    color: white;
    text-transform: uppercase;
    font-family: "Source Sans Pro Bold";
    text-decoration: none;
    padding: 16px 40px;
}

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

.theme-base .navbar-brand-text {
    color: white;
    font-family: "Source Sans Pro Bold";
    margin-left: 5px;
}

.theme-base .nav-link {
    color: white !important;
}

.theme-base .nav-item-b {
    border: none !important;
}

.theme-base footer {
    background-color: white;
}

.theme-base .tac-btn-secondary {
    border-radius: 2px;
    box-shadow: 0px 4px 16px rgba(96,205,255, 0.48);
    opacity: 1;
    background-color: rgba(96,205,255, 1);
    color: white;
    text-transform: uppercase;
    font-family: "Source Sans Pro Bold";
    padding: 10px 30px;
    transition: 0.4s all;
    border: none;
}

    .theme-base .tac-btn-secondary:hover {
        border-radius: 2px;
        box-shadow: 0px 4px 16px rgba(96,205,255, 0.80);
        opacity: 1;
        background-color: rgba(96,205,255, 1);
        color: white;
        text-transform: uppercase;
        font-family: "Source Sans Pro Bold";
        text-decoration: none;
        padding: 10px 30px;
        border: none;
    }

.theme-base .title-h3 {
    font-size: 24px;
    color: #25344B;
    padding-bottom: 5px;
    font-family: "Source Sans Pro Bold", sans-serif;
}

.tac-or-title {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #ccc;
    line-height: 0.1em;
    margin: 10px 0 20px;
}

    .tac-or-title span {
        background: #F7F7F8;
        padding: 0 10px;
        font-family: "Source Sans Pro Bold";
        color: #ccc;
    }

.theme-base .login-subtitle {
    color: #4a4a4a;
    font-family: "Source Sans Pro Bold";
    text-transform: uppercase;
}

.theme-base .title-h3-noborder {
    font-size: 24px;
    color: #25344B;
    padding-bottom: 5px;
    font-family: "Source Sans Pro Bold", sans-serif;
}

.theme-base .border-bottom-tac {
    border-bottom: 1px solid #60CDFF;
}

.card-img-logo {
    margin-top: -30px !important;
    height: 100px !important;
}

.theme-base .tac-app-name {
    color: #25344B;
    font-family: "Source Sans Pro Bold";
}

.theme-base .card {
    border-radius: 8px;
    box-shadow: 0px 0px 22px rgba(0,0,0, 0.093422);
    opacity: 1;
    background-color: rgba(255,255,255, 1);
    transition: 0.5s all;
}

.theme-base .dropdown-menu {
    border: 1px solid #60cdff;
    box-shadow: 0px 0px 22px rgba(0,0,0, 0.093422);
}

.nav-item-user > a, .nav-item-user .dropdown-toggle::after {
    color: white !important;
}

.theme-base .twofa-title {
    font-family: "Source Sans Pro Bold";
    color: #25344B;
    text-decoration: none;
}

.theme-base .text-green {
    color: #3BDE86;
}

.theme-base .text-red {
    color: #FF6260;
}

.theme-base .tac-btn-secondary-green {
    border-radius: 2px;
    box-shadow: 0px 4px 16px RGBA(59, 222, 134, 0.48);
    opacity: 1;
    background-color: RGB(59, 222, 134);
    color: white;
    text-transform: uppercase;
    font-family: "Source Sans Pro Bold";
    padding: 10px 30px;
    transition: 0.4s all;
    border: none;
}

    .theme-base .tac-btn-secondary-green:hover {
        border-radius: 2px;
        box-shadow: 0px 4px 16px RGBA(59, 222, 134, 0.80);
        opacity: 1;
        background-color: RGB(59, 222, 134);
        text-transform: uppercase;
        font-family: "Source Sans Pro Bold";
        text-decoration: none;
        padding: 10px 30px;
        border: none;
    }

.theme-base .tac-btn-secondary-red {
    border-radius: 2px;
    box-shadow: 0px 4px 16px RGBA(255, 98, 96, 0.48);
    opacity: 1;
    background-color: RGB(255, 98, 96);
    color: white;
    text-transform: uppercase;
    font-family: "Source Sans Pro Bold";
    padding: 10px 30px;
    transition: 0.4s all;
    border: none;
}

    .theme-base .tac-btn-secondary-red:hover {
        border-radius: 2px;
        box-shadow: 0px 4px 16px RGBA(255, 98, 96, 0.80);
        opacity: 1;
        background-color: RGB(255, 98, 96);
        text-transform: uppercase;
        font-family: "Source Sans Pro Bold";
        text-decoration: none;
        padding: 10px 30px;
        border: none;
    }

.theme-base .tac-btn-secondary-orange {
    border-radius: 2px;
    box-shadow: 0px 4px 16px RGBA(255, 184, 71, 0.48);
    opacity: 1;
    background-color: RGB(255, 184, 71);
    color: white;
    text-transform: uppercase;
    font-family: "Source Sans Pro Bold";
    padding: 10px 30px;
    transition: 0.4s all;
    border: none;
}

    .theme-base .tac-btn-secondary-orange:hover {
        border-radius: 2px;
        box-shadow: 0px 4px 16px RGB(255, 184, 71, 0.80)
        background-color: RGB(255, 184, 71);
        text-transform: uppercase;
        font-family: "Source Sans Pro Bold";
        text-decoration: none;
        padding: 10px 30px;
        border: none;
    }

.theme-base .tac-list-item::marker {
    background-color: #25344B;
    border-radius: 100%;
    padding:10px 10px;
}

.logout-logo {
    width: 100px;
    height: auto;
    margin: 0 auto;
}

.theme-base .tac-table-btn {
    padding: 6px 8px !important;
    font-size: 12px !important;
}

.theme-base th {
    color: #25344B;
    font-weight: 600;
    text-transform: uppercase;
}

.theme-base label {
    color: #4a4a4a;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Source Sans Pro Bold';
}

.theme-base .twofa-subtitle {
    color: #25344B;
    font-family: 'Source Sans Pro Bold';
    font-size: 18px;
}

.theme-base .field-validation-error {
    color: #FF6260 !important;
}


.card-apps:hover {
    transform: translateY(-4px);
    box-shadow: 0px 0px 22px rgba(0,0,0, 0.3);
}

.card-app-link:hover {
    cursor: pointer;
}


.card-text {
    color: #4a4a4a;
}

footer a {
    color: #60cdff;
}

.dataTables_scroll tr.odd {
    background-color: white;
}