#wrapper {
			display: flex;
			font-size: 15px;
		}

		#bugtracker {
			display: flex;
			flex: 1;
			flex-direction: column;
			margin: 20px 20px 0 20px;
		}

		#bugtracker #overlay {
			position: fixed; /* Sit on top of the page content */
			display: none; /* Hidden by default */
			width: 100%; /* Full width (cover the whole page) */
			height: 100%; /* Full height (cover the whole page) */
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: rgba(0,0,0,0.5); /* Black background with opacity */
			z-index: 10000; /* Specify a stack order in case you're using a different order for other elements */
			cursor: progress; /* Add a pointer on hover */
		}

		/************ START GLOBAL ************/
		#question_box_panel_name {
			width: 420px !important;
		}

		#bugtracker strong.date, #bugtracker span.date {
			margin-right: 5px;
		}

        #bugtracker .green .material-icons {
            font-size: 35px;
            text-align: center;
            margin: auto;
            display: block;
        }

        #bugtracker .material-icons {
            font-size: 35px;
            text-align: center;
            margin: auto;
            display: block;
        }

        #bugtracker .icon_lable {
            font-size: 12px;
            font-weight: bold;
        }

        #bugtracker .green {
            color: #72a967;
        }
        #bugtracker .success {
            cursor:pointer;
            padding-bottom: 5px;
            border: solid;
            background: #fff;
            border-radius: 7px;
            border-width: 1px;
            width: 68px;
            padding-top: 5px;
        }

		#bugtracker .btn-green {
			background-color: #72a967;
		}


		#bugtracker .light-blue {
			color: #06a1ff;
		}

		#bugtracker .btn-light-blue {
			background-color: #053471;
		}

		#bugtracker .dark-blue {
            color: #053471;
		}
            #bugtracker .get-task {
                cursor: pointer;
                color: #053471;
                padding-bottom: 5px;
                border: solid;
                background: #fff;
                border-radius: 7px;
                border-width: 1px;
                width: 125px;
                padding-top: 5px;
            }

		#bugtracker .btn-dark-blue {
			background-color: #06a1ff;
		}


		#bugtracker .gray {
			color: #a0a0a0;
		}

		#bugtracker .btn-gray {
			background-color: #a0a0a0;
		}


		#bugtracker .orange {
			color: #ea8725;
		}

		#bugtracker .btn-orange {
			background-color: #ea8725;
			color: #fff;
		}
            #bugtracker .add-comment {
            cursor:pointer;
            }
#bugtracker .toggle {
cursor:pointer;
}


#bugtracker .red {
    color: #ea2828;
}
        #bugtracker .return {
            cursor:pointer;
            padding-bottom: 5px;
            border: solid;
            background: #fff;
            border-radius: 7px;
            border-width: 1px;
            width: 68px;
            padding-top: 5px;
        }

		#bugtracker .btn-red {
			background-color: #ea2828;
			color: #fff;
		}

		#bugtracker #overlay.show {
			display: block;
		}

#bugtracker #bt-header {
    display: flex;
    justify-content: flex-start;
    background: #efe9f1;
    padding: 6px;
    align-items: stretch;
    flex-wrap: nowrap;
    flex-direction: row;
    width: 84vw;
}

#bugtracker #left-side, #bugtracker #right-side {
    display: flex;
    align-items: baseline;
    margin-right: 5%;
}

		#bugtracker #filter-by-status {
		margin-left: 10px;
		}

		#bugtracker #filter-by-status .dropdown-menu > div {
			display: flex;
			align-items: center;
			padding: 8px 20px;
			border-bottom: 1px solid #eaeaea;
		}

		#bugtracke #filter-by-status .dropdown-menu > div input {
			margin-right: 5px;
		}

		#bugtracker #filter-by-status a {
			background-color: #fff;
			border: 1px solid #a0a0a0;
			border-radius: 4px;
			height: 38px;
			color: inherit;
		}

		#bugtracker #left-side label {
			margin-bottom: 0;
			margin: 0 8px;
		}

		#bugtracker select {
			padding: 7px;
			border-radius: 4px;
		}

        #bugtracker #new-task {
            cursor: pointer;
            display: flex;
            align-items: center;
        }


/************ TABLE ************/
		#bugtracker table {
