[data-ng-cloak], [data\:ng\:cloak], [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .display-none {
    display: none !important;
}

.login-page-wrapper {

    background-image:url('/assets/portal/img/login-bg.png') ;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;     ;
    background-size:55%;

}
.log-default{
    width: 480px;
    align-content: center;
    text-align: center;
    /*margin: 9px 0px 184px -86px;*/
    margin-left: -98px;
    top: 300px;
}
.swal-wide{
    width:634px !important;
}
.swal-wide-sm{
    width:590px !important;
}

.panel-title.pull-left {
    padding-top: 7.5px;
}

.notify-icon {
    padding: 9px 0px 7px 0px;
    border-radius: 20px;
}

.notify-icon i {
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 30px;
}

a.callback {
    text-decoration: underline;
}
.bulk-action-wrapper {
    height: 30px;
}
.bulk-action-wrapper .help-text {
    cursor:default;
    margin-top: 25px;
    margin-left: 0px;
    display: block;
    color: rgb(176, 176, 176);
}
.bulk-action-wrapper .help-text:hover {
    color: #23b7e5;
}

.bulk-action-wrapper .help-text i {
    border: 1px solid rgb(176, 176, 176);
    padding: 2px;
}
.bulk-action-wrapper .help-text span {
    cursor:default;
    visibility: hidden;
}
.bulk-action-wrapper .help-text:hover span {
    visibility: visible;
}
.bulk-action-wrapper .help-text:hover i {
    border: 1px solid #23b7e5;
}

.select2 > .select2-choice.ui-select-match {
    /* Because of the inclusion of Bootstrap */
    height: 29px;
}

.selectize-control > .selectize-dropdown {
    top: 36px;
}
.v-align-m {
    vertical-align: middle !important;
}

.header-content {
    z-index: 99;
}

.btn-upt-cvr {
    right: 1%;
    top: 6%;
    z-index: 99;
}

.cover-wrapper {
    height: 200px;
    overflow: hidden;
    position: relative;
}
.cover-wrapper img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.profile-photo {
    position: absolute;
    z-index: 99;
    bottom: 10px;
    right: 10px;
    width: 150px;
    height: 150px;
    overflow: hidden;
    border: rgba(255, 255, 255, 0.59) 1px solid;
    border-radius: 6px;
}
.btn-upt-profile {
    position: absolute;
    bottom: 0px;
    left: 5px;
}
.btn-upt-profile i {
    font-size: 25px;
    color: rgb(218, 218, 218);
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.69);
}
.profile-photo img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.ft.fa {
    font-size: 90px;
    text-shadow: 0px 0px 5px rgba(110, 110, 110, 0.36);
}
.ft.fa-file {
    color: #F7BB00;
}
.ft.fa-file-archive-o {
    color: #F9C633;
}
.ft.fa-file-audio-o {
    color: #23A39F;
}
.ft.fa-file-code-o {
    color: #4D4D4D;
}
.ft.fa-file-excel-o {
    color: #69B84E;
}
.ft.fa-file-image-o {
    color: #67BC45;
}
.ft.fa-file-movie-o {
    color: #194A9B;
}
.ft.fa-file-o {
    color: #F7BB00;
}
.fa-file-pdf-o {
    color: #CF1312;
}
.ft.fa-file-photo-o {
    color: #67BC45;
}
.ft.fa-file-picture-o {
    color: #67BC45;
}
.ft.fa-file-powerpoint-o {
    color: #FAA14D;
}
.ft.fa-file-sound-o {
    color: #23A39F;
}
.ft.fa-file-text {
    color: #4D4D4D;
}
.ft.fa-file-text-o {
    color: #4D4D4D;
}
.ft.fa-file-video-o {
    color: #194A9B;
}
.ft.fa-file-word-o {
    color: #1E7DC2;
}
.ft.fa-file-zip-o {
    color: #F9C633;
}

.fa-danger {
    color: #b02a37;
}

.fa-info-icon {
    color: #1E7DC2;
}

