html {
/*  height: 100%;
  width: 100%;
  float:right;*/
  /*direction: rtl;*/

}

/*body {
    
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 1.3rem;
}*/

/*header {
  width: 100%;
  height: 40px;
  margin: 0 0 10px 0;
  padding: 0;
  background: #000000;
  color: white;
}

header h1 {
  margin: 0;
  padding: 7px 15px;
  font-size: 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: right;
}*/

/*navigation {
  width: 980px;
  margin: 0;
  padding: 0;
  text-align: center;
}*/

/*navigation ul {
  width: 100%;
  text-align: right;
  list-style: none;
  padding: 15px 15px 0 15px;
  margin: 0;
}*/

/*navigation ul li {
  display: inline;
  margin-right: 1em;
}*/

/*#content {
  
  min-height: 500px;
  padding: 0 1.5% 0 1.5%;
}

footer {
  width: 100%;
  height: 100%;
  margin: 0 0 10px 0;
  padding: 10px 20px;
  background: #0055DD;
  color: white;
}

 Actions 

.actions {
  margin-bottom: 1em;
}*/


/* Lists */

table {
  border-collapse: collapse;
  vertical-align: top;
  margin-bottom: 30px;
}

table.list {
  width: 100%;
}

table.list2 {
  width: 100%;
}

table.list tr td {
  border: 1px solid #999999;
}

table.list2 tr td {
  table-layout: fixed;
  border: 1px solid #999999;
}

table.list tr th {
  background: #000000;
  border: 1px solid #FFFFFF;
  color: white;
  text-align: right;
}

table.list2 tr th {
  table-layout: fixed;
  background: #000000;
  border: 1px solid #FFFFFF;

  color: white;
  text-align: right;
}


.issues_table_id {
  word-wrap: break-word;
  vertical-align: text-top;
  padding:.1em .4em .1em .4em;
  font-size: 18px;

  width: 5%;
}

.issues_table_id_h {
  word-wrap: break-word;
  vertical-align: text-top;
  padding:.1em .4em .1em .4em;
  font-size: 20px;

  width: 5%;
}
/*.issues_table {

  padding:.1em .2em .1em .2em;
  font-size: 18px;
  font-size: .9em;
  vertical-align: text-top;
    word-wrap: break-word;
  word-break: break-all;


}*/

.issues_table_h {
  /*padding:.1em .2em .1em .2em;*/
/*  padding-right: 0 .2em;*/
    padding-right: .2em;
  /*padding:.2em .2em .2em .2em !important;*/
/*  font-size: 20px;*/
  /*font-size: .9em;*/
  vertical-align: text-top;

}

.issues_table_h_l {

  padding:.1em .2em .1em .2em !important;
/*padding: 0 !important;;*/
  font-size: 15px;
  /*font-size: .9em;*/
  vertical-align: text-top;

}

.more_details_table {

  padding:.1em .2em .1em .2em;
  vertical-align: text-top;
  white-space: pre;
}


.discussion_table {
  valign : "bottom";
  padding:.1em .2em .1em .8em;
  white-space: pre;
  width: 1px;
}


.expand {
  width: 99%;
  padding:.1em .4em .1em .4em;

}

/* Forms */
/*
dl {
  clear: both;
  overflow: hidden;
  margin: 0.5em 0;
}*/
/*
dt {
  float: right;
  font-weight: bold;
  min-width: 100px;
  font-size: 18px;
}*/

dt.priority {
  float: right;
  font-weight: bold;
  margin-left: 5px;
}

/*
dd {
  float: right;
  margin-right: 1em;
}*/

#operations {
/*  clear: both;
  margin: 1em 0 1em 75px;*/
}

/* Errors */

.errors {
  display: inline-block;
  border: 2px solid red;
  color: red;
  padding: 1em;
  margin-bottom: 1em;
}

.errors ul {
  margin-bottom: 0;
  padding-right: 1em;
}

/* Session Messages */

#message {
  color: #0055DD;
  background: white;
  border: 2px solid #0055DD;
  padding: 1em 15px;
  margin: 1em 30px;
  width: 890px;
}

