/* Sass Document */
/* This is to display My Requests button*/
#hideinTablet {
  display: block; }

/*Left side mobile menu dropdown padding*/
.mobielmenupd {
  margin-left: 19px; }

.button_in_header {
  margin-top: -5px; }

.button_in_header_3px {
  margin-top: -3px; }

.position_absolute {
  position: absolute; }

.bulkupload_button {
  margin-top: -5px;
  position: absolute;
  right: 30px; }

.errorcontainer {
  position: fixed;
  top: 60px;
  left: 0px;
  width: 100%;
  z-index: 9999;
  border-radius: 0px; }

/*taging textbox border*/
.pillbox input {
  border: 1px solid #d8dde5;
  width: 100%; }

.dark_line {
  border-top: 1px dashed #bfc3ce; }

/*This is for change color in filters - please put id before this so that only filter pillbox color changes and not of whole project*/
.pillbox li {
  padding: 10px 12px !important;
  font-size: 13px !important;
  color: #545e70;
  border: 1px solid #dde2ee; }

/*This is for change color in filters - please put id before this so that only filter pillbox color changes and not of whole project*/
#forensics_pillbox .pillbox li:after {
  content: "X";
  font-family: FontAwesome;
  font-size: 11px;
  font-weight: normal;
  opacity: 0.6;
  filter: alpha(opacity=60); }

.l_height {
  line-height: 23px; }

/*This is for info icon in access certification screen*/
.padder_infobutton {
  padding: 0 2px !important; }

/*This is for info icon in access certification screen*/
/*This is for the review owners selection screen. feel free to change the name of css class as per your conviences*/
.padder-v-owner-position {
  padding-top: 36px;
  padding-bottom: 35px; }

.padder-v-owner-images {
  padding-top: 19px;
  padding-bottom: 18px; }

/*This is for the review owners selection screen. feel free to change the name of css class as per your conviences*/
.padding-bt {
  padding-bottom: 10px; }

/*should be in Resouces > access frequency scss*/
.button-distribution {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: 15px; }

/*This is for the small tringle that appears in submenu*/
.nav-primary nav > ul > li.active:after {
  content: "\f0d8";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #EBEEF5;
  font-size: 22px;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  top: 30px;
  left: 0;
  right: 0;
  text-align: center; }

.switch span {
  width: 50px;
  height: 25px; }

.switch span:after {
  width: 22px; }

.switch input:checked + span:after {
  left: 26px; }

.margin35 {
  margin-top: 35px; }

.text-rotate {
  /*resource_owners_new_1.html - Vertical Text*/
  /* Safari */
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  writing-mode: lr-tb;
  margin-top: 93px; }

.bt_padding {
  /*resource_owners.html - owner button*/
  padding: 5px 20px; }

.padding_19 {
  padding-left: 19px;
  padding-right: 19px; }

.padding-08 {
  padding: 8px 16px; }

.padding-15 {
  padding: 0px 15px; }

.padding-11 {
  padding: 11px 16px; }

.padding-access-certification {
  padding: 17px 10px; }

@media (max-width: 991px) {
  .padding-access-certification {
    padding: 10px 10px; } }
.padding-08-for-camp {
  padding: 0px 8px 8px 8px; }

.padding-for-camp-goal {
  padding: 37px 0; }

.padding-bottom-3 {
  padding-bottom: 3px; }

.excess-view-actions ul.list-group .list-group-item {
  padding: 0;
  margin-bottom: 2px; }
.excess-view-actions ul.list-group a:link {
  padding: 10px 15px;
  display: block; }
.excess-view-actions ul.list-group a:hover {
  padding: 10px 15px;
  background-color: #4c5566;
  color: #fff;
  display: block; }

.fontawesome-icon-circle {
  font-size: 9px; }

@media (min-width: 920px) and (max-width: 1120px) {
  /* This is to hide My Requests button for the above media query*/
  #hideinTablet {
    display: none !important; } }
