﻿.row {
    margin: 0;
}

.mi{
    border: 2px solid black;
    width: 60px;
    height:30px;
    display: inline-block;
    text-align: center;
    vertical-align:middle;
}
.mis{
    border: 2px solid skyblue;
    width: 60px;
    height:30px;
    display: inline-block;
    text-align: center;
    vertical-align:middle;
}
.tabs{
    position:relative;
    top:1px;
    left:10px;

}
.tab
{
    border:solid 1px black;
    background-color:aqua;
    padding:5px 10px;

}
.selectedTab{
    background-color:white;
    border-bottom:solid 1px white;

}
.tabCinontents{
    border:solid 1px black;
    padding:10px;
    background-color:white;
            
}
.podlabeli
{
    padding:25px;
}
.txttable
{
    font-size:smaller
}
.containers
{
    overflow:hidden;
    width:100%;
}
.floatleft
{
    width: 40%;
    float:left;
}
.floatright
{
    width:60%;
    float:right;
}
.GridStyle th
{
    color:white
}
.gvStyling th
{
    font-size:12px;
    font-weight:normal;           

}
tr.directory td
{
    border-bottom:0px;

}

.section {
    border: 1px solid #dfdfdf;
    padding: 5px;
}

.col-md-12 > .col-md-3 {
    padding-right: 10px;
}

.sectionContent {
    margin: 10px 15px;
}

.sectionHeading {
    font-weight: 600;
}

.radioLbl label {
    display: contents;
}

.splitSection {
    border-right: 1px solid;
}

/*table tr {
    margin: 10px 0px;
}*/

.sectionContent > .row > .col-md-8 {
    padding-right: 10px;
}

.margin-left-15 {
    margin-left: 15px;
}

.width45 {
    width: 45%;
    display: inline;
}

.margin-right-5 {
 margin-right: 5px;
}

.margin-top-15 {
    margin-top: 15px;
} 

.padding-right-10 {
    padding-right: 10px;
}

.margin-right-5 {
    margin-right: 5px;
}

.padding-5 {
    padding: 5px;
}

.editBtns {
    padding: 3px;
    height: 31px;
} 

.editBtns .btn, .customEd {
    font-size: 12px;
    padding: 1px 6px;
}

.tblTextbox {
    height: 25px;
}

.btn {
    font-size: 12px;
}

#list-homeG {
    font-size: 14px;
}

#list-homeG table th {
    font-size: 12px;
}

#list-homeG table td, #list-home3A table td, #list-home3B table td, #list-home3V table td, #list-homeB table td, #list-homeA table td {
    padding: 3px;
}

 

#list-home td, #list-homeA td, #list-homeB td, #list-homeV td, #list-home3A td, #list-home3B td, #list-home3V td {
    font-size: 14px;
}


label {
    font-size: 12px;
}

.form-group {
    margin-bottom: 7px;
}

.radioPadding {
    padding-left: 20px;
}

#ContentPlaceHolder1_txt2 {
    max-width: 150px;
    display: inline-block;
}

.radioDiv {
    display: inline-block;
}

@media only screen and (min-width: 1200px) {

   
    .container.body-content.mainBody {
        background: #f6fbff; 
        border: 1px solid #e5edf4;
        box-shadow: 6px 10px 25px #4e6071;
        padding: 10px;
		max-width: 85vw !important;
    }
        
    
   .container-fluid{
	width: auto !important;
}

    }
    .submenuList {
        width: 100px;
    }
	
	#ContentPlaceHolder1_dgvIIG {
    width: 100%;
    table-layout: fixed; /* Përcaktoni layout-in e tabelës si të fiksuar, që të mos zgjerohen kolonat në bazë të përmbajtjes. */
}


#ContentPlaceHolder1_dgvIIG td {
    /*word-wrap: break-word;*/ /* Siguron që teksti të ndahet në rreshta të reja nëse është shumë i gjatë për të përmbushur gjerësinë e kolonës. */
    white-space: nowrap; /* Përcaktoni stilin e hapësirës së tekstit si nowrap, që të shmangë daljen e tij në rresht të ri. */
    font-size: 12px; /* Përcaktoni një madhësi fonti më të vogël për të përmbushur tekstin brenda hapësirës së dhënë. Mund ta ndryshoni vlerën sipas nevojave tuaja. */
    overflow: hidden; /* Siguron që tekstin që tejkalon hapësirën e dhënë të jetë i fshehur. */
    text-overflow: ellipsis; /* Shton një elips në fund të tekstit të fshehur, nëse ka përmbajtje të fshehur. */
}
}

@media only screen and (min-width: 900px) {

   
    .container.body-content.mainBody {
        background: #f6fbff; 
        border: 1px solid #e5edf4;
        box-shadow: 6px 10px 25px #4e6071;
        padding: 10px;
		max-width: 85vw !important;
    }
        
    .container-fluid{
	width: auto !important;
}
   

    }
    .submenuList {
        width: 100px;
    }
	#ContentPlaceHolder1_dgvIIG {
    width: 100%;
    table-layout: fixed; /* Përcaktoni layout-in e tabelës si të fiksuar, që të mos zgjerohen kolonat në bazë të përmbajtjes. */
}


#ContentPlaceHolder1_dgvIIG td {
    /*word-wrap: break-word;*/ /* Siguron që teksti të ndahet në rreshta të reja nëse është shumë i gjatë për të përmbushur gjerësinë e kolonës. */
    white-space: nowrap; /* Përcaktoni stilin e hapësirës së tekstit si nowrap, që të shmangë daljen e tij në rresht të ri. */
    font-size: 12px; /* Përcaktoni një madhësi fonti më të vogël për të përmbushur tekstin brenda hapësirës së dhënë. Mund ta ndryshoni vlerën sipas nevojave tuaja. */
    overflow: hidden; /* Siguron që tekstin që tejkalon hapësirën e dhënë të jetë i fshehur. */
    text-overflow: ellipsis; /* Shton një elips në fund të tekstit të fshehur, nëse ka përmbajtje të fshehur. */
}
}



