.btn-border {
    border: 4px solid black;
}


@media (min-width: 768px){
.sky-chart-area {
    height: 20rem;
}
}


.sky-but-pad{

    padding: .100rem .4rem;
    margin: 0px 3px 4px 3px;
}


.table td{

     vertical-align: middle!important;

}

.sky-icon-shadow{
    box-shadow: 2px 2px 2px 0px grey;
}


.sky-btn-shadow{
    box-shadow: 0 .125rem .25rem 0 rgba(58,59,69,1.0)!important;
}

.sailorTableArea {
    /* max-height: 500px; */
    overflow-x: auto;
    overflow-y: auto;
    scroll-direction: horizontal;
}

.sky-det-bgcol{
    background-image: linear-gradient(180deg,#c5c8cd3d 10%,#b7b9bd78 100%);
    border-radius: 10px;
}

.select2-container .select2-selection--single {

    height: calc(1.5em + .75rem + 1px)!important;
    padding: .375rem .30rem!important;
    color: #6e707e;
    border: 1px solid #d1d3e2;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: calc(1.5em + .75rem + 1px)!important;
    padding: .375rem .30rem!important;

}


.sky-but-mar{

    margin: 0px 5px 10px 0px;
}


.sky-btn-print{

    background-color: #b77b50;
    border-color: #b77b50;
    color: white;
}

.sky-btn-print:hover{

    background-color: #735238;
    border-color: #735238;
    color: white;
}

.select2-container--default .select2-selection--multiple{

    border: 1px solid #d1d3e2!important;
}

.sky-fa-marg{
   margin: 0px 2px 4px 0px;

}

.sky-btn-marg{
    margin: 0px 2px 4px 0px;

}

.btn.disabled, .btn:disabled {
    opacity: 0.3!important;
}

.btn{

    letter-spacing: 1.3px;
}

.sky-color-pic{

    height: calc(1em + .75rem + 0px);
    padding: 0.0rem .2rem;
}


.sky-text-shadow {

    text-shadow: 2px 2px 4px #000000;
}


.sky-text-col{

    color:black!important;
}


.sky-hover:hover{

    box-shadow: 0 .2rem .2rem 0 rgba(58,59,69,1.0)!important
}



.card .card-stats {
    background: transparent;
    display: flex;
}

.card .card-stats .author,
.card .card-stats .stats {
    display: inline-flex;
}

.card-stats .card-header.card-header-icon,
.card-stats .card-header.card-header-text {
    text-align: right;
}

.card-stats .card-header .card-icon+.card-title,
.card-stats .card-header .card-icon+.card-category {
    padding-top: 10px;
}

.card-stats .card-header.card-header-icon .card-title,
.card-stats .card-header.card-header-text .card-title,
.card-stats .card-header.card-header-icon .card-category,
.card-stats .card-header.card-header-text .card-category {
    margin: 0;
}

.card-stats .card-header .card-category {
    margin-bottom: 0;
    margin-top: 0;
}

.card-stats .card-header .card-category:not([class*="text-"]) {
    color: #999999;
    font-size: 14px;
}

.card-stats .card-header+.card-footer {
    border-top: 1px solid #eee;
    margin-top: 20px;
}

.card-stats .card-header.card-header-icon i {
    font-size: 36px;
    line-height: 56px;
    width: 56px;
    height: 56px;
    text-align: center;
}

.card-stats .card-body {
    text-align: right;
}

.card-stats .card-header.card-header-icon, .card-stats .card-header.card-header-text {
    text-align: right;
}

.card [class*=card-header-] {
    margin: 0 15px;
    padding: 0;
    position: relative;
}

.card .card-header {
    z-index: 3!important;
}

.card[class*=bg-], .card[class*=bg-] .card-title, .card[class*=bg-] .card-title a, .card[class*=bg-] .icon i, .card [class*=card-header-], .card [class*=card-header-] .card-title, .card [class*=card-header-] .card-title a, .card [class*=card-header-] .icon i {
    color: #fff;
}

/*.card .card-header {*/
/*    border-bottom: none;*/
/*    background: transparent;*/
/*}*/

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.card [class*=card-header-] .card-icon, .card [class*=card-header-] .card-text {
    border-radius: 5px;
    background-color: #999;
    padding: 2px;
    margin-top: -20px;
    margin-right: 10px;
    float: left;
}

.card .card-header-warning .card-icon, .card .card-header-warning .card-text, .card .card-header-warning:not(.card-header-icon):not(.card-header-text) {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(255,152,0,.4);
}

.card.bg-warning, .card .card-header-warning .card-icon, .card .card-header-warning .card-text, .card .card-header-warning:not(.card-header-icon):not(.card-header-text), .card.card-rotate.bg-warning .back, .card.card-rotate.bg-warning .front {
    background: linear-gradient(60deg,#ffa726,#fb8c00);
}

.card-stats .card-header.card-header-icon i {
    font-size: 25px;
    line-height: 56px;
    width: 100px;
    height: 65px;
    text-align: center;
}

/*.card .card-header.card-header-icon i, .card .card-header.card-header-text i {
    width: 33px;
    height: 33px;
    text-align: center;
    line-height: 33px;
}*/

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.card-stats .card-header .card-category:not([class*=text-]) {
    color: #3e3d3d;
    font-size: 14px;
}

.card-stats .card-header.card-header-icon .card-category, .card-stats .card-header.card-header-icon .card-title, .card-stats .card-header.card-header-text .card-category, .card-stats .card-header.card-header-text .card-title {
    margin: 0;
}

.card-stats .card-header .card-icon+.card-category, .card-stats .card-header .card-icon+.card-title {
    padding-top: 10px;
}

.card-stats .card-header .card-category {
    margin-bottom: 0;
    margin-top: 0;
}

.card .card-header .card-category {
    margin: 0;
}

.card[class*=bg-] .author a, .card[class*=bg-] .card-category, .card[class*=bg-] .card-description, .card[class*=bg-] .stats, .card [class*=card-header-] .author a, .card [class*=card-header-] .card-category, .card [class*=card-header-] .card-description, .card [class*=card-header-] .stats {
    color: hsla(0,0%,100%,.8);
}

.card .card-category:not([class*=text-]) {
    color: #999;
}

.card .card-category {
    margin-top: 10px;
}

.card-stats .card-header.card-header-icon .card-category, .card-stats .card-header.card-header-icon .card-title, .card-stats .card-header.card-header-text .card-category, .card-stats .card-header.card-header-text .card-title {
    margin: 0;
}

.card .card-header.card-header-icon .card-title, .card .card-header.card-header-text .card-title {
    margin-top: 10px;
    color: #3c4858;
}

.card .card-header .card-title {
    margin-bottom: 3px;
}

.card[class*=bg-], .card[class*=bg-] .card-title, .card[class*=bg-] .card-title a, .card[class*=bg-] .icon i, .card [class*=card-header-], .card [class*=card-header-] .card-title, .card [class*=card-header-] .card-title a, .card [class*=card-header-] .icon i {
    color: #fff;
}

.card .card-title:last-child {
    margin-bottom: 0;
}

.card .card-title {
    margin-top: 0;
    margin-bottom: 3px;
}

.card .card-title {
    margin-top: .625rem;
}

.card-title, .card-title a, .footer-big h4, .footer-big h4 a, .footer-big h5, .footer-big h5 a, .footer-brand, .footer-brand a, .info-title, .info-title a, .media .media-heading, .media .media-heading a, .title, .title a {
    color: #3c4858;
    text-decoration: none;
}

.card-title {
    margin-bottom: .75rem;
}

.small, small {
    font-size: 80%;
    font-weight: 400;
}

.card .card-body+.card-footer, .card .card-footer {
    padding: 0;
    padding-top: 10px;
    margin: 0 15px 10px;
    border-radius: 0;
    justify-content: space-between;
    align-items: center;
}

.card .card-footer {
    display: flex;
    align-items: center;
    background-color: transparent;
    border: 0;
}

/*.card .card-footer {
    padding: .9375rem 1.875rem;
}*/
/*.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
}*/

.card-footer {
    padding: .75rem 1.25rem;
    background-color: #fff;
    border-top: 1px solid #eee;
}

.card .card-body+.card-footer .stats, .card .card-footer .stats {
    color: #999;
    /*font-size: 12px;*/
    line-height: 22px;
}

.card .card-footer .stats {
    color: #999;
}

.card .card-footer .author, .card .card-footer .stats {
    display: inline-flex;
}

.card .card-body+.card-footer .stats .material-icons, .card .card-footer .stats .material-icons {
    position: relative;
    top: 4px;
    font-size: 16px;
}

.card .card-footer .stats .material-icons {
    position: relative;
    top: -10px;
    margin-right: 3px;
    margin-left: 3px;
    font-size: 18px;
}


.card .card-header-primary .card-icon,
.card .card-header-primary .card-text,
.card .card-header-primary:not(.card-header-icon):not(.card-header-text),
.card.bg-primary,
.card.card-rotate.bg-primary .front,
.card.card-rotate.bg-primary .back {
    background: linear-gradient(60deg, #ab47bc, #8e24aa);
}

.card .card-header-info .card-icon,
.card .card-header-info .card-text,
.card .card-header-info:not(.card-header-icon):not(.card-header-text),
.card.bg-info,
.card.card-rotate.bg-info .front,
.card.card-rotate.bg-info .back {
    background: linear-gradient(60deg, #26c6da, #00acc1);
}

.card .card-header-success .card-icon,
.card .card-header-success .card-text,
.card .card-header-success:not(.card-header-icon):not(.card-header-text),
.card.bg-success,
.card.card-rotate.bg-success .front,
.card.card-rotate.bg-success .back {
    background: linear-gradient(60deg, #66bb6a, #43a047);
}

.card .card-header-danger .card-icon,
.card .card-header-danger .card-text,
.card .card-header-danger:not(.card-header-icon):not(.card-header-text),
.card.bg-danger,
.card.card-rotate.bg-danger .front,
.card.card-rotate.bg-danger .back {
    background: linear-gradient(60deg, #ef5350, #e53935);
}

.card .card-header-rose .card-icon,
.card .card-header-rose .card-text,
.card .card-header-rose:not(.card-header-icon):not(.card-header-text),
.card.bg-rose,
.card.card-rotate.bg-rose .front,
.card.card-rotate.bg-rose .back {
    background: linear-gradient(60deg, #ec407a, #d81b60);
}

.card .card-header-primary .card-icon,
.card .card-header-primary:not(.card-header-icon):not(.card-header-text),
.card .card-header-primary .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
}

.card .card-header-danger .card-icon,
.card .card-header-danger:not(.card-header-icon):not(.card-header-text),
.card .card-header-danger .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4);
}

.card .card-header-rose .card-icon,
.card .card-header-rose:not(.card-header-icon):not(.card-header-text),
.card .card-header-rose .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4);
}

.card .card-header-warning .card-icon,
.card .card-header-warning:not(.card-header-icon):not(.card-header-text),
.card .card-header-warning .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}

.card .card-header-info .card-icon,
.card .card-header-info:not(.card-header-icon):not(.card-header-text),
.card .card-header-info .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
}

