
/* SmartRegister History Start */
.history-modal .search-head{
  padding: 15px 24px 15px;
}
.history-modal .search-head input[type="search"]{
  width: 100%;
  border-radius: 2px;
  color: #333;
  height: 36px;
  padding-left: 30px;
  font-size: 14px;
  font-weight: 400;
  padding-right: 30px;
}
.history-modal .search-head input[type="search"]::placeholder {
  font-weight: 400;
  color: #aaa;
}
.search-head .fa-search{
  position: absolute;
  left: 10px;top:8px;opacity:.6;
}
.search-head .fa-search + label{
  border: 0.5px solid #d9d9d9;
  height: 18px;
  position: absolute;
  left: 28px;
  top: 7px;
}
.historysearch-close{
  position: absolute;
  bottom: 11px;
  right: 12px;
  font-size: 12px;
  color: #888;
  width:10px;
  cursor: pointer;
}
.bottom-8 {
  bottom: 8px;
}
.history-filter{
  border-top:2px solid #EC7F39 !important;
  color:#EC7F39;    background-color: #f9f9f9;
    border: 0px;
    padding: 5px 10px;
    border-radius: 3px;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    height: 32px;position: relative;
    top: 2px;
}
.history-filter.collapsed{
  border-top:2px solid #f9f9f9 !important;
  background-color: #f9f9f9;
  border: 0px;
  padding: 5px 10px;
  border-radius: 3px;
  height: 32px;
  color:#333;
  position: relative;
  top: 2px;
}
.history-filter img{
  position: relative;
  bottom: 2px;
}
.history-filter span{
  font-size: 13px;
  padding-left: 5px;
}
.history-recordetails{
  padding: 2px 15px;
  border-radius: 20px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  margin-right: 10px;margin-top:5px;
}
.history-modal .modal-body{
  max-height:605px;
}
.history-export{
  background-color: #EC7F39;
}
.history-reset{
  background-color: #ED3744;float:left;
}
.history-table .history-recordetails + p{
  display: contents;
}
.history-table{
	border-top: 1px solid #f0f0f0;
}
.history-table tbody tr:nth-child(even){
  background-color:#f9f9f9 !important;
}
.history-table tbody tr:nth-child(odd){
  background-color:#fff !important;
}
.history-note{
  color:#ED3744;font-weight: 600;
}
.history-modal .modal-dialog{
  width:85% !important;position: absolute;
}
.history-modal{
  min-width:80%;max-width:80%;background-color:transparent;
}
.m-r20p{
	margin-right:20%;
}
.history-modal .modal-content{
  right: 0;
  position: absolute;
}
.history-modal .modal-content table p{
  padding:0px;font-size: 11px;
  text-align: left;line-height: 16px;margin-bottom: 0px;
}
.history-table thead th{
	padding:15px 24px !important;
}
.history-table thead th:nth-child(1){
  width:16%;
  padding-left: 24px !important;
}
.history-table thead th:nth-child(2){
  width:20%;
}
.history-table thead th:nth-child(3){
  width:35%;
}
.history-table thead th:nth-child(4){
  width:13%;
}
.history-table thead th:nth-child(5){
  width:16%;
}
.history-scroll tbody td:nth-child(1){
  width: 16%;
}
.history-scroll tbody td:nth-child(2){
  width: 20%;
}
.history-scroll tbody td:nth-child(3){
  width: 35%;
}
.history-scroll tbody td:nth-child(4){
  width: 13%;
}
.history-scroll tbody td:nth-child(5){
  width: 16%;
}
.history-modal .table>tbody>tr .history-scroll td:last-child{
  border-right:0px solid #d9d9d9;
}
.history-scroll > table > tbody > tr > td{
  padding:0px !important;
}
.aside.history-modal{
  overflow:hidden;
}
.history-modal .table>tbody>tr .history-scroll td{
  font-size:12px;vertical-align: middle;font-weight:600;border-top: 0px solid #f4f4f4;padding:20px 24px;border-right: 0px dotted #d9d9d9;border-bottom: 0px solid #ebebeb;word-break: break-word;
}
.history-modal .table>tbody>tr .history-scroll td:nth-child(3){
  border-right:0px solid #d9d9d9;
}
.history-modal .table>tbody>tr .history-scroll .history-body td table td{
	border-bottom: 1px solid #f0f0f0;
}
.history-table .revert {
  color:#0696d7;
  text-decoration: none;
  padding-left:2px;
  cursor: pointer;
}
.history-table .reverted {
  /* color:#EC7F39; */
  padding-left:2px;
  opacity: 0.5;
  cursor: not-allowed;
  text-decoration: none;
}
.history-table .fa-chevron-circle-down{
  position: relative;
  top: 1px;
  left: 2px;
}
.history-daterange .input-group-btn{
  position: absolute;
  top: 5px;
  right: 40px;
  border: 0px;
}
.history-daterange .input-group-btn .btn-default{
  border: 0px;
  padding: 2px;
  position: relative;
  top: 25px;
}
.history-daterange input[type="date"],.history-daterange select{
  width:100%;height:28px !important;color: #2582c3!important;
}
.history-daterange .grey{
  color: #8f9090;
  font-weight: normal;
}
.history-daterange .create-icon.applyfilter{
  width: 18px;
  position: relative;
  right: 5px;
  bottom: 1px;
}
.underline{
  text-decoration: underline;
}
.org{
  color:#EC7F39;
}
.history-green{
  color:#4cae4c;
}
.history-header h4{
  font-size: 24px;
  font-weight: 400;
  padding-top: 0px;
  position: relative;
  left: 0px;
}
.history-icon{
  float: left;
  width: 26px;
  padding-top: 3px;
}
.search-head .nav-pills>li{
  width: auto; padding: 0px 0px; background-color: #fff;
  border-right: 0px solid #d9d9d9;
  margin-left:0px;
}
.search-head .nav-pills>li:last-child{
  border-right: 1px solid #d9d9d9;
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
  margin-right:0px;
}
.search-head .nav-pills>li a{
  font-size: 12px;
  font-weight: normal;
}
.search-head .submittal{
  position: relative;
  border: 0px;
  top: 6px;
  left: 10px;
  font-size: 12px;
  font-weight: 600;
}
.search-head .nav-pills{
  display: inline-block;
  float: right;
  cursor: pointer;
}
.search-head .common-checkbox-container{
  position: relative;
  top: 3px;
  left: 13px;height: 25px;
}
.history-table th{
  padding: 15px 15px !important;
  color: #000 !important;
  border-right: 0px dotted #d9d9d9 !important;
  background-color: #fff !important;
  font-weight:700;
  font-size:13px;
  opacity:1;
}
.history-table th:nth-child(3){
  border-right:0px !important;
}
.history-header{
  padding: 16px 24px !important;
}
.history-header .close{
  background-color: transparent;padding: 0px 8px !important;
}
.history-table tbody{
  border-top: 0px solid #d9d9d9; overflow: auto; left: 0px;
    right: 0px;
}
.hostory-common-check{
  position: relative;
  left: 12px;
  top: 4px;
}
.search-head input:checked{
  border: solid 2px #2196F3;
}
.search-head input:checked~.checkmark {
  border: solid 1px #0696d7 !important;
  background-color: #0696d7;
}
.search-head .checkmark:after {
    left: 4px;
    top: 0px;
    width: 6px;
    height: 11px;
    border: solid #2196F3;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display:none;
}
.search-head .nav-pills li{
  font-size: 12px;
  font-weight: normal;
  margin-right:10px;
  border: 1px solid #bbb;
  border-radius:2px;
    height: 32px;
}
.search-head .nav-pills li.active{
  background-color: #337ab7;border-radius: 4px;
}
.search-head .nav-pills li.active,.search-head .nav-pills li:hover,.search-head .nav-pills>li:hover,.search-head .nav-pills li:active{
  color: #333;
  background-color: #fff;border: 1px solid #0696d7;
    height: 32px;
    border-radius: 2px;
}
.search-head .nav-pills li.active a.nav-link, .search-head .nav-pills li:hover a.nav-link, .search-head .nav-pills>li:hover a.nav-link, .search-head .nav-pills li:active a.nav-link{
	color:#0696d7;
}
.search-head .nav-pills li.active a:hover{
	background-color:#fff;
	color:#0696d7;
}
.search-head .nav>li>a{
  padding: 6px 8px 9px 6px;
  color: #333;
  background-color: #fff;
  height: 30px;
  border-color: #fff;
  font-weight:600;
}
.history-table tbody td p{
  margin-bottom:0px;
  /*width:600px;*/
}
.exportDropdown .btn.btn-demo{
  padding: 5px 12px;
  font-size: 12px;
  height: 30px;
  position: relative;
  bottom: 1px;
}
.pointer{
  cursor:pointer;
}
.smart-serial-number {
  cursor: pointer;
  text-decoration: underline;
}
.history-table .popover {
  max-height: 250px;
  overflow-y: auto;
}
.text-highlighted-yellow {
  background: #D3E9F5 !important;
}
 