.myButton {
	box-shadow: 0px 10px 14px -7px #276873;
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	background-color:#599bb3;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:13px 32px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}

.myButton:hover {
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	background-color:#408c99;
}
.myButton:active {
	position:relative;
	top:1px;
}

.new_response {
    border: 2px solid black;
    margin-bottom: 15px;
    padding: 5px;
}

/*fot the table in issue/index.php*/ 
 .pull-left{
    float: left !important;
}

table.dataTable thead th {
  vertical-align: top;
}

#parent > li {
    display: inline-block;
}

/*
 .btn-primary {
    padding-top: .5%;
    padding-bottom: .5%;

    padding-right: .2%;
    padding-left: .2%;

    margin: 0;
    font-size: 90%;
    width: 5%;
}


*/
.btn-secondary {
    
    /*margin-right:4%;*/
/*    padding: 20% 0;
    padding: 0;
    margin: 0;
    width: 15%;
    font-size: 90%;*/

}

.description {
    font-size:150%;
}


 @media (max-width: 710px) {

/*    .show_title {
      font-size:24px;
      font-weight: bold;
    }*/
    
/*    .btn {
      padding:2px 4px;
      font-size:80%;
      line-height: 1;
    }*/
    /*.link {font-size:80%;}*/ 
    
    .issues_table_h {font-size:80%;}
    
    .issues_table {font-size:80%;}

    .issues_table_id {font-size:80%;}
    
    .show_decription {
           font-size:120%;
           text-decoration-line: underline;
           font-weight: bold;
           margin-bottom: 0;
    }

    .show_decription2 {
        margin-top: 0;
        margin-bottom: 0;
        font-size:120%;
    }
    
    .type_and_section {
        font-size:100%;
        
    }
    
     

}

/*        @media (min-width: 769px) and (max-width: 992px) {*/
        
@media (min-width: 711px) and (max-width: 992px) {
    
/*    .show_title {
      font-size:28px;
      font-weight: bold;

    }*/
    
    .btn {
      padding:4px 9px;
      font-size:90%;
      line-height: 1.2;
    }
    .link {font-size:90%;} 
    
    .issues_table_h {font-size:90%;} 
    
    .issues_table {font-size:90%;}
    
    .issues_table_id {font-size:80%;}

    .description {font-size:135%;}

    .show_decription {
        text-decoration-line: underline;
        font-weight: bold;
        margin-bottom: 0;
        font-size:135%;

    }

    .show_decription2 {
        margin-top: 0;
        margin-bottom: 0;
        font-size:135%;
    }
    
    .type_and_section {
        font-size:110%;
    }
    
   
    
    
}

@media (min-width: 993px) {
    
/*    .show_title {
      font-size:32px;
      font-weight: bold;

    }*/
    .btn {
/*      padding:4px 9px;
      font-size:90%;
      line-height: 1.2;*/
    }
    .link {font-size:90%;} 
    
    .issues_table_h {font-size:90%;} 
    
    .issues_table {font-size:90%;}
    
    .issues_table_id {font-size:80%;}

    .description {font-size:120%;}


    .show_decription {
        font-size:150%;
        text-decoration-line: underline;
        font-weight: bold;
/*        margin-top: 5px;*/

        /*margin-bottom: 5px;*/

    }


    .show_decription2 {
        margin-top: 15px;
/*        margin-bottom: 15px;*/
        font-size:150%;
    }
    
    .type_and_section {
        font-size:120%;
    }
    

    .list.list_show {
        width:50%;
    }
    
    .list.list_show2 {
        width:80%;
    }
    

}

.show_decription {
    margin-top: 0;
    margin-bottom: 0;
}


.show_decription2 {
    margin-top: .2em;
    margin-bottom: .2em;
}

#h {
    margin-top: 0;
    margin-bottom : 0;
}

.type_and_section {
    margin-bottom: 0;
        
}

/*
div.dataTables_length {
    float: left;
}*/

div.dataTables_filter {
    float: right;
}
/*
*/
div.dataTables_info {
    float: right;
}

div.dataTables_paginate {
    float: right;
}

div.DTTT {
    float: left;
    margin-right: 50px;
}

div.buttons {
    clear: both;
}


