body {
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: Gothic;
	src: url('fonts/GOTHIC.TTF');
}
* {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	outline: 0;
}

img {
	border: 0;
}

h1 {
	font-family: 'Century Gothic', Gothic, 'Calibri', Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 19px;
	color: #fff;
}

h2 {
	font-family: 'Century Gothic', Gothic, 'Calibri', Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 26px;
	color: #919193;
}

h3 {
	font-weight: normal;
	font-size: 21px;
	color: #919193;
	margin-top: 40px;
}

#btnCreateWorkItem,
#btnCreateWorkItem:hover,
#grvWorkItems_DXMainTable a.dxeHyperlink,
#grvWorkItems_DXMainTable a.dxeHyperlink:hover,
#grvFiles_DXMainTable a.dxeHyperlink,
#grvFiles_DXMainTable a.dxeHyperlink:hover,
#btnBackList a,
#btnBackList a:hover,
#btnSave,
#btnSave:hover,
#btnSearch,
#btnSearch:hover,
#box-side img,
#box-side img:hover,
#lnkLogout,
#lnkLogout:hover,
#btnTextEditOk,
#btnTextEditOk:hover,
#btnTextEditCancel,
#btnTextEditCancel:hover,
#btnUpload,
#btnUpload:hover,
#lnkUpload,
#lnkUpload:hover,
#btnCreateFolder,
#btnCreateFolder:hover,
.menu-item,
.menu-item :hover {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* Header section */

#header {
	height: 63px;
	width: 100%;
	background: #363f46;
	position: fixed;
	top: 0px;
	z-index: 9999;
}

#header-center {
	width: 80%;
	max-width: 1100px;
	margin: 0 auto;
}

#logo {
	position: relative;
	top: 6px;
	float: left;
}

#header-title {
	position: relative;
	top: 2px;
	left: 25px;
	float: left;
}

.menu-item {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	background: rgb(0, 0, 0) none repeat scroll 0% 0%;
	padding: 24px 13px;
	margin: 0;
	position: relative;
	top: 18px;
	left: 10px;
}

.menu-item:hover {
	background: #363f46;
	color: #fff !important;
}

.active {
	background: #20adc0;
}

#user-status {
	position: relative;
	top: 20px;
	color: #cccccc;
	font-size: 13px;
	float: right;
}

#lnkLogout {
	color: #fff;
	background: #f44236;
	padding: 5px 15px;
	margin-right: 15px;
	text-decoration: none;
	border-radius: 7px;
}

#lnkLogout:hover {
	background: #fd5621;
}

.clear,
#clear {
	clear: both;
}


/* Main section */

#main {
	width: 80%;
	max-width: 1100px;
	margin: 90px auto 0;
}

#main-filemanager {
	width: 80%;
	max-width: 1100px;
	margin: 0px auto;
}

#grvWorkItems {
	width: 100% !important;
}

#grvWorkItems_DXMainTable {
	border-radius: 10px;
}

#grvWorkItems_DXMainTable td {
	height: 35px;
	border: 3px solid: #cccccc;
}

#grvWorkItems_DXMainTable tr:hover {
	background: #d9f7d2;
}

#grvFiles {
    width: 100% !important;
}

#grvFiles_DXMainTable td {
    height: 35px;
    border: 3px solid: #cccccc;
}

#grvFiles_DXMainTable tr:hover {
    background: #d9f7d2;
}

.dxgvHeader,
.dxgvHeader table,
.dxgvHeader tr:hover
 {
	background: #00bbd4 !important;
	color: #fff;
}

#grvWorkItems_DXMainTable a.dxeHyperlink {
	background: #363f46;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
}

#grvWorkItems_DXMainTable a.dxeHyperlink:hover {
	color: #00e1ff;
}

#grvFiles_DXMainTable a.dxeHyperlink {
	background: #363f46;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
}

#grvFiles_DXMainTable a.dxeHyperlink:hover {
	color: #00e1ff;
}