.sdp-text-logo {
    font-family: Play, sans-serif;
    font-size: 22px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
    display: block;
    text-align: center;
    background-color: rgb(249, 249, 249);
    text-shadow: 0px 0px 2px rgba(208, 208, 208, 0.71);
}
.sdp-text-logo .site {
    color: #799F3F;
}
.sdp-text-logo .docs {
    color: #005F8D;
}
.sdp-text-logo .portal {
    color: #808285;
}

.table-bordered>tbody>tr>th {
    border: 1px solid #eaeff0;
}

.all-right {
    padding-left: 0;
    /*padding-right: 0;*/
    text-align:right;
}

.all-left {
    padding-right: 0;
    /*padding-left: 0;*/
    text-align:left;
}

.img-top{
    margin-top: 100px;

}

.lay1{
    background-color: #2f7f2c;
    font-size: 25px;
    color:#000000;
    font: "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
}

.banner {
    margin-top: 15px;
}

.banner .panel-footer {
    background-color: #E8E8E8;
}

.banner .template-1 {

}

.banner .template-1 .panel-heading {
    background-color: #F4BB3A;
}
.banner .template-1 .panel-heading .panel-title {
    color: #212121;
}
.banner .template-1 .panel-body {
    background-color: #00BBD6;
    color: #173E41;
}

.banner .template-1 .btn-primary {
    background-color: #F4BB3A;
    border-color: #CD8E00;
    color: #6F5210 !important;
}

.banner .template-2 .panel-heading {
    background-color: #006666;
}
.banner .template-2 .panel-heading .panel-title {
    color: #FFFFFF;
}
.banner .template-2 .panel-body {
    background-color: #00AAAD;
    color: #1B2D2D;
}
.banner .template-2 .btn-primary {
    background-color: #006666;
    border-color: #004949;
    color: #F5F5F5 !important;
}

.banner .template-3 .panel-heading {
    background-color: #EDE4BC;
}
.banner .template-3 .panel-heading .panel-title {
    color: #006666;
}
.banner .template-3 .panel-body {
    background-color: #00AAAD;
    color: #f2f2f2;
}
.banner .template-3 .btn-primary {
    background-color: #EDE4BC;
    border-color: #C5B77A;
    color: #006666 !important;
}

.banner .template-4 .panel-heading {
    background-color: #1E454C;
}
.banner .template-4 .panel-heading .panel-title {
    color: #FFFFFF;
}
.banner .template-4 .panel-body {
    background-color: #00BBD6;
    color: #174044;
}
.banner .template-4 .btn-primary {
    background-color: #1E454C;
    border-color: #1E454C;
    color: #FFFFFF !important;
}

.banner .template-5 .panel-heading {
    background-color: #1E454C;
}
.banner .template-5 .panel-heading .panel-title {
    color: #FFFFFF;
}
.banner .template-5 .panel-body {
    background-color: #00AAAD;
    color: #f2f2f2;
}
.banner .template-5 .btn-primary {
    background-color: #1E454C;
    border-color: #071F24;
    color: #FFFFFF !important;
}

.banner .template-6 .panel-heading {
    background-color: #1E454C;
}
.banner .template-6 .panel-heading .panel-title {
    color: #FFFFFF;
}
.banner .template-6 .panel-body {
    background-color: #00BBD6;
    color: #111B1E;
}
.banner .template-6 .btn-primary {
    background-color: #1E454C;
    border-color: #1E454C;
    color: #FFFFFF !important;
}

.banner-container {
    padding-top: 10px;
    /*box-shadow: 0px 0px 5px 0px rgba(163, 163, 163, 0.53);*/
    margin-bottom: 20px;

}

.icsize {
    width: 120px;
    height: 70px;

}

.pad {
    padding-top: 5px;
    padding-bottom: 5px;
}

.imgSize {
    width: 50%;
    height: 50%;
}

.trial-docs-logo{
    margin: 10px !important;
    width: 40% !important;
}