/*.big{
	font-size: 50px;
}

@supports (zoom:2) {
	input[type="radio"],  input[type=checkbox]{
	zoom: 2;
	}
}
@supports not (zoom:2) {
	input[type="radio"],  input[type=checkbox]{
		transform: scale(1.5);
		margin-right: 10px;
                margin-left: 10px;

	}
}
label{
   fix vertical align issues 
    display: inline-block;
    vertical-align: top;
    font-weight: bold;

}

.largerCheckbox {
    margin-right: 0.3rem;
    margin-left: 0.2rem;
    margin-right: 0.3rem;

}*/

.largerCheckbox {
    margin-right: 0.7rem;
    margin-left: 0.3rem;

}



/*input[type="text"] {
    width: 100px;
    display: block;
    height: 30px;
    padding: 2px;
    border: solid 1px gray;
    font-size:18px;
    line-height:15px;
    border-radius: 3px;
}*/
/*
.login {
    width: 200px;
    display: block;
    height: 30px;
    padding-right: 10px;
    padding-left: 10px;
    font-weight: bold;

    border: solid 1px gray;
    font-size:20px;
    line-height:15px;
    border-radius: 3px;
}*/
/*select[name="type"] {
    width: 200px;
    width: 70%;

    display: block;
    height: 30px;
    padding: 2px;
    border: solid 1px gray;
    font-size:18px;
    line-height:15px;
    background-color: #f8f9fa;;

    border-radius: 3px;
}

select[name="unit_priority"] {
    background-color: #f8f9fa;;
    display: block;
    height: 30px;
    padding: 2px;
    border: solid 1px gray;
    font-size:18px;
    line-height:15px;
    border-radius: 3px;
}*/

#chooseFile{
     width: 100px;
    display: block;
    height: 30px;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    background-color: #f8f9fa;;
    border: solid 1px gray;
    font-size:18px;
    line-height:15px;
    border-radius: 3px;
}


input[type=submit] {
/*    width: 300px;
    display: block;
    height: 30px;
    padding-right: 10px;
    padding-left: 10px;
    font-weight: bold;

    border: solid 1px gray;
    font-size:20px;
    line-height:15px;
    border-radius: 3px;*/
}




.departmentPick{
    font-weight: bold;
    margin-left: 20px;
}

.checkbox-lg .custom-control-label::before, 
.checkbox-lg .custom-control-label::after {
  top: .8rem;
  width: 1.55rem;
  height: 1.55rem;
}

.checkbox-lg .custom-control-label {
  padding-top: 13px;
  padding-left: 6px;
}


.checkbox-xl .custom-control-label::before, 
.checkbox-xl .custom-control-label::after {
  top: 1.2rem;
  width: 1.85rem;
  height: 1.85rem;
}

.checkbox-xl .custom-control-label {
  padding-top: 23px;
  padding-left: 10px;
}

.mycheckbox{
  margin-top:5px;
  margin-left:5px;
}
.mycheckboxdiv{
   text-align:right;
}

/*#dropContainer {
    padding: 30px;
    font-size: 24px;
    border: 2px dashed;
    margin-bottom:10px;
}*/

.is-dragover {
  background-color: #e6ecef;
background-image: none;
}

/*.target {
  padding: 20px;
  font-size: 24px;
  border: solid 1px #aaa;
  min-height: 200px;
  hight: 200px;
  min-width: 250px;
  width: 250px;
  margin-bottom: 5px;
  border-radius: 5px;
  cursor: pointer;
  transition: 300ms all;
  position: relative;
}*/

.target {
  font-size: 24px;
  /*padding: 20px;*/
  /*margin-bottom: 7px;*/
  border: solid 1px #aaa;
  min-height: 170px;
  min-width: 200px;

  /*width: 30%;*/
  /*margin-top: 1em;*/
  border-radius: 5px;
  cursor: pointer;
  transition: 300ms all;
}

.contain {
    background-size: cover;
  position: relative;
  z-index: 10;
  top: 0px;
  left: 0px;
}

/*textarea {
  background-color: white;
}*/
  
  
#dropContainer.active {
  box-shadow: 0px 0px 10px 10px rgba(0,0,255,.4);
}

.selected{
    background-color: #e6f9ff;
}


.dot {
      height: 8px;
      width: 8px;
      background-color: #9ae7ff;
      border-radius: 50%;
      display: inline-block;
      margin-right: 2px;
}