html {
    height: 100%;
}

body {
    background: #f0f0f0;
    min-height: 100%;
    position: relative;
    font-family: Arial, Helvetica, sans-serif !important;
}

.error {
    color: red;
}

.col-nolp {
    padding-left: 0 !important;
}

.col-norp {
    padding-right: 0 !important;
}

.col-nolrp {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#Projects-Portal .panel-body div[class*="col-"] {
    padding-left: 11px;
    padding-right: 11px;
}

.outWrapper {
    width: 990px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -485px;
    margin-top: -175px;
}

.adminOutWrapper {
    overflow: hidden;
}

.adminOutWrapper header {
    background: #fff;
    height: 70px;
    line-height: 70px;
    padding-left: 33px;
    padding-right: 26px;
    position: fixed;
    top: 0;
    z-index: 500;
    width: 100%;
}

.adminOutWrapper header .admin_portal {
    padding-left: 50px;
}

.admin_portal p span {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.adminOutWrapper header .admin_portal p {
    font-size: 16px;
    margin-bottom: 0px;
    font-family: "Helvetica Neue Medium";
}

.adminOutWrapper header .avatar {
    padding-right: 20px;
}

.adminOutWrapper header .userRole h6 {
    line-height: 70px;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: normal;
    font-family: "Helvetica Neue Bold";
}

#user-role,
#user-name {
    padding-left: 5px;
    padding-right: 5px;
}

#user-role {
    font-family: "Helvetica Neue Light";
}

.remove_user {
    margin-right: 0px !important;
    background-color: rgb(129, 129, 129);
    color: #ffffff;
}

.userRole a.logout,
.userRole a.idamLogout {
    color: #000000;
    padding-left: 5px;
}

.adminOutWrapper header .avatar img {
    height: 45px;
}

.adminOutWrapper .left_content {
    margin-top: 70px;
}

.adminOutWrapper .left_content li.active {
    background: #f58e1d;
}

.adminOutWrapper .left_content .admin_block {
    width: 120px;
    height: calc((100vh - 90px)/6 + 15px);
    padding-top: calc(((100vh - 90px)/6 + 15px - 90px)/2);
    color: #ffffff;
    background: #3f3f40;
    text-align: center;
    border-bottom: 2px solid #f5f5f5;
    box-sizing: border-box;
}

.adminOutWrapper .left_content .admin_block:hover {
    cursor: pointer;
    background-color: #f58e1d;
}

.nav>.admin_block>a:focus,
.nav>.admin_block>a:hover {
    text-decoration: none;
    background-color: #f58e1d;
}

.panel-custom {
    padding: 0 0 !important;
}

.panel-default>.panel-heading {
    background-color: #f0f0f0;
}

.btn-default {
    border-color: #fff;
}

.adminOutWrapper .left_content .admin_block a {
    display: inline-block;
    text-align: center;
    color: #ffffff;
}

.admin_block a:link,
.admin_block a:visited {
    text-decoration: none
}

.admin_block a:hover,
.admin_block a:active {
    text-decoration: underline
}

.adminOutWrapper .left_content .number_block {
    width: 120px;
    height: calc((100vh - 90px)/6 - 15px);
    padding-top: calc(((100vh - 90px)/6 - 15px - 70px)/2);
    background-color: #ffffff;
    color: rgb(73, 73, 73);
    border-bottom: 2px solid #f0f0f0;
    box-sizing: border-box;
}

.adminOutWrapper .left_content .number_block h4 {
    font-size: 30px;
    margin-bottom: 2px;
    text-align: center;
}

.adminOutWrapper .left_content .number_block p {
    font-size: 11px;
    text-align: center;
    margin-bottom: 0;
}

.adminOutWrapper .left_content .admin_block i {
    font-size: 26px;
    font-weight: bold;
}

.left_content .admin_block a span {
    font-size: 13px;
    font-weight: bold;
}

.adminOutWrapper .left_content .admin_block p {
    font-size: 13px;
    padding-top: 8px;
    font-weight: bold;
    line-height: 19px;
    margin-bottom: 0;
}

.adminOutWrapper .right_content {
    overflow: hidden;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 26px;
    margin-bottom: 30px;
    margin-top: 70px;
}

