/*#region Defaults*/

body {
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}

div {
    overflow: hidden;
}

fieldset {
    margin: 2px;
    padding: 2px;
}

p {
    margin: 2px;
    padding: 2px;
}

table {
    overflow: hidden;
    width: 100%;
    border-collapse: collapse;
}

a {
    font-size: small;
}

select {
    width: 100%;
}

    select option {
        width: 100%;
    }
/*#endregion Defaults*/

/*#region Class*/

.SwitchButton {
    width: 16px;
    height: 16px;
    font-size: 0.1px;
    margin: 2px;
    padding: 2px;
    background-image: url(../Images/Refresh.bmp);
    border: none;
    cursor: pointer;
}

.PrintButton {
    width: 16px;
    height: 16px;
    font-size: 0.1px;
    margin: 2px;
    padding: 2px;
    background-image: url(../Images/Print.bmp);
    text-align: right;
    border: none;
    cursor: pointer;
}

.arrow-down-button {
    width: 16px;
    height: 16px;
    font-size: 0.1px;
    margin: 2px;
    padding: 2px;
    background-image: url(../Images/arrow-down.bmp);
    text-align: right;
    border: none;
    cursor: pointer;
}

.ProfileButton {
    width: 32px;
    height: 32px;
    font-size: 0.1px;
    /*    
    margin: 2px;
    padding: 2px;*/
    background-image: url(../Images/Profile.bmp);
    border: none;
    cursor: pointer;
}

.MenuButton {
    width: 32px;
    height: 32px;
    font-size: 0.1px;
    /*margin: 2px;
    padding: 2px;*/
    background-image: url(../Images/Menu.bmp);
    border: none;
    cursor: pointer;
}

.LogoutButton {
    width: 32px;
    height: 32px;
    font-size: 0.1px;
    /*margin: 2px;
    padding: 2px;*/
    background-image: url(../Images/Exit.bmp);
    border: none;
    cursor: pointer;
}

.inventory {
    height: 170px;
    width: 100%;
    overflow-y: auto;
    font-size: 12px;
}

.WebGrid {
    font-size: small;
    width: 96%;
    border-collapse: collapse;
    text-align: center;
    border: solid;
    border-width: 1px;
    border-color: black;
}

    .WebGrid td, th {
        border: solid;
        border-width: 1px;
        border-color: black;
    }

.TaskGrid {
font-size: small;
width: 100%;
border-collapse: collapse;
text-align: left;
border: solid;
border-width: 1px;
border-color: black;
}

    .TaskGrid td, th {
        border: solid;
        border-width: 1px;
        border-color: black;
    }

.TopMenu {
    margin: 0px;
    padding: 0px;
    height: 20px;
    width: auto;
    vertical-align: top;
}

.CustomForm {
    margin: 1px;
    padding: 1px;
}

.HeaderButtons {
    text-align: right;
}

.Tittle {
    width: 80%;
    font-family: Arial;
    color: white;
    font-size: small;
    font-weight: bold;

}

.Header {
    overflow: hidden;
    background-color: rgb(42, 189, 177);    
    border: hidden;
}

.Button {
    width: 100%;
    border-bottom-width: thin;
    border-color: black;
}

.TextBox {
    width: 100%;
    font-size: medium;
    margin: 2px;
    padding: 2px;    
}

.ErrorLabel {
    color: red;
    font-family: Arial;
    font-size: small;
    width: 100%;
    margin: 2px;
    padding: 2px;
}

    .ErrorLabel div {
        margin: 0px;
        padding: 0px;
    }

    .ErrorLabel ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

.ValidateLabel {
    color: red;
    font-family: Arial;
    font-size: x-small;
    width: 100%;
}

.Label {
    color: black;
    font-family: Arial;
}

/*#endregion Defaults*/

/*#region TabsLayout*/

div#tabsContent{
    margin: 0px;
    padding: 0px;      
    border: solid;
    border-width: 1px;
    border-color: black;
    clear:both;
}

ul#tabs {
    list-style: none;
    margin: 0px;
    padding: 0px;    
    top: 1px;
    display: block;    
}

    ul#tabs li {
        float: left;
    }

        ul#tabs li a {
            background: rgb(42, 189, 177);
            color: white;
            display: block;
            padding: 2px 10px;
            text-decoration: none;
            border-right: 1px solid black;
            border-top: 1px solid black;
            border-right: 1px solid black;
            margin: 0;
        }

            ul#tabs li a.selected {
                border-bottom: 1px solid black;
                color: #344385;
                background: #fff;
            }


/*#endregion TabsLayout*/

.GreenButton {
    width: 100%;
    border-bottom-width: thin;
    border-color: black;
    background-color: rgb(42, 189, 177);
    cursor: pointer;
    color: white;
}

.RedButton {
    width: 100%;
    border-bottom-width: thin;
    border-color: black;
    color: white;
    background-color: red;
    cursor: pointer;
}

.CustomTable td, th { 
    border-collapse: collapse;  
    border: 1px solid black;
}

.CustomTable th {
    text-align: left;
    font-weight: bold;
    background-color: rgb(42, 189, 177);
    color: white;
}

.CustomTable td {            
    text-align: left;
    border-width: initial;
}