body {
    font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
}

.blockUI.blockMsg.blockElement
{
	font-size: 2rem !important;
	color: #0e0065 !important;
}

table.tablesorter div.tablesorter-header-inner
{
	text-align: left;
	color: #777;
	font-weight: 400;
	font-size: 12px;
	cursor: pointer;
}

table.tablesorter tbody tr:hover {
    background: rgb(226, 238, 247);
}


table.tablesorter div.tablesorter-header-inner:hover
{
	text-decoration: underline;
}

table.tablesorter .tablesorter-header.tablesorter-headerAsc div.tablesorter-header-inner {
    background-image: url('data:image/gif;base64,R0lGODlhBQAIAPcAAAAAADMAAGYAAJkAAMwAAP8AAAAzADMzAGYzAJkzAMwzAP8zAABmADNmAGZmAJlmAMxmAP9mAACZADOZAGaZAJmZAMyZAP+ZAADMADPMAGbMAJnMAMzMAP/MAAD/ADP/AGb/AJn/AMz/AP//AAAAMzMAM2YAM5kAM8wAM/8AMwAzMzMzM2YzM5kzM8wzM/8zMwBmMzNmM2ZmM5lmM8xmM/9mMwCZMzOZM2aZM5mZM8yZM/+ZMwDMMzPMM2bMM5nMM8zMM//MMwD/MzP/M2b/M5n/M8z/M///MwAAZjMAZmYAZpkAZswAZv8AZgAzZjMzZmYzZpkzZswzZv8zZgBmZjNmZmZmZplmZsxmZv9mZgCZZjOZZmaZZpmZZsyZZv+ZZgDMZjPMZmbMZpnMZszMZv/MZgD/ZjP/Zmb/Zpn/Zsz/Zv//ZgAAmTMAmWYAmZkAmcwAmf8AmQAzmTMzmWYzmZkzmcwzmf8zmQBmmTNmmWZmmZlmmcxmmf9mmQCZmTOZmWaZmZmZmcyZmf+ZmQDMmTPMmWbMmZnMmczMmf/MmQD/mTP/mWb/mZn/mcz/mf//mQAAzDMAzGYAzJkAzMwAzP8AzAAzzDMzzGYzzJkzzMwzzP8zzABmzDNmzGZmzJlmzMxmzP9mzACZzDOZzGaZzJmZzMyZzP+ZzADMzDPMzGbMzJnMzMzMzP/MzAD/zDP/zGb/zJn/zMz/zP//zAAA/zMA/2YA/5kA/8wA//8A/wAz/zMz/2Yz/5kz/8wz//8z/wBm/zNm/2Zm/5lm/8xm//9m/wCZ/zOZ/2aZ/5mZ/8yZ//+Z/wDM/zPM/2bM/5nM/8zM///M/wD//zP//2b//5n//8z//////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAPgALAAAAAAFAAgAAAgYAK9dAyBwIACCAFglJDiwYMOCDAVGfBgQADs=');
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 0.5rem;
}

table.tablesorter .tablesorter-header.tablesorter-headerDesc div.tablesorter-header-inner {
    background-image: url('data:image/gif;base64,R0lGODlhBQAIAPcAAAAAADMAAGYAAJkAAMwAAP8AAAAzADMzAGYzAJkzAMwzAP8zAABmADNmAGZmAJlmAMxmAP9mAACZADOZAGaZAJmZAMyZAP+ZAADMADPMAGbMAJnMAMzMAP/MAAD/ADP/AGb/AJn/AMz/AP//AAAAMzMAM2YAM5kAM8wAM/8AMwAzMzMzM2YzM5kzM8wzM/8zMwBmMzNmM2ZmM5lmM8xmM/9mMwCZMzOZM2aZM5mZM8yZM/+ZMwDMMzPMM2bMM5nMM8zMM//MMwD/MzP/M2b/M5n/M8z/M///MwAAZjMAZmYAZpkAZswAZv8AZgAzZjMzZmYzZpkzZswzZv8zZgBmZjNmZmZmZplmZsxmZv9mZgCZZjOZZmaZZpmZZsyZZv+ZZgDMZjPMZmbMZpnMZszMZv/MZgD/ZjP/Zmb/Zpn/Zsz/Zv//ZgAAmTMAmWYAmZkAmcwAmf8AmQAzmTMzmWYzmZkzmcwzmf8zmQBmmTNmmWZmmZlmmcxmmf9mmQCZmTOZmWaZmZmZmcyZmf+ZmQDMmTPMmWbMmZnMmczMmf/MmQD/mTP/mWb/mZn/mcz/mf//mQAAzDMAzGYAzJkAzMwAzP8AzAAzzDMzzGYzzJkzzMwzzP8zzABmzDNmzGZmzJlmzMxmzP9mzACZzDOZzGaZzJmZzMyZzP+ZzADMzDPMzGbMzJnMzMzMzP/MzAD/zDP/zGb/zJn/zMz/zP//zAAA/zMA/2YA/5kA/8wA//8A/wAz/zMz/2Yz/5kz/8wz//8z/wBm/zNm/2Zm/5lm/8xm//9m/wCZ/zOZ/2aZ/5mZ/8yZ//+Z/wDM/zPM/2bM/5nM/8zM///M/wD//zP//2b//5n//8z//////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAPgALAAAAAAFAAgAAAgYAK9dAyBQIMGCBw0WHGiQFQCHAwEkPBgQADs=');
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 0.5rem;
}