.noHistoryFound .contents {
  color: #3c3c3c;
  margin: 12px 0;
  font-size: 16px;
  line-height: 25px;
  font-weight:500;
}
.aside-open.aside-with-am-fade-and-slide-right{
  overflow: hidden;
}
.aside-body.history-empty-scroll {
  height: calc(100vh - 100px);
  overflow: hidden;
}
.aside.history-modal .loader div .history-loader {
  margin: 0;
  -webkit-animation: spin .6s linear infinite;
  animation: spin .6s linear infinite;
}
.history-scroll{
  height: calc(100vh - 285px);
  overflow: auto;
  border-top: 1px solid #f0f0f0;
}
#history-viewdetails + .popover{
  left:0px !important;
  padding:0px !important;
  width:96%;
  margin-left:2%;border: 1px solid #ebebeb;
}
#history-viewdetails + .popover .popover-content {
  padding: 0px;
}
#history-viewdetails + .popover.bottom>.arrow{
  left: 83%;
}
#history-viewdetails + .popover .popover-content tbody td{
  border-bottom: 1px solid #ebebeb;
}
.reviewdetails > thead{
	border-bottom: 1px solid #f0f0f0;
}
.popover-content .yellowBackground {
    background-color: #fdf8db !important;
}
.aside-open.aside-with-am-fade-and-slide-right .modal{
  z-index: 9999 !important;
}
.aside-open.aside-with-am-fade-and-slide-right .modal-backdrop{
  z-index: 9998 !important;
}
.history-modal .history-scroll td a{
  text-decoration: none !important;
  font-weight:500;
  color: #0696d7;
}
.noHistoryFound{
  position: relative;
  height: calc(100vh - 110px);
  top:40px;
  text-align: center;
}
.history-search{
	position: absolute;
	display: contents;
    top: 10px;
    left: 10px;
    opacity:.5;
    width:17px;
}
.history-search-icon{
	position: absolute;
    top: 10px;
    left: 10px;
    opacity:.5;
    width:17px;
}
.noHistoryFound > div{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 50%;
  height: 30%;
  margin: auto;
}
.bold{
  font-weight: bold;
}
.green-color{
  color:#4cae4c;
}
.orange-color{
  color:#EC7F39;
}
.history-scroll .popover.top>.arrow{
  display:none;
}
.aside.history-modal .loader {
  display: flex;
  align-items: center;
  justify-content: center;
}
.aside.history-modal .loader div {
  top: auto;
  left: auto;
  width: auto;
}
.aside .aside-dialog .aside-header .close{
  opacity:1;
}
.pos-b40{
  position:relative;
  bottom:40px;
}
.smart-serial-number:hover{
  color:#337ab7;
}