.left-ad-img-logo{
    margin-top: 10px;
    margin-bottom: 0 !important;
}

.label_marketing_partner{
    margin-right: 5px;
}

.panel-heading span
{
    margin-top: -26px;
    font-size: 15px;
    margin-right: -12px;
}

.clickable {
    background: rgba(0, 0, 0, 0.15);
    display: inline-block;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    color: white ;
}

.text-dark {
    color: #000000;
    font-size: 14px;
    margin-right: 8px;
}

.text-footer{
    margin: 20px 0;
}

.white-form {
    background: white;
    box-shadow: 2px 2px 5px 5px #B8B1B1;
    /* padding: 10px; */
    padding: 0px 23px 7px 26px;

}

.training-portal-panel {
    margin-top: 100px;
}

.training-heading {
    border: 2px solid #1c75bc !important;
}

.purchase-portal-panel {
    margin-top: 460px;
}

.purchase-heading {
    border: 2px solid #26c250 !important;
}

.form-login{
    margin-top: 270px;
}

.form-purchase{
    margin-top: 135px;
}

.form-login-bottom-margin{
    margin-top: 10px;
    margin-bottom: 0;
}

.form-enquiry{
    margin-top: 142px;
}
.text-big {
    color: #000000;
    font-size: 16px;
    /*font-family: 'Enriqueta', arial, serif;*/
    line-height: 1.6;
    font-weight:bold;

}

.text-bi {
    color: #000000;
    font-size: 15px;
    font-family: 'Enriqueta', arial, serif;
    font-weight:bold;
    line-height: 1.6;

}


.text-head {
    color: #000000;
    font-size: 20px;
    font-weight:bold;
    font-family: 'Enriqueta', arial, serif;
}

.text-hea {
    color: #000000;
    font-size: 21px;
    font-weight:bold;
    font-family: 'Enriqueta', arial, serif;
}



.pnx-msg-icon .pnx-icon-msg-warning {
    width: 24px !important;
    height: 24px !important;
}

.left-banner-wrapper{
    margin: 2px;
}

.left-banner-wrapper img {
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
}


.email-has-error{
    color: #a94442;
}

.comment-has-error{
    color: #a94442;
}

.collaboration-info{
    color: #31708f;
}

.btn-reference{
    color: #ffffff !important;
    background-color: #689F38;
}

.text-df {
    color: #000000;
    font-size: 20px;
    /*font-family: 'Enriqueta', arial, serif;*/

    /*font-weight:bold;*/

}
.text-dpp {
    color: #0d72a7;
    font-size: 16px;
    /*font-family: 'Enriqueta', arial, serif;*/

    /*font-weight:bold;*/

}

.oaerror {
    width: 100%;
    margin: 0 auto;
    background-color: #FFFFFF;
    padding: 9px;
    border: 2px solid #FFFFFF;
    border-left-width: 3px;
    border-radius: 3px;
    /* margin: 0 auto; */
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-align: justify;
}

.success {
    border-left-color: #B2B8B3;
    background-color: rgba(43, 84, 44, 0.1);
}

.success strong {
    color: #2b542c;
}

.policy-form{
    background: white;
    box-shadow: 2px 2px 5px 5px #B8B1B1;
    padding: 0px 23px 7px 26px;
    /*width: 635px;*/
    min-width: 650px;
}
.policy-a{
    margin-left: 5px;
}
.btn-core {
    color: #ffffff;
    background-color: #64B5F6;
    border-color: #ffffff;
}

.btn-coll {
    color: #ffffff;
    background-color: #6335B3;
    border-color: #ffffff;
}
.btn-inter {
    color: #ffffff;
    background-color: #4DB6AC;
    border-color: #ffffff;
}
.btn-arch {
    color: #ffffff;
    background-color: #dd3027;
    border-color: #ffffff;
}
.btn-user {
    color: #ffffff;
    background-color: #64DD17;
    border-color: #ffffff;
}
.btn-setting {
    color: #ffffff;
    background-color: #004D40;
    border-color: #ffffff;
}
.btn-reff {
    color: #ffffff;
    background-color: #9EB05E;
    border-color: #ffffff;
}

