/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */
.btn-footer-group {
    position: relative;
    margin: 5px;
    left: 80%;
}

    .btn-footer-group > button {
        width: 100px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.margin-right-15 {
    margin-right: 15px !important;
}
/*.smart-form {
    .input {
        input {
            padding: 4px 10px !important;
        }
    }
}*/
/* SmartForm Bootstrap Validation */
#extr-page h4.paragraph-header {
    width: auto;
}

#extr-page .smart-form .alert {
    margin: 4px;
}

    #extr-page .smart-form .alert li {
        margin-left: 14px;
        list-style: none;
    }

        #extr-page .smart-form .alert li:before {
            content: "\f071";
            font-family: FontAwesome;
            position: absolute;
            left: 14px;
        }

#extr-page .smart-form div + fieldset {
    padding-top: 15px;
}

/*VesselDetail Sayfasındaki operasyon yüzdeleri için kullanılıyor*/
progress:before {
    content: attr(data-content);
    font-weight: bold;
    padding: 0px 43px;
}

.oprprogres {
    padding-bottom: 20px;
}

.spPopUp {
    background-color: #344048;
}

    .spPopUp .ui-dialog-titlebar {
        background: #474544;
    }

    .spPopUp .ui-dialog-title {
        color: white !important;
    }

table.indextable {
    table-layout: fixed !important;
}

    table.indextable td {
        max-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


#loader {
    position: fixed;
    left: 1px;
    top: 1px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../img/ajax-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

input[type="text"]:disabled {
    background: #ccc;
}

th.red {
    color: red !important;
}

#bookingno1 {
    width: 160px !important;
}

#bookingkontrol {
    width: 28px !important;
    height: 35px;
}

#konno1 {
    width: 160px !important;
}

#konteynerkontrol {
    width: 28px !important;
    height: 35px;
}

.isDisabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}


#gameContainer {
    width: 100%;
    height: 100vh;
}
canvas { width: 100%; height: 100%; }