.withscroll{
  width:16% !important;
}
.history-modal .checkmark{
  height: 16px;
  width: 16px;
  margin-top: 4px;
  border: 1px solid #d7d7d7 !important;
}
.history-body > tbody > tr > td{
  padding:0px !important;
}
.reviewdetails{
  margin: 0px auto;
  border: 1px solid #ebebeb;
  border-bottom: 1px solid #d0d0d0;
  box-shadow: 0 7px 5px -2px #ccc;
  margin-bottom: 5px !important;
  border-radius: 8px !important;
}
.reviewdetails .yellowBackground {
    background-color: #fdf8db !important;
}
.reviewdetails thead th:nth-child(1){
  width:20% !important;
}
.reviewdetails thead th:nth-child(2){
  width:40% !important;
}
.reviewdetails thead th:nth-child(3){
  width:40% !important;
}
.reviewscroll td:nth-child(1){
  width:20% !important;
}
.reviewscroll td:nth-child(2){
  width:40% !important;
}
.reviewscroll td:nth-child(3){
  width:39% !important;
}
.withreviewscroll{
  width:39% !important;
}
.reviewdetails tbody tr:nth-child(even) {
    background-color: #fff !important;
}
.reviewscroll .table tbody tr td{
  padding:8px 15px !important;
  background-color: #fff;
}
.reviewscroll{
  max-height: 250px;
  overflow: auto;
  display: block;
  width: 100%;
}
.reviewscroll table tbody td{
  vertical-align: top !important;
}
/*.reviewarrow:before{
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11px 11px;
  content: " ";
  top:-4px;
  left: 86.2% !important;
  border-bottom-color: #fff;
  border-right: transparent;
  background: 0 0;
  transform: rotate(-133deg);
  box-shadow: 1px 1px 1px rgba(181,170,170,.88);
}*/
.reviewarrow > div > span:nth-child(1){
  position: absolute;
  top: -10px;
  right: 9%;
  display: inline-block;
  border-right: 11px solid transparent;
  border-left: 11px solid transparent;
  content: '';
  z-index: 9999999999;
  border-bottom: 11px solid #ccc;
  border-bottom-color: #d4d4d4;
}
.reviewarrow > div > span:nth-child(2){
  position: absolute;
    top: -9px;
    right: 9%;
    display: inline-block;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    content: '';
    z-index: 9999999999;
    border-bottom: 10px solid #ddd;
}
@media only screen and (min-width: 1536px) {
  .reviewarrow > div > span:nth-child(1),
  .reviewarrow > div > span:nth-child(2) {
    right: 10.4%;
  }
}
@media (min-width: 1537px) and (max-width: 1600px) {
  .reviewarrow > div > span:nth-child(1),
  .reviewarrow > div > span:nth-child(2) {
    right: 2%;
  }
}
@media (min-width: 1601px) and (max-width: 1719px) {
  .reviewarrow > div > span:nth-child(1),
  .reviewarrow > div > span:nth-child(2) {
    right: 2.2%;
  }
}