.btn-close{
    color: red;
    font-size: 21px;
}

.btn-no-comment {
    color: #fff;
    background-color: #eea236;
    border-color: #eea236;
}

.btn-no-comment:hover,
.btn-no-comment:focus,
.btn-no-comment:active {
    color: #fff;
    background-color: #DB8E20;
    border-color: #D2881F;
}

.btn-comment {
    color: #fff;
    background-color: #428BCA;
    border-color: #3B7DB6;
}

.btn-comment:hover,
.btn-comment:focus,
.btn-comment:active {
    color: #fff;
    background-color: #428BCA;
    border-color: #3B7DB6;
}

.btn-work-flows,
.btn-work-flows:hover,
.btn-work-flows:focus,
.btn-work-flows:active {
    color: #fff;
    background-color: #0098aa;
    border-color: #58b5c2;
}

.btn-secondary-work-flows,
.btn-secondary-work-flows:hover,
.btn-secondary-work-flows:focus,
.btn-secondary-work-flows:active {
    color: #fff;
    background-color: #0098aa;
    border-color: #58b5c2;
}

.archived-doc {
    color: #a94442;
}

.archived-doc a {
    color: #a94442;
}

.removeMe {
    visibility: hidden;
}

.removeDisplay {
    display: none;
}

.forgot-block{
    display: block;
    margin-top: 5px;
    margin-bottom: 14px;
    color: #919191;
    font-size: 12px;
    font-weight: normal;
    float: left;
}
.remember-block{
    display: block;
    margin-top: 15px;
    margin-bottom: 9px;
    color: #919191;
    font-size: 12px;
    font-weight: normal;
    float: left;
}

.badge-info{
    color: #ffffff;
    background-color: rgba(100, 181, 246, 0.7);
}

.badge-count{
    color: #ffffff;
    background-color: rgba(100, 181, 246, 0.7);
}

.badge-count-collaboration{
    color: #ffffff;
    background-color: rgba(98, 84, 178, 0.7);
}

.badge-count-internal{
    color: #ffffff;
    background-color: #4DB6AC;
}

.badge-count-archives{
    color: #ffffff;
    background-color: #E53935;
}

.badge-success {
    color: #ffffff;
    background-color: rgb(53, 124, 56);
}

.badge-node{
    background-color: #6e6e6e;
    font-weight: normal !important;
}

.forgot-form {
    margin-top: 153px;
}

.bulk-dropdown-menu{
    padding: 2px 2px 0 2px;
}

.bulk-dropdown-btn{
    padding-bottom: 2px;
}

@media screen and (min-width: 768px) {
    .modal-dialog {
        left: 0% !important;
        right: auto !important;
        top: 200px !important;
        width: 624px !important;
    }
}

@media screen and (min-width: 768px) {
    .modal-dialog-custom {
        width: 1000px !important;
    }
}

/* apple colors */
[class*='-Ldark'] {
    background-color:#02243C;
    color:#f0f0f0;
}

/*Comment Box*/
.detailBox {
    width: auto;
    /* border: 1px solid #bbb; */
    margin: 14px;

}
.titleBox {
    background-color:#fdfdfd;
    padding:10px;
}
.titleBox label{
    color:#444;
    margin:0;
    display:inline-block;
}

.commentBox {
    padding:10px;
    /*border-top:1px dotted #bbb;*/
}
.commentBox .form-group:first-child, .actionBox .form-group:first-child {
    width:80%;
}
.commentBox .form-group:nth-child(2), .actionBox .form-group:nth-child(2) {
    width:18%;
}
.actionBox .form-group * {
    width:100%;
}
.taskDescription {
    margin-top: 10px;
    font-size: 15px;
}
.commentList {
    max-height: 300px;
    overflow: auto;
}
.commentText p {
    margin: 15px;
}
.sub-text {
    color: #4076D7;
    font-family: verdana;
    font-size: 13px;
    margin: 15px;
}