.tab-content .panel-heading>span {
    padding: 8px;
    background: white;
    border-radius: 5px;
}

.btn-group .btn {
    margin-right: 15px;
    border-radius: 4px !important;
}

.projects-btn button {
    background: white;
}

.projects-btn button:not(:last-child) {
    margin-right: 30px !important;
}

.outWrapper .logo {
    position: absolute;
    bottom: 370px;
    z-index: 800;
}

.login-block {
    width: 330px;
    height: 380px;
    padding: 30px;
    background: #f58e1d;
    border-radius: 5px;
}

.login_form .logo_img img {
    width: 160px;
    margin-left: -10px;
}

.login_form .logo_img {
    margin-bottom: 40px;
    padding-top: 5px;
}

.login_form .input-group {
    margin-bottom: 13px;
    height: 35px;
}

.login_form .input-group .input-group-addon {
    padding: 0 10px;
    border: none;
    height: 33px;
}

.login_form input,
.login_form input:focus {
    background-color: #f5f5f5;
    border: none;
}

.login_form h1 {
    /*color: #fff;*/
    /*font-size: 30px;*/
    /*font-family:Charter-Bold;*/
    margin-bottom: 20px;
}

.login_form h1 img {
    height: 23px;
}

.login-block input {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 10px;
    font-size: 14px;
    padding: 0 20px 0 14px;
    outline: none;
    font-weight: 400;
}

.login_btn {
    width: 100%;
    height: 29px;
    background: #e0301e;
    padding: 0;
    border-radius: 2px;
    border: 1px solid #e0301e;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    outline: none;
    cursor: pointer;
    -webkit-transition: all 1s;
    /* Safari */
    transition: all 1s;
    box-shadow: none;
}

#forgetPwdBtn,
#idamLogin,
#openAMLogin {
    cursor: pointer;
    color: #ffdeb9;
}

.forget-pwd {
    margin-top: 3px;
}

.logo img {
    height: 45px;
}

.input-group .username,
.input-group .password {
    background: white;
    color: #f58e1d;
}

.input-group .username i,
.input-group .password i {
    font-size: 18px;
    width: 18px;
    height: 18px;
}

.faast_content {
    padding-left: 6px;
}

.faast_content img {
    max-height: 360px;
}

#Admin-Portal .panel-heading,
#Projects-Portal .panel-heading,
#Developer-Portal>.panel>.panel-heading {
    height: 85px;
    line-height: 85px;
    margin-top: -26px;
    margin-bottom: 0;
}

#Projects-Portal .panel-body {
    background: white;
    padding-top: 15px;
    padding-left: 6px;
    padding-right: 6px;
    height: calc(100vh - 220px);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: scroll;
    width: 100%;
}

#userInfoTable thead th {
    background-color: #292929;
    color: #fff;
    border: none;
}

#userInfoTable td:last-child {
    text-align: center;
}

#userInfoTable thead td:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    min-width: 120px;
}

#userInfoTable thead td:nth-child(3) {
    min-width: 120px;
}

#userInfoTable thead td:nth-child(4) {
    min-width: 120px;
}

#userInfoTable thead td:nth-child(2) {
    min-width: 130px;
}

#userInfoTable thead td:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#userInfoTable td a {
    color: #f58e1d;
}

#userInfoTable tbody {
    background-color: #fff;
}

.user_table thead {
    background: rgb(63, 63, 65);
    color: #fff;
    font-weight: normal;
}

.project-block {
    background: rgb(63, 63, 65);
    height: 70px;
    border-radius: 5px;
    margin-bottom: 15px;
    text-align: center;
    display: table;
    width: 100%;
}

.project-block:hover {
    background-color: #f58e1d;
}

.project-cronos {
    background: rgb(244, 143, 29);
}

.project-name {
    display: table-cell;
    vertical-align: middle;
}

.project-block a {
    color: white;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    padding: 30px 0;
}

.my-badge {
    display: inline-block;
    width: 24px;
    min-width: 10px;
    padding: 5px 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
    background-color: #f48f1d;
    border-radius: 12px;
    position: absolute;
    top: -12px;
}

.btn:hover,
.btn:active,
.btn:focus {
    outline: none !important;
}