@media (min-width: 1720px) and (max-width: 1800px) {
  .reviewarrow > div > span:nth-child(1),
  .reviewarrow > div > span:nth-child(2) {
    right: 6.2%;
  }
}

@media (min-width: 1801px) and (max-width: 1980px) {
  .reviewarrow > div > span:nth-child(1),
  .reviewarrow > div > span:nth-child(2) {
    right: 6.5%;
  }
}
.reviewarrow > div{
  position: relative;
  right: 10.4%;
}
.handCursor .fa-arrow-circle-down,.handCursor .fa-arrow-circle-up{
  font-size: 13px;
  position: relative;
  top: 0px;
  color: #444;
}

.history-viewdetails .fa-chevron-circle-up{
  position:relative;top:1px;left:2px;
}
table th.view-details-header {
  background-color: #fff !important;
  color: #333 !important;
}
.reverted-action > img{
  opacity:0.5;
}
.access-disabled .revert{
  cursor:not-allowed;
}
.history-footer{
  padding: 16px 2px;
  background: #fff;
  float: left;
  width: 100%;
  border: 0;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.history-download{
  width: 20px;
  float: left;
  margin-top: 1px;
  margin-right: 5px;
}
@media only screen and (min-width:1600px) and (max-width:1980px){
  .history-scroll tbody td:nth-child(2) {
    width: 20%;
  }
  .reviewarrow > div {
    position: relative;
    right: 13.4%;
  }
}
/* SmartRegister History End */
.history-modal.aside.right {
    right: 10%;
    left: 10%;
}
.history-modal.aside.right .aside-dialog{
	max-width: 1150px;
    margin: 0 auto;
}

.history-modal .aside{
    top: 40px
}
.spec-section-log-header{
	height:46px;
}
.history-body .table-last a img{
	filter: invert(0.39) sepia(1) saturate(20) hue-rotate(194.4deg) brightness(1.05);
}
.history-modal-table .yellowBackground {
  border-left: none !important;
}
.history-search input:checked {
    position: relative;
    right: 14px;
    bottom: 5px;
}
.username_hidden{
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 110px;
    display: block;
    float:left;
}