.card .card-header-success .card-icon,
.card .card-header-success:not(.card-header-icon):not(.card-header-text),
.card .card-header-success .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
}

.card.bg-blue, .card .card-header-blue .card-icon,
.card .card-header-blue .card-text,
.card .card-header-blue:not(.card-header-icon):not(.card-header-text),
.card.card-rotate.bg-blue .back, .card.card-rotate.bg-blue .front {
    background: linear-gradient(60deg,#2673ff,#0400fb);
}

.card .card-header-blue .card-icon,
.card .card-header-blue:not(.card-header-icon):not(.card-header-text),
.card .card-header-blue .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgb(0 137 255 / 40%);
}

.card.bg-red, .card .card-header-red
.card-icon, .card .card-header-red .card-text,
.card .card-header-red:not(.card-header-icon):not(.card-header-text), .card.card-rotate.bg-red .back,
.card.card-rotate.bg-red .front {
    background: linear-gradient(60deg,#ff8026,#fb0000);
}

.card .card-header-red .card-icon,
.card .card-header-red:not(.card-header-icon):not(.card-header-text),
.card .card-header-red .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}


.card .card-header-green .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgb(0 255 114 / 40%);
}
.card.bg-green, .card .card-header-green .card-icon,
.card .card-header-green .card-text,
.card .card-header-green:not(.card-header-icon):not(.card-header-text),
.card.card-rotate.bg-green .back, .card.card-rotate.bg-green .front {
    background: linear-gradient(60deg,#82cd8b,#007075);
}

.card.bg-red1, .card .card-header-red1 .card-icon,
.card .card-header-red1 .card-text, .card .card-header-red1:not(.card-header-icon):not(.card-header-text),
.card.card-rotate.bg-red1 .back, .card.card-rotate.bg-red1 .front {
    background: linear-gradient(60deg,#a67878,#a20606);
}


.card .card-header-red1 .card-icon,
.card .card-header-red1:not(.card-header-icon):not(.card-header-text),
.card .card-header-red1 .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgb(255 0 0 / 40%);
}

.card .card-header-dblue .card-icon,
.card .card-header-dblue:not(.card-header-icon):not(.card-header-text),
.card .card-header-dblue .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgb(0 8 255 / 40%);
}