.ie-alert{
    margin-bottom: 0;
}

.ie-alert-hidden{
    display: none;
}

.table-header-rotated {
    width: 95%;
}
.table-header-rotated th.row-header{
    width: auto;
}

.table-header-rotated td{
    width: 40px;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    vertical-align: middle;
    text-align: center;
}

.table-header-rotated th.rotate-45{
    height: 130px;
    width: 50px;
    min-width: 40px;
    max-width: 40px;
    position: relative;
    vertical-align: bottom;
    padding: 0;
    font-size: 12px;
    line-height: 0.8;
}

.table-header-rotated th.rotate-45 > div{
    position: relative;
    top: 0px;
    left: 65px;
    height: 100%;
    -ms-transform:skew(-45deg,0deg);
    -moz-transform:skew(-45deg,0deg);
    -webkit-transform:skew(-45deg,0deg);
    -o-transform:skew(-45deg,0deg);
    transform:skew(-45deg,0deg);
    overflow: hidden;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}

.table-header-rotated th.rotate-45 span {
    -ms-transform:skew(45deg,0deg) rotate(315deg);
    -moz-transform:skew(45deg,0deg) rotate(315deg);
    -webkit-transform:skew(45deg,0deg) rotate(315deg);
    -o-transform:skew(45deg,0deg) rotate(315deg);
    transform:skew(45deg,0deg) rotate(315deg);
    position: absolute;
    bottom: 30px;
    left: -30px;
    display: inline-block;
    width: 85px;
    text-align: left;
}

.portal_details_container{
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
}

.custom-page-header {
    padding-bottom: 2px;
    border-bottom: 1px solid #eee;
}

.custom-page-header-margin {
    margin-top: 20px;
}

/**/
.checklist-radio div {
    clear: both;
    overflow: hidden;
}

.checklist-radio label {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #D1D3D4;
    font-weight: normal;
}

.checklist-radio input[type="radio"]:empty,
.checklist-radio input[type="checkbox"]:empty {
    display: none;
}

.checklist-radio input[type="radio"]:empty ~ label,
.checklist-radio input[type="checkbox"]:empty ~ label {
    position: relative;
    line-height: 2.5em;
    text-indent: 3.25em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checklist-radio input[type="radio"]:empty ~ label:before,
.checklist-radio input[type="checkbox"]:empty ~ label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 2.5em;
    background: #D1D3D4;
    border-radius: 3px 0 0 3px;
}

.checklist-radio input[type="radio"]:hover:not(:checked) ~ label,
.checklist-radio input[type="checkbox"]:hover:not(:checked) ~ label {
    color: #888;
}

.checklist-radio input[type="radio"]:hover:not(:checked) ~ label:before,
.checklist-radio input[type="checkbox"]:hover:not(:checked) ~ label:before {
    content: '\2714';
    text-indent: .9em;
    color: #C2C2C2;
}

.checklist-radio input[type="radio"]:checked ~ label,
.checklist-radio input[type="checkbox"]:checked ~ label {
    color: #777;
}

.checklist-radio input[type="radio"]:checked ~ label:before,
.checklist-radio input[type="checkbox"]:checked ~ label:before {
    content: '\2714';
    text-indent: .9em;
    color: #333;
    background-color: #ccc;
}

.checklist-radio input[type="radio"]:focus ~ label:before,
.checklist-radio input[type="checkbox"]:focus ~ label:before {
    box-shadow: 0 0 0 3px #999;
}

.checklist-radio-primary input[type="radio"]:checked ~ label:before,
.checklist-radio-primary input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #337ab7;
}

.checklist-radio-warning input[type="radio"]:checked ~ label:before,
.checklist-radio-warning input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #ff9800
}

#cke_description{
    border: 1px solid #cccccc !important;
    border-radius: 3px;
    overflow: hidden;
}