.dxgvEditFormDisplayRow td.dxgv,
.dxgvDataRow td.dxgv,
.dxgvDataRowAlt td.dxgv,
.dxgvSelectedRow td.dxgv,
.dxgvFocusedRow td.dxgv {
	border-right: 0px solid #CFCFCF !important;
}

#btnNewItem {
	text-align: right;
	position: relative;
	top: 25px;
}

#attachment-add-box {
	background: #f6f7f7;
	margin: 30px 10px 10px;
	padding: 20px;
	width: 70%;
	font-weight: bold;
  	border: 1px solid #cccccc;
  	border-radius: 10px;
}
#btnNewSave {
	float: right;
}

#btnBackList {
	float: left;
	position: relative;
	top: 15px;
}

#btnCreateFolder {
	background: #20adc0;
	margin-bottom: 5px;
}

#btnCreateFolder:hover {
	background: #02a5bb;
}

#bottom-buttons {
	margin: 30px 0;
}

#btnCreateWorkItem {
	background: #363f46;
	font-size: 15px;
	color: #fff;
	border: 0px;
	border-radius: 10px;
	padding: 15px 30px;
}

#btnCreateWorkItem:hover {
	background: #00bbd4;
}

#btnSearch {
	background: #363f46;
	font-size: 15px;
	color: #fff;
	border: 0px;
	border-radius: 10px;
	padding: 11px 37px;
}

#btnSearch:hover {
	background: #00bbd4;
}

#btnSave {
	background: #363f46;
	font-size: 15px;
	color: #fff;
	border: 0px;
	border-radius: 10px;
	padding: 15px 30px;
}

#btnSave:hover {
	background: #00bbd4;
}

.dxbButton {
	border: 0 !important;
}

.dxgvPagerBottomPanel {
	background: #fff;
}

#btnBackList a {
	background: #363f46;
	font-size: 15px;
	color: #fff;
	border: 0px;
	border-radius: 10px;
	padding: 19px 30px;
	text-decoration: none;
}

#btnBackList a:hover {
	background: #00bbd4;
}

#fts-fields {
	font-size: 13px;
	background: #f6f7f7;
	padding: 15px 10px;
	width: 100%;
	border: 1px solid #cccccc;
	border-radius: 10px;
}

#fts-fields .table-b {
	border: 3px solid #f6f7f7;
}

#fts-fields th {
	text-align: left;
}

#fts-fields .dxeTextBox:hover,
#fts-fields .dxeFocused,
#fts-fields .dxeButtonEdit:hover {
	border: 1px solid #00e1ff !important;
}

.dxeTextBox,
.dxeButtonEdit {
	border-radius: 5px;
}

#tfs-filters {
	font-size: 13px;
  	background: #f6f7f7;
  	padding: 25px 30px;
  	width: 95%;
  	border: 1px solid #cccccc;
  	border-radius: 10px;
  	margin-bottom: 20px;
}

.column-left-crs {
	float: left;
	width: 195px;
}

.column-left-sms {
	float: left;
    width: 120px;
}

.dxeListBoxItemSelected {
	background: #00bbd4 !important;
	color: #fff !important;
}

.dxeListBoxItemHover {
	background: #d9f8fc;
}

#tfs-tabs {
	margin-top: 20px;
}

#pgcHtml {
	width: 100%;
}

.dxtcLite > .dxtc-content {
	border: 1px solid #cccccc;
}

#pgcHtml_htmDescription_TD,
#pgcHtml_htmResolution_TD,
#pgcHtml_htmStepsToReproduce_TD,
#pgcHtml_htmResolution_HtmlViewEdit,
.dxheContentArea {
	width: 1040px !important;
	background: #f0f0f0 !important;
}

.dxtcLite > .dxtc-stripContainer .dxtc-tab {
	background: #d9f8fc !important;
}

#pgcHtml_CC {
	max-height: 500px;
	min-width: 400px;
	overflow: auto;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.dxtcSys  {
	display: inline !important;
}

#lblValidation {
	font-weight: bold;
}

.dxeButtonEditSys td.dxic {
	padding: 4px;
}

.dxeTextBoxSys td.dxic {
    padding: 5px;
}

.tab-comments,
.tab-comments-new,
.tab-attachments {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 15px;
}