.yellow-btn {
    border: 1px solid rgb(245, 142, 29);
    background-color: rgb(245, 142, 29);
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    color: #fff;
    border-radius: 4px !important;
}

.view-btn {
    background: none;
    border: 0;
    color: rgb(245, 142, 29);
    padding: 2px 8px;
}

.view-btn i {
    font-size: 20px;
}

.view-btn:hover {
    background: rgb(245, 142, 29);
}

.view-btn:hover i {
    color: #ffffff;
}

.view-btn:active {
    background: rgb(245, 142, 29) !important;
}


.api-doc-btn a {
    display: block;
    background-color: #fff;
    border: 1px solid rgb(245, 142, 29) !important;
    padding: 5px 15px;
    border-radius: 4px;
    color: rgb(245, 142, 29) !important;
    text-decoration: none;

}

.api-doc-btn a:hover {
    background-color: rgb(245, 142, 29) !important;
    color: #ffffff !important;
    text-decoration: none;
}

.api-doc-defs {
    margin: 20px;
}

.api-doc-defs h1 {
    margin: 20px;
}

.api-doc-defs ul {
    padding-inline-start: 0px !important;
    margin-block-start: 0px !important;
}

.api-doc-list {
    list-style: none;
    width: 80%;
}

.api-doc-list a {
    display: block;
    text-decoration: none;
    margin: 5px 5px;
    padding: 15px 15px;
    border: 1px solid #dedede;
    color: #292929;
    background: #ffffff;

}

.api-doc-list a:hover {
    display: block;
    text-decoration: none;
    padding: 15px 15px;
    border: 1px solid #dedede;
    color: #ffffff;
    background: #dc6900;
}

.section_body {
    background: #ffffff;
    padding: 10px;
    border-radius: 0 0 4px 4px;
    min-height: 450px;
}

.section_body .panel-group>.panel {
    background: rgb(239, 239, 239);
    border-radius: 5px;
}

.section_body .panel-group>.panel .panel-heading {
    padding: 2px 15px;
    background: #efefef;
    border-radius: 5px;
}

.section_body .panel-group>.panel .panel-heading h4 {
    margin-bottom: 4px;
}

.section_body .panel-group>.panel .panel-heading .panel-title a {
    color: #3f3f41;
    font-size: 16px;
}

.section_body .list-group li.list-group-item {
    padding: 4px 8px;
    border: none;
    border-bottom: 1px solid #fff;
    background: none;
}

.list-group-item a.api_link {
    line-height: 34px;
    font-size: 14px;
    color: #3f3f41;
    padding-left: 2px;
}

.list-group-item a.api_link i {
    padding-right: 15px;
}

.label-pill {
    padding-right: 5px;
    padding-left: 5px;
    border-radius: 5px;
}

.section_title {
    color: #fff;
    font-size: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cecece;
    padding-left: 10px;
    border-radius: 4px 4px 0 0;
    padding-top: 10px;
    background-color: #3f3f41;
}

.section_title span {
    display: block;
    font-size: 16px;
    font-weight: normal;
    font-style: italic;
}

.api_list {
    float: left;
    width: 100%;
    border-radius: 4px 4px 0 0;
}