#cke_1_bottom{
    background: #cccccc !important;
    border-top: 1px solid #ccc;
}

.cke_chrome {
    border: 1px solid #cccccc !important;
}

.password-validator-box .invalid {
    color: red;
}

.password-validator-box .valid {
    color: green;
}

.margin-bottom-1 {
    margin-bottom: 1px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.no-margin {
    margin: 0 !important;
}

.stepwizard-step p {
    margin-top: 10px;
}

.process-row {
    display: table-row;
}

.process {
    display: table;
    width: 100%;
    position: relative;
}

.process-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.process-row:before {
    top: 25px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;

}

.process-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.process-step p {
    margin-top:10px;

}

.btn-circle {
    width: 45px;
    height: 45px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.vertical-middle {
    vertical-align:middle !important
}

.strong-custom {
    font-weight: 300 !important;
    font-size: 25px !important;
}

.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

.no-border-radius {
    border-radius: 0 !important;
}

div.sticky {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1000;
    top: 0;
}

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

.no-padding-right {
    padding-right: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-border-top {
    border-top: 0 !important;
}

.document-btn .btn {
    margin: 3px 1px !important;
}

.panel-heading-padding {
    padding: 4px !important;
}

.panel-crumbs {
    background-color: #cccccc !important;
}

#crumbs {
    text-align: center;
}
#crumbs ul {
    list-style: none;
    display: inline-table;
    padding-left: 0;
}
#crumbs ul li {
    display: inline;
}
#crumbs ul li a {
    display: block;
    float: left;
    height: 60px;
    background: #eeeeee;
    text-align: center;
    padding: 20px 5px 0 40px;
    position: relative;
    margin: 0 10px 10px 0;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #484b78;
}
#crumbs ul li a:after {
    content: "";
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #eeeeee;
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 1;
}
#crumbs ul li a:before {
    content: "";
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #cccccc;
    position: absolute;
    left: 0;
    top: 0;
}

#crumbs ul li:first-child a {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

#crumbs ul li:first-child a:before {
    display: none;
}

#crumbs ul li:last-child a {
    padding-right: 40px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

#crumbs ul li:last-child a:after {
    display: none;
}

#crumbs ul li a:hover {
    background: #5cca76;
    color: #000;
}

#crumbs ul li a:hover:after {
    border-left-color: #5cca76;
    color: #000;
}

#crumbs ul li .active {
    background: #27c24c;
    color: #fff;
}

#crumbs ul li .active:after {
    border-left-color: #27c24c;
    color: #fff;
}

#crumbs ul li .dark {
    background: #555555;
    color: #fff;
}

#crumbs ul li .dark:after {
    border-left-color: #555555;
    color: #fff;
}

.swal-icon.swal-icon--custom{
    width: 60% !important;
}

.p-5{
    padding: 5px !important;
}

.p-10{
    padding: 10px !important;
}

.p-25{
    padding: 25px !important;
}

.p-lr-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.p-tb-5{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.p-lr-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}

.m-r-5 {
    margin-right: 5px !important;
}

.btn-delete {
    color: #fff;
    background-color: #eea236;
    border-color: #eea236;
}

.btn-delete:hover {
    color: #fff;
    background-color: #ffaf3a;
    border-color: #ffa93b;
}

.query-tag-panel-heading {
    padding: 5px 15px !important;
    border-color: #4e4e4e !important;
    background-color: #454545 !important;
    color: #f3f3f3 !important;
}

.query-tag-panel-footer {
    padding: 5px 15px !important;
    border-color: #454545 !important;
    background-color: #454545 !important;
}

.query-tag-panel-body {
    padding: 0 !important;
    height: 967px !important;
    overflow: auto;
}

.query-tag-panel {
    border-radius: 0 !important;
    background-color: #454545 !important;
    border-color: #454545 !important;
}

.panel-info-body {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    background-color: #F9F9F9;
    border-bottom: 1px solid #edf1f2;
}