#pgcHtml_txtNewComment {
	height: 200px;
	width: 100%;
}

.dxeFocused {
	border: 1px solid #00e1ff !important;
}

#tab-link-download a,
.dxp-num {
	color: #00bbd4 !important;
}

#tab-attachments-table th,
#tab-attachments-table td {
	text-align: left;
	border-right: 35px solid #fff;
}

#txtTitle {
	position: relative;
	top: -53px;
	left: 215px;
	overflow: hidden;
	margin-bottom: -25px;
}

#add-new-item-title input {
	width: 800px;
	height: 30px;
	font-size: 16px;
}
/* Files Manager */

.box-side {
	background: #f6f7f7;
	padding: 40px 25px;
	border: 1px solid #cccccc;
	border-radius: 10px;
}

.box-side img {
	margin: 0 10px;
}

.box-side p {
	margin: 5px 0;
}

.box-side img:hover {
	opacity: 0.9;
}

#box-fixed {
	background: #fff;
	margin-top: 90px;
}

#text-input {
	width: 700px;
	position: relative;
	top: -67px;
	left: 295px;
	z-index: 9998;
}

#text-input label {
	color: #fff;
	font-size: 11pt;
}

#txtInput {
	padding: 7px 8px;
    width: 320px;
    margin: 0 10px;
}

#btnTextEditOk {
	background: #1aa5de;
	padding: 7px 25px;
	margin: 0 6px 0 -23px;
	font-size: 11pt;
	color: #fff;
	border: 0;
	width: 120px;
	cursor: pointer;
}

#btnTextEditOk:hover {
	background: #1198cf;
}

#btnTextEditCancel  {
	background: #f44236;
	padding: 7px 25px;
	font-size: 11pt;
	color: #fff;
	border: 0;
	border-radius: 10px;
	width: 120px;
	cursor: pointer;
}

#btnTextEditCancel:hover {
	background: #fd5621;
}

#btn-upload {

}

#lnkUpload {
	background: #363f46;
	font-size: 15px;
	color: #fff;
	border: 0px;
	border-radius: 10px;
	padding: 15px 50px;
	text-decoration: none;
}

#lnkUpload:hover {
	background: #00bbd4;
}

#btnUpload  {
	background: #5bb247;
	padding: 7px 25px;
	margin: 0 6px 0 95px;
	font-size: 11pt;
	color: #fff;
	border: 0;
	width: 120px;
	cursor: pointer;
	border-radius: 10px;
}

#btnUpload:hover {
	background: #4ea73a;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}

#file-upload-box {
	background: #f6f7f7;
	display: none;
	padding: 7px 23px;
	margin-right: 6px;
	font-size: 12pt;
	color: #919193;
	border: 0;
	width: 120px;
	position: relative;
	z-index: 9991;
	left: -122px;
}


.fileUpload  input.upload {
    position: absolute;
    z-index: 9990;
    top: -6px;
    left: -79px;
    margin: 0;
    padding: 5px 15px 5px 0px;
    font-size: 11pt;
    color: #919193;
    cursor: pointer;
    opacity: 1;
    filter: alpha(opacity=0);
    background: url(images/input-fake.png) no-repeat;
    background-position: 65% 50%;
    width: 340px;
}

#file-holder {
	overflow-x: hidden;
}

#files-tree {
    margin: 30px 0 0 0px;
    height: 100%;
    overflow-y: auto;
    width: 100%;
}

#callbackTrigger,
#tree-drag {
	visibility: hidden;
}

#treeDemo_1_switch {
	visibility: hidden;
}

#lblInput {
    font-size: 9pt;
}

#lblValidate {
	font-weight: bold;
	margin-left: 15px;
	color: #f44236 !important;
}

#loading-box {
	top: 330px;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 9999;
	font-size: 14px;
	display: none;
}

#loading-box-bg {
	background: #fff;
	width: 150px;
	margin: 0px auto;
	padding: 20px;
	border-radius: 15px;
	opacity: 0.9;
}

.dxtvControl .dxtv-ndHov {
	background: #abe5fd;
}