/*should be in permissions scss*/
.permission-tree {
  width: 45px;
  float: left;
  height: 100%; }

.permission-main-box {
  width: calc(100% - 45px);
  float: right; }

.permission-menu-sidebar {
  /*Side bar in permission screen*/
  width: 200px;
  float: left; }

.permission-content {
  /*content in permission screen*/
  width: calc(100% - 200px);
  float: right; }

.margin-top-4 {
  /*Search box in permission single view*/
  margin-top: 4px; }

.button-simpleview {
  position: absolute;
  top: 50%;
  margin-top: -24px;
  right: 15px; }

@media (max-width: 600px) {
  .permission-menu-sidebar {
    display: none; }

  .permission-content {
    width: 100%;
    float: none; }

  .permissiontype-menu {
    display: block; } }
@media (min-width: 601px) and (max-width: 2000px) {
  .permissiontype-menu {
    display: none !important; } }
/*Icon in New Access Request Screen*/
.icon-circle {
  width: 72px;
  height: 72px;
  background-color: #ebeef5;
  border-radius: 100px;
  margin: auto;
  margin-top: 6px;
  margin-bottom: 6px; }

.icon-sharepoint {
  width: 55%;
  margin-top: 18px; }

@media (min-width: 1200px) {
  .pull-lg-right {
    float: right; } }
#goalsShowStatus .panel-heading .nav-tabs > li.active > a {
  color: #ffffff;
  background: #2ba4c7;
  border: 0px solid #dde2ee;
  border-radius: 3px 4px 0px 0px; }
#goalsShowStatus .panel-heading .nav-tabs > li {
  border: 1px solid #dde2ee;
  border-radius: 3px 4px 0px 0px; }

#showdetailspanel .panel-heading .nav-tabs > li.active > a {
  color: #ffffff;
  background: #2ba4c7;
  border: 0px solid #dde2ee;
  border-radius: 3px 4px 0px 0px; }
#showdetailspanel .panel-heading .nav-tabs > li {
  border: 1px solid #dde2ee;
  border-radius: 3px 4px 0px 0px; }
#showdetailspanel .nav > li {
  border-top: 0px solid #000;
  border-bottom: 0px solid #000; }
#showdetailspanel .nav > li > a {
  padding: 5px 10px; }

#goalCurrentresult .padder-v-owner-position {
  padding-top: 23px;
  padding-bottom: 23px; }
#goalCurrentresult .padder-v-owner-images {
  padding-top: 9px; }

#dashboard_mytask .list-group-item {
  border-left: 0px solid #FFFFFF;
  border-right: 0px solid #FFFFFF;
  padding: 20px 15px; }
#dashboard_mytask .list-group-item:first-child {
  border-top: 0px solid #FFFFFF; }
#dashboard_mytask .list-group-item:last-child {
  border-bottom: 0px solid #FFFFFF; }

.lb_numbering {
  width: 100px;
  text-align: center;
  line-height: 73px; }

.lb_numbering_lineheight_admin {
  line-height: 85px !important; }

.m-t-15 {
  margin-top: 15px; }

.ranking-pd {
  padding: 12px 10px; }

.m-t-25 {
  margin-top: 25px; }

#dashboard-chart .easypie-text {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: normal; }
#dashboard-chart .counter-pd {
  padding-top: 30px; }
#dashboard-chart h4 {
  font-size: 15px; }
#dashboard-chart a {
  display: block; }
#dashboard-chart a:hover {
  background-color: #f3f5f9; }

.carousel-indicators .active {
  background-color: #2ba4c7; }

/*Report Template DropDown*/
.margin-right-dropdown {
  margin-right: 15px !important;
  margin-top: -4px !important;
  color: #FF0000; }

.clock-icon-padding {
  padding: 0px 1px;
  font-size: 15px; }

.line-height-tagging-head {
  line-height: 21px; }

.star-font-size {
  font-size: 19px;
  cursor: pointer; }

#filtertagginglist label {
  font-size: 14px; }
#filtertagginglist .radio-custom > i:before, #filtertagginglist .checkbox-custom > i:before {
  color: #8F98A7; }
#filtertagginglist .padding-checkbox {
  padding: 6px 10px; }