.api_section {
    margin-bottom: 4px;
    display: inline-block;
    width: 100%;
    border-radius: 4px 4px 0 0;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.note {}

.orange,
.orange:hover,
.orange:visited {
    color: #ffffff;
    background-color: #f58e1d !important;
}

.dev-search {
    padding-top: 24px;
}

.dev-search input {
    border: none;
}

.dev-search span {
    background: #f58e1e;
    border: none;
    color: white;
    padding: 6px 8px;
}

.dev-content {
    /*background: white;
    padding: 26px 11px;
    overflow: hidden;
    border-radius: 5px;
    overflow-y: scroll;
    height: calc(100vh - 220px);
    border: 2px solid white;
    border-bottom: 5px solid white;
    width: 100%;*/
    background: white;
    margin: 20px 0px;
    overflow: hidden;
    border-radius: 5px;
    overflow-y: scroll;
    height: calc(96vh - 218px);
    border: 2px solid white;
    border-bottom: 2px solid white;
    width: 100%;
}

.dev-content-block {
    margin-bottom: 14px;
}


/*.dev-content-block{*/


/*margin-bottom: 20px;*/


/*font-family: "Helvetica Neue Bold";*/


/*}*/

.content-detail {
    background: #efefef;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.dev-icon {
    text-align: center;
    padding-top: 15%;
    padding-bottom: 15%;
}

.dev-name {
    text-align: center;
    background: #efefef;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 13px;
    overflow: hidden;
    height: 32px;
    box-sizing: border-box;
    line-height: normal;
}

.dev-flag {
    text-align: center;
    font-size: 10px;
    background: #efefef;
}

.dev-flag-lab {
    margin-right: 8px;
}

.alteryx {
    border: 1px solid red;
}


/*.dev-content div:nth-child(12) .dev-name{*/


/*margin-top: -12px;*/


/*height: 41px;*/


/*}*/


/*.dev-content div:nth-child(11) .dev-name{*/


/*margin-top: -12px;*/


/*height: 41px;*/


/*}*/

.dev-icon img {
    width: 30%;
    border-radius: 4px;
}

input.cbAll {
    margin-top: 0;
    vertical-align: middle;
}

.api-link {
    padding: 8px 13px;
    background: #f48f1d;
    overflow: hidden;
    color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.api-link:hover,
.content-detail:hover {
    cursor: pointer;
}

.api-link i,
.api-link span {
    color: #ffffff;
    font-weight: bold;
    font-size: 13px;
}

.filter-panel {
    overflow: hidden;
}

.filter-panel>.panel>.panel-heading {
    background: rgb(185, 185, 185);
    border-radius: 3px;
    cursor: pointer;
    /* padding: 1px 10px;
    margin-bottom: 10px;*/
}

.filter-panel>.panel>.panel-heading .panel-title a {
    color: #ffffff;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
}

.panel-group.filter-panel>.panel {
    margin-top: 5px;
}

.filter-head {
    font-size: 15px;
}

.user_table>tfoot>tr>td,
.user_table>thead>tr>td {
    padding: 8px 10px 8px 10px !important;
    line-height: normal !important;
    border-color: #a24e00;
    border-bottom-width: 1px;
}

.user_table>tbody>tr>td {
    padding: 2px 10px !important;
    line-height: normal !important;
    vertical-align: middle;
    font-size: 14px;
}

.tab-head-text {
    font-family: Georgia, serif;
    font-size: 19px;
    font-weight: bold;
    font-style: italic;
    height: 82px;
    line-height: 82px;
}

#timeoutCount {
    color: white;
}


/*.tab-head-text img{*/


/*height: 20px;*/


/*}*/


/*footer section*/

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    line-height: 20px;
    background-color: #696969;
    text-align: center;
    color: #fff;
    font-size: 11px;
    height: inherit;
}

.footer a {
    color: #ffe200 !important;
}

.user-left {
    padding: 0 !important;
}

#Developer-Portal .user-left {
    padding: 0 !important;
}

@media only screen and (max-width: 768px) {
    .btn-group .btn:not(:last-child) {
        margin-right: 16px !important;
    }

    .projects-btn button {
        padding: 6px 6px;
    }

    .user_btns button {
        padding: 6px 4px;
    }
}

@media only screen and (min-width: 992px) {
    .panel-group.filter-panel>.panel {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width: 991px) {
    .panel-group.filter-panel>.panel {
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}


/*@media only screen and (max-width: 1025px) {*/


/*.dev-content div:nth-child(6) .dev-name{*/


/*margin-top: -12px;*/


/*height: 41px;*/


/*}*/


/*.dev-content div:nth-child(7) .dev-name{*/


/*margin-top: -12px;*/


/*height: 41px;*/


/*}*/


/*}*/


/*@media only screen and (max-width: 768px) {*/


/*.dev-content div:nth-child(6) .dev-name{*/


/*margin-top: 0px;*/


/*height: auto;*/


/*}*/


/*.dev-content div:nth-child(7) .dev-name{*/


/*margin-top: 0px;*/


/*height: auto;*/


/*}*/


/*}*/

#Admin-Portal>.panel-default,
#Projects-Portal>.panel-default,
#Developer-Portal>.panel-default {
    border: none;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #dc6900;
    border-color: #dc6900;
}

#searchP {
    margin-bottom: 10px;
}

#searchPro {
    display: inline-block;
    width: auto;
}