.dxtvControl .dxtv-ndSel {
	background: #c7f7bc;
}

.disabled {
    opacity: 0.4;
    cursor: default;
}

.dxgvControl {
	border-radius: 10px;
}

.dxgvTable {
	border-radius: 7px;
}

a.dxbButton {
    color: #787878;
    font-weight: bold;
}

a.dxbButton:hover {
	color: #00bbd4;
}

.dxbButtonSys.dxbTSys {
	color: #fff;
	background: #f44236;
	padding: 2px 15px;
	text-decoration: none;
	border-radius: 7px;
}

#lblPath {
	font-size: 9pt;
    color: #919193;
}

#btnUp {
	background: url("Images/icon-folder-up.png") no-repeat center;
	margin-bottom: 5px;
	padding: 2px 10px;
}

#btnUp  .dx-vam {
	color: transparent;
}

.path-file {
	font-size: 9pt;
	color: #919193;
}

/* Cross-browser fixes */
@media all and (-ms-high-contrast:none) {
    #file-upload-box {
		display: none !important;
	} /* IE10 */
    *::-ms-backdrop, #file-upload-box {
		display: none !important;
	} /* IE11 */
	.fileUpload input.upload {
		background: none;
		position: relative;
		top: 0;
		left: 0px;
	}
	*::-ms-backdrop, .fileUpload input.upload {
		background: none;
		position: relative;
		top: 0;
		left: -110px;
	}
	#btnUpload {
		margin-left: 10px;
	}
	*::-ms-backdrop, #btnUpload {
		margin-left: -90px;
	}
}

@supports (-ms-ime-align:auto) {
   #file-upload-box {
		display: none !important;
	}
   .fileUpload input.upload {
		left: -137px !important;
		width: 260px !important;
		background: none;
	}
   #btnUpload {
		margin-left: 150px;
	}
}

@-moz-document url-prefix() {
    #file-upload-box {
        padding: 11px 23px;
		left: -132px !important;
    }

	.fileUpload  input.upload  {
		left: -80px !important;
		background-position: 59% 50% !important;
	}
}


/* Login page*/
#tfs-login {
    width: 400px;
    margin: 150px auto 0;
    text-align: center;
}

#tfs-login-pass {
    width: 600px;
    margin: 150px auto 0;
    text-align: center;
}

#tfs-login-pass2 {
    width: 600px;
    margin: 30px auto 0;
    text-align: center;
}

#center-content,
#content {
    text-align: center;
}

#login-box {
    background: #fff;
    border: 1px solid #e5e5e5;
    margin: 25px 0;
    padding: 30px;
    text-align: left;
    font-size: 16px;
    color: #757575;
}

    #login-box input[type=text] {
        width: 280px;
        height: 40px;
        background: #fbfbfb;
        color: #4f4f4f;
        font-size: 20px;
        border: 1px solid #e5e5e5;
        padding: 0 15px;
    }
    #login-box input[type=password] {
        width: 280px;
        height: 40px;
        background: #fbfbfb;
        color: #4f4f4f;
        font-size: 20px;
        border: 1px solid #e5e5e5;
        padding: 0 15px;
    }

    #login-box input[type=submit] {
        width: 310px;
        height: 40px;
        background: #fbfbfb;
        color: #4f4f4f;
        font-size: 20px;
        border: 1px solid #e5e5e5;
        padding: 0 15px;
    }


    #login-box select {
        width: 340px;
        height: 40px;
        background: #fbfbfb;
        color: #4f4f4f;
        font-size: 17px;
        border: 1px solid #e5e5e5;
        padding: 0 15px;
    }

    #login-box input.btn-login {
        margin: 20px 0 0 0;
        background: #184b73 !important;
        color: #fff !important;
        border: 1px solid #184b73;
        cursor: pointer;
    }

        #login-box input.btn-login:hover {
            background: #2c2c2c !important;
            transition: all 0.3s ease-in-out 0s;
        }

.wrong-login {
    color: #f10000;
    text-align: center;
}

label[for=ctlLogin_RememberMe]
{
    font-family: Calibri
}