table.tablesorter div.tablesorter-header-inner
{
	min-width: 0px;
	float: left;
	padding-right: 1rem;
	padding-bottom: 3px;
	white-space: nowrap;
	font-size: 1.5rem;
}

table.tablesorter td {
    padding: 10px 5px 10px 5px;
}


a.file-download {
    display: none;
    background-image: url(/_layouts/15/CDB/images/down.png);
    padding: 2px 8px;
    cursor: pointer;
    z-index: 100;
    position: relative;
    height: 16px;
    margin-left: 2px;
    background-position-y: 2px;
    float: right;
    margin-top: -3px;
    margin-right: 5px;
    background-size: contain;
    background-repeat: no-repeat;
}
td.pager-td {
    border-top: 1px solid #ccc;
}

nav.right {
    float: right;
    font-size: 1.5rem;
}

#tbl-files {
    border-collapse: collapse;
    margin: 0 auto;
    /* width: 100%; */
}

#tbl-files td.file-image
{
    height: 40px;
}

#import-status-container {
    width: 100%;
    float: left;
    padding: 10px 0;
}

    #import-status-container > label {
        width: 100%;
        float: left;
    }

#import-status, #import-progress {
    font-weight: bold;
}

#upload-folder-path {
    width: 400px;
    height: 25px;
    font-style: italic;
}

#import-airstream-files {
    width: 100px;
    margin-left: -5px;
}

#import-container {
    padding: 10px;
}

#inp-search {
    margin-left: 1rem !important;
}






.tablesorter-pager.disabled {
	display: none;
}
/* hide or fade out pager arrows when the first or last row is visible */
.tablesorter-pager .disabled {
	/* visibility: hidden */
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: default;
}

/* pager navigation arrows */
.tablesorter-pager img {

	cursor: pointer;
}


 #tbl-files td.file-image > div {
    width: 40px;
    height: 40px;
}

 #tbl-files td.file-name {

overflow: hidden;

text-overflow: ellipsis;

width: 60%;

font-size: 1.3rem;

max-width: 32rem;
}
    #tbl-files td.product {
        max-width: 220px;
        overflow: hidden;
        text-overflow: ellipsis;
        min-width: 220px;
    }

    #tbl-files td.file-type {
        max-width: 180px;
        overflow: hidden;
        text-overflow: ellipsis;
        min-width: 180px;
        white-space: nowrap;
    }

select.tablesorter-filter {
    width: 100%;
}

    #tbl-files th[data-column='0'] {
        width: 3rem;
    }

    #tbl-files th[data-column='3'] {
        width: 155px;
    }

    #tbl-files th[data-column='4'] {
        width: 110px;
    }


    #tbl-files td.file-name > a,
    #tbl-files td.product > a {
        white-space: nowrap;
    }

    #tbl-files td.created {
        max-width: 145px;
        width: 145px;
        overflow: hidden;
    }

    #tbl-files td.createdby,
    #tbl-files td.library {
        max-width: 145px;
        width: 110px;
        overflow: hidden;
    }


    #tbl-files td.createdby {
        text-overflow: ellipsis;
    }

        #tbl-files td.createdby > label {
            white-space: nowrap;
        }

 #tbl-files div.tablesorter-header-inner {
    padding-left: 10px;
}

td.file-name > a {
    cursor: pointer;
}

#tbl-files td.td-download {
    width: 40px;
}

#tbl-files thead th.tablesorter-header:focus {
    outline: none;
}

#tbl-files a.file-download {
    display: inline;
    opacity: 0.2;
    float: left;
    margin-right: 0;
    padding: 1rem 2rem 1.2rem 2rem;
    background: green;
    color: white;
    font-size: 1rem;
    text-decoration: none;
}

#tbl-files tbody > tr:hover a.file-download {
    opacity: 1;
    padding: 1rem 2rem 1.2rem 2rem;
    background: green;
    color: white;
    font-size: 1rem;
    text-decoration: none;
}

a.icon-container {
    background-size: 30px !important;
    background-color: transparent !important;
}

#search-container {
    margin-bottom: 1rem;
    margin-top: 2rem;
    padding: 0px 4rem;
}

#inp-search {
    height: 1rem;
    width: 77%;
    padding: 1.2rem;
    font-size: 1.5rem;
    border: 0.1rem solid #616161;
}

    #inp-search:focus,
    #inp-search:active {
        z-index: 2;
    }

#inp-searchbyprd {
    height: 25px;
    width: 215px;
    margin-left: 15px;
    margin-left: -5px;
    position: relative;
    z-index: 1;
}

#btn-search {
    width: 100px;
    height: 31px;
}

#result {
    margin-top: 1rem;
    width: 100%;
}

#search-pic {
    position: absolute;
    cursor: pointer;
    height: 3.5rem;
    margin-left: -1px;
    width: 16%;
    overflow: hidden;
    border: 1px solid #ccc;
    background: #eaeaea;
}

    #search-pic:hover {
        background: #d2d0d0;
    }

    #search-pic > span {
        margin: 1rem 43%;
        position: relative;
        float: left;
        height: 25px;
        width: 25px;
        overflow: hidden;
    }


tr.tablesorter-filter-row.tablesorter-ignoreRow > td[data-column='2'] > input[type='search'],
tr.tablesorter-filter-row.tablesorter-ignoreRow > td[data-column='3'] > input[type='search'] {
    display: block;
}


@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  body
  {

  }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    body
  {
  	
  }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    body
  {

  }
}