/*			box-shadow: 0 2px 4px #dedede;
			border: 1px solid #ddd;*/
		}

		#bugtracker table th {
			color: #ffffff;
			background-color: #296cbb;
			border: 0;
	}

		#bugtracker table th.actions {
			width: 90px;
		}

		#bugtracker table th.status {
			width: 100px;
		}
        #bugtracke .table_count {
         width:100% !important;
        }

        #bugtracker table th.count_th {
            width: 16%;
            text-align: center;
        }

        #bugtracker table th.from {
            width: 180px;
        }

		#bugtracker table th.to {
			width: 180px;
		}


		#bugtracker table th.edit {
			width: 60px;
		}

		#bugtracker table th.task-text {
			width: 600px;
		}

		#bugtracker table td, #bugtracker table th {
			border: none;
		}

		#bugtracker table tr:nth-child(odd) {
			background: #f3f2ff;
		}

		#bugtracker table tr {
			/*border-bottom: 2px solid #c1e5ff;*/
		}

		#bugtracker table div.status {
			display: flex;
			justify-content: center;
			margin-top: 5px;
			text-align: center;
			white-space: pre-line;
		}

		#bugtracker table td.task-text {
			white-space: pre-line;
		}

		#bugtracker table td.task-text br {
			line-height: 0;
		}

            #bugtracker table td.task-text .comment, #bugtracker #edit-task-modal .comment {
                cursor: pointer;
                padding: 5px 0;
                margin-left: 15px;
                border-bottom: 1px solid #cceaff;
            }

			#bugtracker table td.edit-delete {
				display: flex;
				
			}

			#bugtracker table td.edit-delete div {
				display: flex;
				flex: 1;
				justify-content: center;
				cursor: pointer;
			}

			#bugtracker table td.actions > div:first-child {
				display: flex;
				cursor: pointer;
				justify-content: space-evenly;
				flex: 1;
			}
	
		/************ MODAL WINDOW ************/
		#bugtracker .modal-dialog {
			display: flex;
			justify-content: space-between;
			max-width: 720px;
		}

		#bugtracker .modal-dialog #to-user {
			display: flex;
			flex-direction: column;
		}

		#bugtracker .modal-dialog #comment {
			height: 400px;
			padding: 15px;
			white-space: pre-line;
			border: 1px solid #b5b5b5;
			border-radius: 4px;
			box-shadow: 1px 1px 2px #e0e0e0 inset;
			overflow: auto;
		}

		#bugtracker #comment-modal .modal-footer {
			display: flex;
			justify-content: space-between;
		}

		#bugtracker #comment-modal .modal-footer #actions button {
			display: none;
		}

		#bugtracker .modal-dialog #tasks {
			display: flex;
			justify-content: space-between;
		}

		#bugtracker .modal-dialog #tasks > div {
			margin-right: 10px;
			margin-bottom: 0;
		}

	    #bugtracker #pagination {
		    margin-bottom: 20px;
	    }
        #bugtracker .active {
            background-color: #296cbb;
            color: #fff;
            font-size: 1.25em;
            font-weight: 400;
            border-radius: 7px 7px 0 0;
            box-shadow: 0 -5px 10px 4px #efe9f1;
        }
#bugtracker .tab_main {
    margin-top: 1%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    max-width: 90vw;
    align-content: stretch;
}
#bugtracker .tab_chield {
    font-size: 16px;
    width: 10vw;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-style: solid;
    border-color: #cdcdcd;
    border-width: 1px 1px 0 1px;
    height: 10vh;
    border-radius: 7px 7px 0 0;
    justify-content: space-between;
    flex-wrap: nowrap;
}
#bugtracker .taskCount {
    border-radius: 3px;
    background-color: #72a967;
    width: 60%;
    margin: 10px;
    font-weight: 500;
    color: #fff;
    direction: rtl;
    text-align: center;
    unicode-bidi: plaintext;
    text-overflow: ellipsis;
    padding: 0 12% 0 10%;
}
#bugtracker .tab_name {
    font-size: 17px;
    font-weight: 500;
    padding: 5% 5% 5%;
    line-height: 90%;
}

#bugtracker .taskCount_not_active {
    border-radius: 3px;
    background-color: #72a967;
    width: 60%;
    margin: 10px;
    font-weight: 500;
    color: #fff;
    direction: rtl;
    text-align: center;
    unicode-bidi: plaintext;
    text-overflow: ellipsis;
    padding: 0 12% 0 10%;
}
#bugtracker .taskActionContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
}
#bugtracker .filters {
    display: flex;
    flex-direction: column;
    margin-right: 5%;
    align-items: flex-start;
}
#bugtracker .isSearch {
    background-color: #d3f1c4;
}