#filtertagginglist .input-box-height {
  height: 29px !important; }

.textbox-month {
  width: 45px;
  text-align: center; }

.margin-left-13 {
  margin-left: 13px; }

.tag-box {
  display: block;
  height: 40px;
  padding: 5px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  margin: 10px 5px 0px 5px; }

.tag-box-mutted {
  color: #c6c6c6;
  /*Mutted text*/
  border: 1px solid #e1e1e1;
  background-color: #f0f0f0;
  cursor: not-allowed; }

.tagging-textbox {
  float: left;
  background-color: #FFFFFF;
  border-radius: 4px;
  border: 0px solid #cccccc;
  font-size: 13px;
  color: #545E70;
  padding: 5px 2px;
  width: 77%;
  /*This need to be changed depending on the popup size*/
  margin-top: 1px; }

.button-space {
  margin-right: 1px; }

#reportTemplatebox .min-height {
  min-height: 274px;
  max-height: 454px; }
#reportTemplatebox .descheight {
  height: 36px; }
@media (min-width: 1199px) and (max-width: 1330px) {
  #reportTemplatebox .descheight {
    height: 56px; }
  #reportTemplatebox .min-height {
    min-height: 275px;
    max-height: 454px; } }

.addPlussign {
  background-color: #ebeef5;
  /*please replace this with varible. its a new color*/
  border-radius: 100px;
  height: 115px;
  width: 115px;
  margin: 10px auto;
  font-size: 122px;
  font-weight: 300;
  color: #a7b4d3;
  line-height: 113px; }

.graphpadding {
  padding: 37px 0; }