.card.bg-dblue, .card .card-header-dblue .card-icon,
.card .card-header-dblue .card-text, .card .card-header-dblue:not(.card-header-icon):not(.card-header-text),
.card.card-rotate.bg-dblue .back, .card.card-rotate.bg-dblue .front {
    background: linear-gradient(60deg,#773333,#0036fb);
}

.card .card-header-purple .card-icon,
.card .card-header-purple:not(.card-header-icon):not(.card-header-text),
.card .card-header-purple .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgb(133 0 255 / 40%);
}
.card.bg-purple, .card .card-header-purple .card-icon,
.card .card-header-purple .card-text,
.card .card-header-purple:not(.card-header-icon):not(.card-header-text),
.card.card-rotate.bg-purple .back, .card.card-rotate.bg-purple .front {
    background: linear-gradient(60deg,#9272c5,#6000fb);
}

.sky-dash-shadow{

    box-shadow: 3px 3px 13px -6px black;
}


.sky-sec-backcolor{

    background-color: #5a5c69;
    background-image: linear-gradient(180deg,#5a5c69 10%,#424141 100%);
    background-size: cover;
}

.btn-primary {
    color: #fff;
    background-color: #5a5c69!important;
    border-color: #5a5c69!important;
}

.btn-primary {
    color: #fff;
    background-color: #5a5c69!important;
    border-color: #5a5c69!important;
}

.btn-primary:hover {
    color: #fff;
    background-color: #373739 !important;
    border-color: #393838 !important;
}


@media (min-width: 768px){
    .sidebar .nav-item .nav-link span {
        font-size: 15px;
        display: inline;

    }
}


.btn-secondary:hover {
    color: #fff;
    background-color: #2e59d9!important;
    border-color: #2653d4!important;
}

.btn-secondary {
    color: #fff;
    background-color: #4e73df!important;
    border-color: #4e73df!important;
}

.topbar .dropdown-list .dropdown-header {
    background-color: #595b68!important;
    border: 1px solid #585a66!important;
}

a {
    color: #585a66;

}


.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #5a5c69;
    border-color: #5a5c69;
}

.page-link {

    color: #5a5c69;
}

.sky-point{

    cursor: pointer!important;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item.active, .sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
    color: #515151;
    font-weight: 700;
    background-color: #dfdddd;
}

.ui.selection.dropdown{

    width: 100%;
    min-height: calc(1.5em + .75rem + 2px);
}



element.style {
}
.sidebar-dark .sidebar-brand {
    color: #fff;
}
.sidebar .sidebar-brand {

    padding: 2.8rem 1rem;
}


@media (max-width: 514px) {
    .sky-h4{
        font-size: smaller;
    }
}