/* Move down content because we have a fixed navbar that is 50px tall */
body {
    /*padding-top: 50px;
    padding-bottom: 20px;*/
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    /*max-width: 280px;*/
    width: 80%;
    /*width: 185px !important;*/
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

/* Responsive: Portrait tablets and up */
@media screen and (max-width: 361px) {
    input[type="text"] 
    {
        width: 150px !important;
    }
}

.navbar-right {
    float: right!important; /* last li item */
    top: 10px;
}

.NavigationMenu ul li a {
    color: #F35400 !important;
    margin: 0 5px !important;
    text-decoration: none;
    white-space: nowrap !important;
    display: block;
}

.NavigationMenu ul li:hover {
    background-color: cadetblue;
}

.NavigationMenu li a {
    color: #F35400 !important;
    margin: 0 5px !important;
    text-decoration: none;
    white-space: nowrap !important;
    display: block;
}

.NavigationMenu li:hover {
    background-color: cadetblue;
}


.file-upload {
    cursor: pointer;
}

.file-upload input {
    top: 0;
    left: 0;
    margin: 0;
    /* Loses tab index in webkit if width is set to 0 */
    opacity: 0;
    filter: alpha(opacity=0);
}

.dragMe {
    width: 100%;
    height: 25px;
    background-color: #FFF;
    /*background-image:url(../../images/header-opened.png);*/
    text-align: center;
    font-size: larger;
    cursor: move;
    font-weight: bold;
}

@font-face {
    font-family: 'Skipper_Pannello';
    src: url('../App_Themes/font/Skipper_Pannello.ttf') format('truetype'), url('../App_Themes/font/Skipper_Pannello.woff') format('woff'), url('../App_Themes/font/Skipper_Pannello.eot') format('eot'), url('../App_Themes/font/Skipper_Pannello.svg?#Skipper_Pannello') format('svg');
    font-weight: normal;
    font-style: normal;
}

.center-screen {
    position: fixed !important;
    top: 120px;
    left: 120px;
    z-index:999;
}

[class^="sf-icon-"], [class*=" sf-icon-"] {
    font-family: 'Skipper_Pannello' !important;
    speak: none;
    font-size: 55px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sf-icon-user-server:before {
    content: "\e700";
}

.sf-icon-business-man:before {
    content: "\e701";
}

.sf-icon-user-profile:before {
    content: "\e702";
}

.sf-icon-user:before {
    content: "\e703";
}

.sf-icon-discount-01:before {
    content: "\e704";
}

.sf-icon-counting-machine:before {
    content: "\e705";
}

.sf-icon-globe:before {
    content: "\e706";
}

.sf-icon-money-bag:before {
    content: "\e707";
}

.sf-icon-certificate-01:before {
    content: "\e708";
}

.sf-icon-document-add:before {
    content: "\e709";
}

.sf-icon-search-time-wf:before {
    content: "\e70a";
}

.sf-icon-captain:before {
    content: "\e70c";
}

.sf-icon-sea-02:before {
    content: "\e70e";
}

.sf-icon-view-09-wf:before {
    content: "\e70f";
}

.sf-icon-calendar-wf:before {
    content: "\e710";
}

.sf-icon-customer2:before {
    content: "\e711";
}

.sf-icon-map-location:before {
    content: "\e712";
}

.sf-icon-home-07:before {
    content: "\e713";
}

.sf-icon-payment-01:before {
    content: "\e722";
}

/* Default Tile
-------------------------------------------------- */

.tile {
    position: relative;
    display: block;
    float: left;
    margin: 5px;
    padding: 0;
    /*padding-bottom: 1px;*/
    /*width: 80px;*/
    /*height: 150px;*/
    color: #FFF;
    cursor: pointer;
    overflow: hidden;
    text-decoration: none;
    background-color: #2C83EF;
}

    .tile:hover {
        outline: 3px #225a68 solid;
    }

.image-wrapper {
    display: block;
    width: 100px;
    height: 100px;
    /*margin-top: 20px;*/
    padding: 8px 0;
    text-align: center;
    vertical-align: middle;
}

.image-wrapper img {
    max-width: 60px;
    max-height: 60px;
    margin: 0 auto;
}

.app-label {
    bottom: 5px;
    font-size: 12px;
    left: 20px;
    position: absolute;
}

.bg-color-blue {
    background-color: #0072BC !important;
}

.bg-color-blueDark {
    background-color: #662D91 !important;
}

.bg-color-green {
    background-color: #01a31c !important;
}

.bg-color-greenDark {
    background-color: #008641 !important;
}

.bg-color-red {
    background-color: #bc1c48 !important;
}

.bg-color-yellow {
    background-color: #ffc40d !important;
}

.bg-color-orange {
    background-color: #CD4900 !important;
}

.bg-color-pink {
    background-color: #c3325f !important;
}

.bg-color-purple {
    background-color: #603cba !important;
}

.bg-color-darken {
    background-color: #1c1c1c !important;
}

.lblfat {
    white-space: pre-wrap;
    display: inline !important;
}

.ChkBoxClass input {
    width: 22px;
    height: 22px;
    float:left;
}

.anno {
    float: left;
    margin-right: 1rem;
}

.cellaplanning
{
    margin:0px;
    padding:0!important;
    width:20px;
}

.roundcorners {
    border-radius: 20px;
    background: #41a3f4;
    padding: 10px;
    width: 300px;
    font-size: 20px!important;
}

.roundcorners1 {
    border-radius: 20px;
    border-color: #41a3f4;
    border-width:2px;
    border-style:solid;
    padding: 10px;
    width: 100%;
    font-size: 20px !important;
}

/* Create three unequal columns that floats next to each other */
.column {
    float: left;
    padding: 3px;
}

.uno {
    width: 200px;
    border-right: solid;
    border-color: #41a3f4;
    border-width: 2px;
}

.due {
    width: 70px;
    border-right: solid;
    border-color: #41a3f4;
    border-width: 2px;
}

.tre {
    width: 160px;
    border-right: solid;
    border-color: #41a3f4;
    border-width: 2px;
}

.right {
    float: left;
}

/* Clear floats after the columns */
.rowcal:after {
    content: "";
    display: table;
    clear: both;
}

.ajax__html_editor_extender_fontnameclass{ font-size: 16px!important; }
.ajax__html_editor_extender_fontnameclass select {
    font-size: 16px !important;
}
.ajax__html_editor_extender_fontsizeclass {
    font-size: 16px!important;
}
.ajax__html_editor_extender_fontsizeclass select {
    font-size: 16px !important;
}

/***
Login page
***/
/* logo page */
.login {
    /*background-color: #444 !important;*/
}

    .login .logo {
        margin: 0 auto;
        margin-top: 60px;
        padding: 15px;
        text-align: center;
    }

    .login .content {
        background-color: #fff;
        width: 360px;
        margin: 0 auto;
        margin-bottom: 0px;
        padding: 30px;
        padding-top: 20px;
        padding-bottom: 15px;
    }

        .login .content h3 {
            color: #000;
        }

        .login .content h4 {
            color: #555;
        }

        .login .content p {
            color: #222;
        }

        .login .content .login-form,
        .login .content .forget-form {
            padding: 0px;
            margin: 0px;
        }

        .login .content .input-icon {
            border-left: 2px solid #35aa47 !important;
        }

            .login .content .input-icon .form-control {
                border-left: 0;
            }

        .login .content .forget-form {
            display: none;
        }

        .login .content .register-form {
            display: none;
        }

        .login .content .form-title {
            font-weight: 300;
            margin-bottom: 25px;
        }

        .login .content .form-actions {
            background-color: #fff;
            clear: both;
            border: 0px;
            /*border-bottom: 1px solid #eee;*/
            padding: 0px 30px 25px 30px;
            margin-left: -30px;
            margin-right: -30px;
        }

            .login .content .form-actions .checkbox {
                margin-left: 0;
                padding-left: 0;
            }

        .login .content .forget-form .form-actions {
            border: 0;
            margin-bottom: 0;
            padding-bottom: 20px;
        }

        .login .content .register-form .form-actions {
            border: 0;
            margin-bottom: 0;
            padding-bottom: 0px;
        }

        .login .content .form-actions .checkbox {
            margin-top: 8px;
            display: inline-block;
        }

        .login .content .form-actions .btn {
            margin-top: 1px;
        }

        .login .content .forget-password {
            margin-top: 25px;
        }

        .login .content .create-account {
            border-top: 1px dotted #eee;
            padding-top: 10px;
            margin-top: 15px;
        }

            .login .content .create-account a {
                display: inline-block;
                margin-top: 5px;
            }

        /* select2 dropdowns */
        .login .content .select2-container {
            border-left: 2px solid #35aa47 !important;
        }

            .login .content .select2-container .select2-choice {
                border-left: none !important;
            }

            .login .content .select2-container i {
                display: inline-block;
                position: relative;
                color: #ccc;
                z-index: 1;
                top: 1px;
                margin: 4px 4px 0px -1px;
                width: 16px;
                height: 16px;
                font-size: 16px;
                text-align: center;
            }

        .login .content .has-error .select2-container i {
            color: #b94a48;
        }

        .login .content .select2-container a span {
            font-size: 13px;
        }

            .login .content .select2-container a span img {
                margin-left: 4px;
            }

@media (max-width: 480px) {
    /***
  Login page
  ***/
    .login .logo {
        margin-top: 10px;
    }

    .login .content {
        width: 280px;
    }

        .login .content h3 {
            font-size: 22px;
        }

    .login .checkbox {
        font-size: 13px;
    }
}

.StatusMessage {
    color: Red;
    font-size: 2.0em;
    font-weight: bold;
}


/* Lock Screen-related CSS Classes */
.LockOff {
    visibility: hidden;
    display: none;
    position: absolute;
    top: -100px;
    left: -100px;
}

.LockBackground {
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: visible;
    display: block;
    width: 105%;
    height: 205%;
    background-color: #666;
    z-index: 999;
    filter: alpha(opacity=75);
    opacity: 0.75;
    padding-top: 20%;
}

.LockPane {
    z-index: 1000;
    position: absolute;
    top: 0px;
    left: 0px;
    padding-top: 25%;
    visibility: visible;
    display: block;
    text-align: center;
    width: 100%;
}

    .LockPane div {
        width: 55%;
        background-color: #969;
        color: White;
        font-size: large;
        border: dotted 1px White;
        padding: 9px;
        margin-left: auto;
        margin-right: auto;
    }