@media (max-width: 991px) {
  .graphpadding {
    padding: 20px 0; }

  .panel-noboard {
    border-right: 0px solid #000000; } }
.fixedwidth140 {
  width: 140px; }

.m-b-xlg {
  margin-bottom: 40px; }

.m-b-3px {
  margin-bottom: 3px; }

.m-t-3px {
  margin-top: 3px; }

.padder-v-17 {
  padding-top: 17px;
  padding-bottom: 17px; }

.bt-m-top {
  margin-top: -4px; }

.nocross.pillbox li:after {
  content: ""; }

.hidden-text {
  position: absolute;
  height: 300px;
  width: 96%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 1111; }

.switch_in_header {
  margin-top: -3px; }

/*CSS for View Policy Rules*/
.rule_switch .switch span {
  width: 45px;
  height: 22px;
  margin-top: -2px; }
.rule_switch .switch input:checked + span:after {
  left: 23px; }
.rule_switch .switch span:after {
  width: 19px; }

.b-t-n {
  border-top: 0px solid #000000 !important; }

.b-b-n {
  border-bottom: 0px solid #000000 !important; }

.b-l-n {
  border-left: 0px solid #000000 !important; }

/*CSS for View Policy Rules*/
/*CSS for RUles*/
.edit-button-rules {
  margin-top: -26px;
  margin-right: 27px; }

.m-t-xxs-rule {
  margin-top: 2px; }

.slider.slider-horizontal .slider-track {
  height: 8px; }

/*Margin for Schedule*/
.m-l-30 {
  margin-left: 30px; }

.m-r-30 {
  margin-right: 30px; }

/*CSS for RUles*/
.reviewer-top-margin {
  margin-top: 3px; }

#dashboard-chart-tab .nav > li > a {
  padding: 5px 10px;
  width: 167px; }
#dashboard-chart-tab .nav > li:last-child > a {
  width: 35px; }
#dashboard-chart-tab .nav > li:last-child.active {
  background: #FFFFFF !important; }
#dashboard-chart-tab .panel-heading .nav-tabs > li.active > a {
  color: #ffffff;
  background: #2ba4c7;
  border: 0px solid #dde2ee;
  border-radius: 3px 4px 0px 0px; }
#dashboard-chart-tab .panel-heading .nav-tabs > li {
  border: 1px solid #dde2ee;
  border-radius: 3px 4px 0px 0px; }

.customDropdown {
  border: 1px solid #d8dde5;
  border-radius: 3px;
  padding: 2px;
  font-size: 12px;
  color: #545E70; }

.no-list-dot {
  list-style: none;
  margin-left: 5px; }

#forensicsalink a {
  display: block; }
#forensicsalink section:hover {
  background-color: #f3f5f9; }

.tickmarkert:before {
  font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal;
  content: "\f00c";
  margin-left: -13px;
  margin-right: 4px;
  color: #49C873;
  font-size: 10px; }

.filter-bubble-box {
  background-color: #ebeef5;
  /*bg-light - change it to variable*/
  padding: 8px !important;
  font-size: 13px !important;
  color: #545e70;
  border-radius: 3px;
  border: 1px solid #dde2ee;
  float: left;
  margin: 0px 5px 5px 0px; }
  .filter-bubble-box span {
    margin-right: 10px; }
  .filter-bubble-box button {
    margin-left: 3px;
    margin-right: 3px;
    color: rgba(84, 94, 112, 0.5);
    padding: 2px 8px;
    border: 1px solid #c4c9d6; }

.filter-bubble-box.white {
  background-color: #ffffff; }

.circle_alert_icon {
  border-radius: 18px; }

.query_list > li > a {
  padding: 8px 15px;
  font-size: 13px; }

.query_list > li.active {
  background-color: #20b2de; }
  .query_list > li.active a, .query_list > li.active a:link {
    background-color: #20b2de;
    color: #FFF; }
  .query_list > li.active a:hover, .query_list > li.active a:focus {
    color: #FFF; }

.query_list > li .active.hover {
  background-color: #20b2de; }

#datepicker_single {
  position: absolute;
  margin-top: -108px;
  margin-left: 130px;
  float: left;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  z-index: 111111; }

#datepicker {
  position: absolute;
  margin-top: -108px;
  margin-left: -114px;
  float: left;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  z-index: 111111; }

#timepicker {
  position: absolute;
  margin-top: -33px;
  margin-left: 20px;
  width: 378px;
  float: left;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  z-index: 111111; }

.timepicker1 {
  position: absolute;
  margin-top: 1px;
  margin-left: -124px;
  width: 378px;
  float: right;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  z-index: 111111;
  border: 1px solid #d8dde5; }

#timepicker2 {
  position: absolute;
  margin-top: 1px;
  margin-left: -53px;
  width: 378px;
  float: left;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  z-index: 111111;
  border: 1px solid #d8dde5; }

.datepicker_single_2:before {
  top: -7px;
  border-right: 6px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  position: absolute;
  float: left;
  left: 10px; }

.datepicker_single_2:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  position: absolute;
  float: right;
  left: 11px; }

#dd3 {
  width: 377px;
  margin-top: -4px;
  margin-right: 12px; }

#dd1 {
  margin-right: 9px;
  width: 160px;
  margin-top: -4px; }

#dd2 {
  margin-right: 9px;
  width: 160px;
  margin-top: -4px; }

.datepicker_single:before {
  top: -7px;
  border-right: 6px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  position: absolute;
  float: right;
  right: 10px; }

.datepicker_single:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  position: absolute;
  float: right;
  right: 10px; }

.star_delete {
  display: none; }

.star_delete_0 {
  display: none; }

.star_delete_1 {
  display: none; }

.star_delete_2 {
  display: none; }

.star_delete_3 {
  display: none; }

.star_delete_4 {
  display: none; }

.star_delete_5 {
  display: none; }

.star_delete_6 {
  display: none; }

.star_delete_7 {
  display: none; }

.star_delete_8 {
  display: none; }

.star_delete_9 {
  display: none; }

.star_delete_10 {
  display: none; }

.star_delete_11 {
  display: none; }

.star_delete_12 {
  display: none; }
