body.main-body{padding-top: 130px;background: none}
#col3_content {
  padding: 10px 26px 10px 10px;
}
.ui-widget-overlay{z-index: 1032 !important;}
.ui-widget-content {border-color:#f3f5f6;}
#TB_load {z-index: 1033;}
#page_margins {
  max-width: none;
  min-width: none;
}
#main {
  background-image: none !important;
  border: none;
  height: auto;
}
.portal-dashboard .dashboard-section,ul.tab-bar li,.inputarea{
  border: 1px solid #ccc;
}
label {
  width: 12.5em;
}
.text-right{text-align:right;}
.text-left{text-align:left;}
.footer-content .content{
  padding: 15px 0;
}
.footer-content span{
  color:#777
}
.border-bottom{border-bottom: 1px dashed #f3f5f6;}
/*****breadcrumb****/
#breadcrumb {
  border-bottom: 1px solid #f3f5f6;
  margin-bottom: 18px;
  padding-bottom: 8px;
  padding-top: 18px;
  margin-left: 116px;
}
#breadcrumb a {
 color: #4d4d4f;
}
#breadcrumb a:hover {
 color: #b32b1a;
}
#icons{
  float:left;
  position:absolute;
  top:12px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  padding: 7px 7px 7px 10px;
}
/*****panel*****/
.welcome-message {
  padding: 15px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  padding: 15px;
  margin-right: 0px;
  margin-left: 0;
}
.subb {
  border: 1px solid #dddddd;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  padding-right:0px;
}
.subb label { font-weight: bold; }
.c50l .subb,.margin-right-1em{margin-right:1em}
.content{ padding: 15px; min-height: 28px;}
/*******box**********/
.portal-dashboard .dashboard-section {
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
}
.dashboard-section .heading,.subb #error,.subb #heading,.subb .heading {
  color: #ffffff;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding-bottom: 10px;
  padding-top: 10px;
  height: auto;
}
.dashboard-section table{ background-color: inherit;}
fieldset.report-filters,.report-description { border-radius: 3px; }
/****table**/
.fltlft {padding-right: 1em;}
.list_table {
  max-width: 100%;
  width: 100%;
}
.list_table > tr > th,.list_table > thead > tr > th,.list_table > tbody > tr > th{
  padding-top: 2px;
  padding-bottom: 2px;
  vertical-align: bottom;
}
.list_table > tr > td, .list_table > tbody > tr > td{
  border: 1px solid #f3f5f6;
  padding-top: 7px;
  padding-bottom: 7px;
}
.list_table th{
  border-top: 2px solid #54585b;
  border-left:none;
  border-right:none;
}
.list_table th:last-child{
  border-right: 2px solid #54585b ;
}
.list_table th:first-child {
  border-left: 2px solid #54585b ;
}
.list_table > tr > th,.list_table > thead > tr > th,.list_table > tbody > tr > th {
  border-bottom: 2px solid #e75c25 ;
  vertical-align: bottom;
}
.list_table > tbody + tbody {
  border-top: 2px solid #f3f5f6;
}
.list_table .list_table {
  background-color: #fcfcfd;
}
.list_table {
  border: 1px solid #f3f5f6;
  margin-top: 8px;
  margin-bottom: 8px;
}
.list_table > tbody > tr:hover > td {
  background-color: #f3f5f6;
}
.list_table th a:hover{
  background: none;
  color: #f3f5f6 !important;
  text-decoration: underline;
}
.list_table td.action {
  padding: 0;
  min-width: 78px;
}
.fix-width-8{min-width: 8em;}
.clientUnitForm,.list_table .unitScopeSelectAllHeader th,
.list_table .unitScopeSelectAllHeader tr, .list_table .attendance_select_all_header th,
.list_table .attendance_select_all_header tr{
  border: none !important;
}
.list_table .unitScopeSelectAllHeader th:hover,
.list_table .unitScopeSelectAllHeader tr:hover,
.list_table .attendance_select_all_header th:hover,
.list_table .attendance_select_all_header tr:hover{
  background-color: none;
}
.list_table tr.grey{
  background-color: #ddd;
}
table.list_table  td[colspan]{padding:0px;}
.norm_row {padding-right: 1em;}
.no-padding{padding: 0px !important;}
/********menu left***********/
#menu_title {
  border-bottom: 1px solid #f3f5f6;
  margin: 12px 0 18px 15px;
  padding-bottom: 8px;
  background: none;
  color: #4d4d4f;
  text-align: left;
}
#menu_title .btn{
  margin-bottom: 0;
  margin-left: 10px;
  min-width: auto;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 6px;
}
#menu_title .btn .glyphicon{
  font-size: 1em;
  top: 8px;
  margin-right: 8px;
  margin-left: 8px;
}
#menu_subtitle:not(.level2) {
  background: #54585b;
  border-bottom: #dddddd 1px solid;
}
#menu_subtitle:not(.level2) span,
#menu_subtitle:not(.level2) a{
  width: 200px;
  border: none;
  color:#fff;
  padding: 0;
}
#menu_subtitle:not(.level2) a:hover{
  background: #54585b !important;
  text-decoration: underline;
}
#menu_data span{
  width: 200px;
  border: none;
}
#col1 { width: 206px;}
#col1_content { border: none;}
#col3 {
  margin: 0 0 0 230px;
  padding: 0;
}
.menu ul{
  list-style: outside none none;
  margin-bottom: 0;
  padding-left: 0;
}
.menu a{height: auto !important;}
.menu > ul > li {
  display: block;
  position: relative;
  background: transparent;
  height: auto;
}
.menu > ul > li > a,.menu > ul > li > ul > li a {
  display: block;
  padding: 4px 10px 4px 10px;
  position: relative;
  border: none;
  text-decoration: none;
}
.menu li:hover > a {
    background: #eeeeee ;
    color: #b32b1a;
}
.menu > ul > li.disabled > a {
  color: #e24a37 !important;
}
.menu > ul > li.disabled > a:hover, .menu > ul > li.disabled > a:focus {
  background-color: #eeeeee;
  color: #f3f5f6 !important;
  cursor: not-allowed;
  text-decoration: none;
}
.menu li ul {
  background: transparent url("../images/transparent.gif") repeat scroll 0 0;
  left: 199px;
  padding: 30px;
  position: absolute;
  background-clip: padding-box;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  list-style: outside none none;
  margin: 2px 0 0;
  min-width: 200px;
  padding: 5px 0;
  display: inline-block;
  visibility: hidden;
  transition: 0.2s 0.3s;
  -moz-transition-delay: 0.2s 0.3s;
  -webkit-transition: 0.2s 0.3s;
  -o-transition: 0.2s 0.3s;
}
.menu > ul > li > ul{
  height: 1px;
  overflow: hidden;
  opacity:0;
  display: inline-block;
  transition: 0.1s;
  -moz-transition-delay: 0.1s;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
}

.menu .sub ul {
  height: auto;
  top: -1px;
  padding: 0;
  margin: 0;
  border-radius: 3px;
  left: 200px;
  transition: 0.2s 0.3s;
  -moz-transition-delay: 0.2s 0.3s;
  -webkit-transition: 0.2s 0.3s;
  -o-transition: 0.2s 0.3s;
}
#main .menu > ul > li > ul{
  height: 1px;
  display: block;
  transition: 0s;
  -moz-transition-delay: 0s;
  -webkit-transition: 0s;
  -o-transition: 0s;
}

.menu .sub > ul li a {
  width: 180px !important;
}

.menu .sub ul {
  top: -1px;
  padding: 0;
  margin: 0;
  border-radius: 3px;
  left: 200px;
}

.menu .sub > ul li a {
  width: 180px !important;
}

.menu > ul > li:hover > ul {
  visibility: visible;
  height: auto !important;
  transition-delay: 0.4s;
  opacity:1;
  overflow: visible;
   transition: 0.2s 0.3s;
  -moz-transition-delay: 0.2s 0.3s;
  -webkit-transition: 0.2s 0.3s;
  -o-transition: 0.2s 0.3s;
}
.menu li.sub{
  position: relative;
}
.menu li.sub li {
  background-color: transparent;
  float: unset;
  height: auto;
}
#main .menu > ul > li.sub > ul li:not(#heading){
  background-color:#fff;
}
.menu li.sub {
  background: #fff url("../../../images/sub.gif") no-repeat scroll right center;
}
#pmenu li ul li.sub > a:before {
  display: inline-block;
  font-family: 'Glyphicons Regular';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E224";
  top: 6px;
  position: absolute;
  right: 10px;
}
.layout_black #pmenu li ul li.sub > a:before,
.layout_black #pmenu li ul li.sub > a:hover:before {
  color: #000;
}
#pmenu .glyphicons-chevron-down {
  color: #fff;
}
.layout_black #pmenu li:hover > a > .glyphicons{
  color: #000;
}
.menu li.sub li a{ width: 177px;}
.menu #heading{
  width: auto;
  height: auto !important;
}
/*************** menu bar ***************/
#header {
  border-bottom: 3px solid #e75c25;
  background-color: #4d4d4f;
  top: 0;
  border-radius: 0;
  left: 0;
  position: fixed;
  right: 0;
  transform: translate3d(0px, 0px, 0px);
  z-index: 1030;
  margin-bottom: 18px;
  min-height: 50px;
}
#logo{
  float: left;
  height: 80px;
  line-height: 18px;
  padding-left: 20px;
  min-width: 40%;
}
#logo a{
  display: table-cell;
  height: 90px;
  vertical-align: middle;
}
#logo img{
  max-height: 90px;
}
#header .top-left,#header .top-right,#header .bottom-left,#header .bottom-right{display: none;}
#header .inside{background: transparent;padding-top: 13px;border: none;color: #fff;}
#header .inside a{
  color: #fff;
  text-decoration: underline;
}
.fix-top-image img{margin-top: -6px;}
#header .inside a:hover{
  text-decoration: none;
  color: #b32b1a;
}
   /*************** scrolling-nav ***************/
body{
  -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
  -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
  transition: background .5s ease-in-out,padding .5s ease-in-out;
}
#header{
  -webkit-transition: background .3s ease-in-out,min-height .3s ease-in-out;
  -moz-transition: background .3s ease-in-out,min-height .3s ease-in-out;
  transition: background .3s ease-in-out,min-height .3s ease-in-out;
  min-height: 128px;
}
.top-nav-collapse #logo,
.top-nav-collapse .sign-box{display: none;}
.top-nav-collapse .search-box{
  position: absolute;
  right: 0;
  margin-right: 5px;
  z-index: 5000;
}
#header.top-nav-collapse{padding-top: 0;min-height:50px;}
.content-collapse{
  background: none !important;
  padding-top: 116px;
}
   /*************** end scrolling-nav ***************/
/***********************calendar***********************/
.jColorSelect{width: auto !important;}
.ul-calendar{padding-left: 0;margin-bottom: 5px;}
.ul-calendar,.ul-calendar li{float: left;list-style: none;margin:0px;}
.calendar_navigate{
  vertical-align: middle;
  height: 28px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  line-height: 1.2;
  border-radius: 0;
  padding: 7px;
  display: inline-block;
  height: 16px;
  cursor: pointer;
  padding-bottom: 5px;
  padding-top: 7px;
}
.previous,.next{
  background-color: #006dcc;
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.previous,.day{
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-right:none;
}
.previous:hover,.next:hover{
  background-color: #0044cc;
  background-image: linear-gradient(to bottom, #0044cc, #0044cc);
  color: #ffffff;
}
.next,.all{
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-left:none;
}
.series{border-radius: 4px;}
.day,.week,.month,.all,.series {
  background-color: #faa732;
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.day:hover,.week:hover,.month:hover,.all:hover,.series:hover,
.day:focus,.week:focus,.month:focus,.all:focus,.series:focus{
  background-color: #f89406;
  color: #ffffff;
  background-image: linear-gradient(to bottom, #f89406, #f89406);
}
.calendar_contents,.calendar_label{
  border: 1px solid #e1e1e1 !important;
}
.calendar_label{
  background-color: #f3f5f6 !important;
  font-weight: bold;
  color: #333333 !important;
}
.calendar_contents {
  background-color: #fff !important;
  color: #fff !important;
}
.calendar_contents:hover {
  color: #bbbbbb !important;
}
.calendar_day {
  background-color: #f3f5f6 !important;
  border: 1px solid #e1e1e1 !important;
  font-size: 1em !important;
}
.ui-selected {
  background: #727ea3 none repeat scroll 0 0 !important;
  color: #fff !important;
}
.ui-selecting {
  border: 1px solid #e3bc08 !important;
  background-color: #fdf1ba !important;
  color: #0088cc !important;
}
/*************** end menu bar ***************/
.subb label {
  margin-bottom: 0;
}
.link_btn,
input[type="number"],
input[type="text"],
input[type="password"],
input[type="url"],
select,
textarea,
input[type="submit"],
input[type="button"],
button[type="button"],
button[type="submit"]{
  display: inline-block;
  vertical-align: middle;
  height: 28px;
  padding: 0px 8px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #4d4d4f;
  margin-bottom: 10px;
  line-height: 1.2;
}
textarea{
  height: auto;
  padding: 8px;
  font-family: "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
}
input.lookup{
  border-color: #95e100;
}
input.search_input{
  border-color: #f90;
}
.popup-event {background: none;}
.popup-event input[type="text"],
.popup-event select,
.popup-event input[type="submit"],
.popup-event input[type="button"],
.popup-event button[type="button"],
.popup-event button[type="submit"] {
  height: 25px !important;
  font-size: 12px !important;
}
.popup-event .content-left {
  vertical-align: top;
}
.popup-event .content-left label.short_label {
  width:8em;
}
#TB_iframeContent .subb{margin-right: 5px;}
#event_description {font-family: "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif}
.popup-timtable input[type="text"]:not(.lookup){
  height: 15px !important;
  font-size: 12px;
}
#event_equipment .glyphicon-minus-sign,
#tasks .glyphicon-minus-sign{font-size: 16px;}
#tasks .glyphicon-minus-sign{top: -5px;}
select {
  padding: 0px 25px 0px 5px;
  margin-bottom: 10px;
  min-width: 75px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20fill%3D%22%23555555%22%20%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%22-261%20145.2%2024%2024%22%20style%3D%22enable-background%3Anew%20-261%20145.2%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M-245.3%2C156.1l-3.6-6.5l-3.7%2C6.5%20M-252.7%2C159l3.7%2C6.5l3.6-6.5%22%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-appearance:none;
  -moz-appearance:none;
  -o-appearance:none;
}
select::-ms-expand {
  display: none;
}
option{
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}
.lookup {
  padding: 0 5px;
}
button, select {
  text-transform: none;
}
select[multiple], select[size] {
  height: auto;
}
input[type="submit"], input[type="button"],button[type="button"],
button[type="submit"] {
  min-width: 4em;
  cursor: pointer;
  height: 30px;
}
input[type="submit"]:hover, input[type="button"]:hover,button[type="button"]:hover,
button[type="submit"] {
  border-color: #adadad;
  color: #333;
}
.previous:hover,.next:hover{
  background-color: #0044cc;
  color: #ffffff;
}
table thead tr th.selectAll #apply_all_input_button button{
  height: 30px !important;
}
input[type="file"]{
  border: none;
  padding-left: 0;
  box-shadow: none;
}
input[type="radio"],input[type="checkbox"] {
  background: none;
  height: auto;
  margin-top: 2px;
  margin-bottom: 10px;
}
input:focus, select:focus, textarea:focus {
  border-color: #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  outline: 0 none;
}
.select2.select2-container *:focus, .btn-group, .btn-group *:focus{
  box-shadow: none !important;
  outline: 0 none !important;
}
input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
  color: #999;
  opacity: 1;
}

/*Change text in autofill textbox .disabled_swap_field*/
.disabled_swap_field:-webkit-autofill,
.disabled_swap_field:-webkit-autofill:hover,
.disabled_swap_field:-webkit-autofill:focus,
.disabled_swap_field:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

.disabled_swap_field:-webkit-autofill{
  -webkit-text-fill-color: #4d4d4f;
}

.disabled_swap_field.btn-icon{
  border: none;
  background: none;
}

.disabled_swap_field {
  margin-bottom: 3px;
}

input.disabled,
.readonly input,
.readonly select,
.readonly .select2-selection,
label[disabled],
label[disabled]:hover,
label[disabled] > input,
label[disabled]:hover > input,
input[disabled],
input[disabled]:hover,
input[readonly],
select[disabled],
select[readonly],
textarea[disabled],
textarea[readonly]{
  background-color: #f0f0f0;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.65;
}
.readonly input,
.readonly select,
.readonly .select2-selection {
  pointer-events: none;
}
.row input[type="radio"],.row  input[type="checkbox"],
.content input[type="radio"],.content  input[type="checkbox"]
{margin-top: 2px !important;}
th > input[type="radio"],th > input[type="checkbox"] {margin-top:0px;margin-bottom: 4px;}
td > input[type="radio"],td > input[type="checkbox"],
#heading > input[type="radio"],#heading > input[type="checkbox"],
tr.fields input ,
#schemes input,
#match-all-filters input,#match-all-filters select{
  margin-bottom: 0;
  margin-top: 0px;
}
.multiSelect,input[readonly].multiSelect {
  background-color: #fff;
  opacity: 1;
}
.multiple_emails-container input[type="text"] {
  margin: 10px 5px;
  width: 93%;
}
.adv br {clear:both;}
.adv input[type="radio"],.adv  input[type="checkbox"] {margin-top: 4px;}
.inside input, .inside select,
.unit_hide input,.unit_hide select,
.colspan input,.colspan select,
.input_remove_margin input,.input_remove_margin select,
td:not(.content-left) input[type="text"],td:not(.content-left) select
 {
  margin-bottom: 0px;
  margin-top: 0px;
}
.long_label {
  float:left; width:12.5em; border: solid 0px black; margin:0px; padding:0px; color:#666;
}
.row label {
  width: 10.5em;
}
.addressForm .addressStatus, .addressForm .existingAddress, .addressForm .entryModeLink {
  margin-left: 10.5em;
}
#header select[name="rto_id"] {
    width: 156px;
}
.nogap.sign{padding-top: 5px;}
.search-box{float:right;margin-right: 37px;}
.sign-box{float:right;margin-right: 32px;}
#nav {
  padding-top: 10px;
}
  /****menu top*****/
#menu {
  margin: 5px 10px 0px 6px;
  border: none;
}
#menu li.space{padding: 5px;}
#pmenu > li > a {
  padding: 10px 10px;
  line-height: 12px;
  display: block;
  position: relative;
  list-style: outside none none;
  border: none;
  background-color: #4d4d4f;
  width: auto;
}
#pmenu > li > a:hover {
  background-color: #272728;
}
.pmenu li ul,
#pmenu li ul{
  min-width: 100%;
  visibility: hidden;
  position: absolute;
  display: inline-block;
  transition: 0.2s 0.3s;
  -moz-transition-delay: 0.2s 0.3s;
  -webkit-transition: 0.2s 0.3s;
  -o-transition: 0.2s 0.3s;
}
#pmenu li.enter-pressed > a + ul,
#pmenu > li:hover > ul {
  background-color: #272728;
  transition-delay: 0.4s;
  visibility: visible;
}
#pmenu > li:hover > a{
  background-color: rgba(0, 0, 0, 0.75);
}
.pmenu > li ul,
#pmenu > li ul {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  /* border-radius: 4px; */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  list-style: outside none none;
  text-align: left;
  z-index: 100;
}

.pmenu li ul li a,
#pmenu li ul li a {
  background: #fff;
  clear: both;
  display: block;
  font-weight: normal;
  line-height: 1.42857;
  padding: 5px 10px 3px 10px;
  border: 0;
  white-space: nowrap;
}
#pmenu li ul li:hover > a,
#pmenu li ul li a:hover {
  opacity: 0.4;
}
.pmenu > li > ul > li ul,
#pmenu > li > ul > li ul{
  z-index: 1000;
  visibility: hidden;
  position: absolute;
  top:0;
  transition: 0.2s 0.2s;
  -moz-transition-delay: 0.2s 0.2s;
  -webkit-transition: 0.2s 0.2s;
  -o-transition: 0.2s 0.2s;
}
#pmenu > li > ul > li:hover > ul,
#pmenu > li > ul > li > ul > li:hover > ul{
  transition-delay: 0.4s;
  visibility: visible;
}
#pmenu > li.padding-top-11 > a{padding-top:11px;}
.min-width-40 a{min-width: 40px;}
/***************end menu bar***************/
/****tooltip****/
.cluetip-default h3#cluetip-title {
  background-color: #4d4d4f;
  color: #fff;
  padding:5px;
}
.hide_body_cluetip #cluetip-inner{
  display: none !important;
}
#zenbox_tab {width:28px;}
#zenbox_tab:hover {width:auto;}
.mceLayout{width: 100% !important;}
#TB_window {
  z-index: 2000;
}
/************glyphicon**************/
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.5em;
  padding-left: 0px;
  padding-right: 0px;
  color: #4d4d4f;
  cursor: pointer;
}
@font-face {
  font-family: 'Glyphicons Regular';
  src:url('../fonts/glyphicons-regular.eot');
  src:url('../fonts/glyphicons-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-regular.woff2') format('woff2'),url('../fonts/glyphicons-regular.woff') format('woff'), url('../fonts/glyphicons-regular.ttf') format('truetype'),url('../fonts/glyphicons-regular.svg#glyphiconsregular') format('svg')
}
.glyphicons-pro {
  font-family: 'Glyphicons Regular' !important;
}
.inside .glyphicon {
  padding-left: 2px;
  padding-right: 2px;
}
.glyphicon-menu-left:before{
  content:"\e257"
}
.glyphicon-menu-right:before{
  content:"\e258"
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-spin {
  -webkit-animation: spin 1000ms infinite linear;
  animation: spin 1000ms infinite linear;
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-back:before,.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-pencil:before {
  content: "\270f";
}
/*certification and ratification*/
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-apply:before {
  content: "\e013";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-info-sign {
  top: 2px;
  font-size: 14px;
  margin-left: 3px;
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-filter:before,
.btn.btn-warning .glyphicon_custom:before {
  content: "\e138";
}
.glyphicon-edittrash:before,.glyphicon-remove:before {
  content: "\e014";
}
/*cancel*/
.glyphicon-remove-sign:before {
  content: "\e083";
}
/*Delete*/
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-ban-circle {
  color: red;
  font-size: 13px;
  top:2px;
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-print:before {
  content: "\e045";
}
/*email*/
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
  color: #fff;
  font-size: 11px;
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-ok {
  font-size: 16px;
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-exclamation-sign {
  font-size: 16px;
  top: 3px;
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-spin {
  -webkit-animation: spin 1000ms infinite linear;
  animation: spin 1000ms infinite linear;
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-restart:before {
  content:"\E366"
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-open:before {
    content: "\e167";
}
.glyphicon-record:before {
    content: "\e165";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-bullhorn:before {
    content: "\e122";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before,
.btn.btn-warning.floppy-disk .glyphicon_custom:before {
  content: "\e172";
}
.glyphicon-ok-circle:before {
  content: "\e089";
  color: green;
}
.glyphicon-earphone:before {
  content: "\e182";
}
.tab .glyphicon {
  float: left;
  font-size: 1.3em;
  margin-right: 3px;
  margin-top: 4px;
  width: 22px;
  background: none !important;
}
.tab .menu {
  margin-left: 0;
}
.tab .menu,
.tab .menu li {
  list-style: none;
}
.tab .menu li,
.tab .menu li.sub ul li a {
  border: 0;
}
.tab .menu > li > a {
  margin-right: 2px;
  line-height: 1.42857143 !important;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  position: relative;
  display: block;
  width: auto !important;
  padding: 9px 35px 9px 10px !important;
}
.tab .menu li:hover > a {

}
.tab .menu > li > a:before {
  font-family: 'Glyphicons Regular';
  position: absolute;
  content: "\E602";
  right: 10px;
  color: #232323;
}
.tab .menu > li:hover > a:before{
  color: #000;
}
.tab .menu > li > a:hover {
  border-color: #eee;
}
.tab .menu li ul {
  left: 0;
  top: 39px;
}
.tab-more .menu li.sub {
  background-image: none;
}
#heading .glyphicon{
  top:2px;
  color: #4d4d4f;
}
.glyphicon:hover,
td > a:not(.btn-icon) > .glyphicons:hover {
  color: #e75c25;
}
#heading .glyphicon:hover{
  color: #e75c25;
}
.expandable-info-section{
    background: none;
    padding-left: 0;
}
ul.tab-bar li > span:hover span {
  color: white;
}
.tag {
  border-radius: 0.25rem;
  color: #fff;
  display: inline-block;
  font-size: 85%;
  font-weight: 700;
  line-height: 1;
  padding: 0.5em 0.8em;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
}
.tag-pill {
  border-radius: 10rem;
  padding-left: 0.6em;
  padding-right: 0.6em;
}
.tag.tag_default{
  border: 1px solid #ddd;
  color: #000;
}

.tag.tag_default.tag-show {
  background-color: #e4e4e4;
  border: none;
  font-size: 85%;
  line-height: initial;
  border-width: 0;
  padding: 5px 8px;
}

.tag.color_white{
  color: #fff;
}
.tag.color_black{
  color: #000;
}
/*********************report_builder***************************/
.glyphicon-file:before {
  content: "\e022";
}
.treeview .hitarea {
  margin-top: 4px;
}
.filetree li.expandable span.folder,
.filetree span.folder,
.filetree span.file{
  background: none;
  padding-left:7px;
}
.glyphicon-folder-close,.glyphicon-file{
  font-size: 14px !important;
}
.filetree span.folder .glyphicon-folder-close:before{
 content: "\e118";
}
.filetree li.expandable span.folder .glyphicon-folder-close:before{
 content: "\e117";
}
.display-name .glyphicon-file,
#available-sort .glyphicon-file,
#active-sort .glyphicon-file{display: none;}
.display-name .glyphicon-folder-close:before,
#available-sort .glyphicon-folder-close:before,
#active-sort .glyphicon-folder-close:before{content: "\e022";}
#reportbuilder ul.selectlist li{background: none; padding-left: 2px;}
#reportbuilder .inputarea .selected span.glyphicon {
  color: #4d4d4f;
  background-color: #fff;
}
#reportbuilder div.inputarea {
  border-radius: 4px;
}
#hour-every-slider{border: 1px solid #ccc !important;}
#hour-out_slider{margin-top: 40px !important;}
.nav-tabs {
  border-bottom: 1px solid #dddddd;
  padding-left: 0;
  list-style: none;
  margin-bottom: 15px !important;
  height: 40px !important;
  position: relative;
  display: block;
}
.nav-tabs > li {
  margin-bottom: -1px !important;
  border: none !important;
  background-color: transparent !important;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143 !important;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  position: relative;
  display: block;
  padding: 10px 15px !important;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #4d4d4f;
  background-color: #fcfcfd;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.tab-content{
  border:none !important;
  background:none !important;
}
#reportbuilder div.inputarea{
  height: 400px;
}
#reportbuilder div.inputarea.high {
    height: 445px;
}
/************glyphicon**************/
/****************pagination*******************/
.pagination {
  border-radius: 4px;
  display: inline-block;
  padding-left: 0;
}
.pagination .summary,.pagination > a,.pagination > span {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  color: #e24a37;
  line-height: 1.42857;
  padding: 4px 12px;
  text-decoration: none;
  margin-left: -1px;
  font-weight: normal;
}
.pagination a:first-child, .pagination > span:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  margin-left: 0;
}
.pagination > a:last-child, .pagination > span:last-child {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination .current, .pagination > a:hover, .pagination > a:focus {
  background-color: #eee;
  border-color: #ddd;
  color: #e24a37;
}
#load_list > div.pagination {
  margin: 0 0 5px;
}
/***********popup**************/
.ui-dialog {z-index: 1040 !important;}
/***********popup**************/
/****************end pagination*******************/
.navigation_button{
  display:none;
  float: left;
  left: 20px;
  position: absolute;
  bottom: 7px;
  z-index: 6000;

}
button[type="button"].navbar-toggle {
  background-color: #272728;
  margin-bottom: 0;
  min-width: 35px;
  padding-left: 5px;
  padding-right: 5px;
}
.navbar-toggle .icon-bar {
  background-color: #ffffff;
  border-radius: 1px;
  display: block;
  height: 2px;
  width: 22px;
}
button[type="button"].navbar-toggle:hover, button[type="button"].navbar-toggle:focus {
  background-color: gray;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
#nav_menu.open_menu{
  display: block;
}
/*************onlinecoursebox*********************/
.online_inside input[type="submit"],
.online_inside input[type="button"]{
  color: #fff;
  height: auto;
  margin-bottom: 0;
}
#ui-datepicker-div {border-color: #4f4e53}
.cornerz {border: none;background: inherit;}
.resource-week,.resource-week td,.resource-week th{border-color:#e1e1e1;}
.default_colour,
.default_colour .calendar_label{
  background-color: #fff !important;
}
.resource-week th{height:20px;}
.resource-week > tbody > tr:nth-of-type(2n+1),
.resource-week > tbody > tr:nth-of-type(2n+1) > td,
.grey_colour,
.grey_colour .calendar_contents{
  background-color: #f9f9f9 !important;
}
.resource-week > tbody > tr:nth-of-type(1) {
  background-color: #f3f5f6 !important;
}
.resource-title{padding:5px;background-color: #fff !important;text-align: right;}
/****************message box*************************/
.notice,.warning,.error {
  width: auto;
  margin-right: 1em;
}
.img-max-width img{
  max-width: 100%;
}
/****************Button boootstrap*************************/
  .btn, #user-select-payment-table .add_child, .btn_glyphicon .add_child{
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 0 8px;
    font-size: 13px;
    line-height: 28px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 28px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #4d4d4f;
    display: inline-block;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
  }
  .btn:focus,
  .btn:active:focus,
  .btn.active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
  .btn:hover,
  .btn:focus {
    color: #4d4d4f;
    text-decoration: none;
  }
  .btn:active,
  .btn.active,
  .tab-filter-label.ui-state-active,
  #user-select-payment-table .add_child:hover,
  .btn_glyphicon .add_child:hover{
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  }
  .btn.disabled,
  .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  button[disabled],
  button[disabled]:hover{
    background-color: #f0f0f0;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.65;
  }
  .btn-group, .btn-group-vertical {
    display: inline-block;
    position: relative;
    vertical-align: middle;
  }
  .btn-group .btn {
    float: left;
    position: relative;
  }
  .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .tab-list .middle-button {
    border-radius: 0;
  }
  .btn-group > .btn:first-child {
    margin-left: 0;
  }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .tab-list .first-button {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .btn-group:not(.button_dropdown_options) > .btn:last-child:not(:first-child), .btn-group:not(.button_dropdown_options) > .dropdown-toggle:not(:first-child), .tab-list .last-button {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }

  .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0 none;
  }
  .btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
  }
  .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -1px;
  }

  .btn.btn-white {
    color: #000;
    background-color: #ffffff;
    border-color: #cccccc;
  }
  .btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open > .dropdown-toggle.btn-white {
    color: #000;
    background-color: #e6e6e6;
    border-color: #adadad;
  }

  .btn.btn-primary {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
  }
  .btn.btn-primary.focus, .btn-primary:focus {
    background-color: #286090;
    border-color: #122b40;
    color: #fff;
  }
  .btn.btn-primary:hover {
    background-color: #286090;
    border-color: #204d74;
    color: #fff;
  }
  .btn.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    background-color: #286090;
    border-color: #204d74;
    color: #fff;
  }
  .btn.btn-primary.active.focus,
  .btn.btn-primary.active:focus,
  .btn.btn-primary.active:hover,
  .btn.btn-primary.focus:active,
  .btn.btn-primary:active:focus,
  .btn.btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus,
  .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    background-color: #204d74;
    border-color: #122b40;
    color: #fff;
  }
  .btn.btn-primary.active,
  .btn.btn-primary:active,
  .open > .dropdown-toggle.btn-primary {
    background-image: none;
  }
  .btn.btn-primary.disabled.focus,
  .btn.btn-primary.disabled:focus,
  .btn.btn-primary.disabled:hover,
  .btn.btn-primary.focus[disabled],
  .btn.btn-primary[disabled]:focus,
  .btn.btn-primary[disabled]:hover, fieldset[disabled]
  .btn.btn-primary.focus,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4;
  }
  .btn.btn-success span.glyphicon,
  .btn.btn-danger span.glyphicon,
  .btn.btn-info span.glyphicon,
  .btn.btn-primary span.glyphicon,
  .btn.btn-warning span.glyphicon{
    color: #ffffff;
    font-size: 12px;
  }
  .btn.btn-success {
    color: #ffffff;
    background-color: #5cb85c;
    border-color: #4cae4c;
  }
  .btn.btn-success:hover,
  .btn.btn-success:focus,
  .btn.btn-success:active,
  .btn.btn-success.active,
  .open > .dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: #449d44;
    border-color: #255625;
  }
  .btn.btn-success:active,
  .btn.btn-success.active,
  .open > .dropdown-toggle.btn-success {
    background-image: none;
  }
  .btn.btn-success.disabled,
  .btn.btn-success[disabled],
  fieldset[disabled] .btn-success,
  .btn.btn-success.disabled:hover,
  .btn.btn-success[disabled]:hover,
  fieldset[disabled] .btn-success:hover,
  .btn.btn-success.disabled:focus,
  .btn.btn-success[disabled]:focus,
  fieldset[disabled] .btn-success:focus,
  .btn.btn-success.disabled:active,
  .btn.btn-success[disabled]:active,
  fieldset[disabled] .btn-success:active,
  .btn.btn-success.disabled.active,
  .btn.btn-success[disabled].active,
  fieldset[disabled] .btn-success.active {
    background-color: #398439;
    border-color: #255625;
  }

  .btn.btn-danger {
    color: #ffffff;
    background-color: #ce3939;
    border-color: #ce3939;
  }
  .btn.btn-danger:hover,
  .btn.btn-danger:focus,
  .btn.btn-danger:active,
  .btn.btn-danger.active,
  .btn.open > .dropdown-toggle.btn-danger {
    color: #ffffff;
    background-color: #aa2a2a;
    border-color: #a22828;
  }
  .btn.btn-danger:active,
  .btn.btn-danger.active,
  .btn.open > .dropdown-toggle.btn-danger {
    background-image: none;
  }
  .btn.btn-danger.disabled,
  .btn.btn-danger[disabled],
  fieldset[disabled] .btn-danger,
  .btn.btn-danger.disabled:hover,
  .btn.btn-danger[disabled]:hover,
  fieldset[disabled] .btn-danger:hover,
  .btn.btn-danger.disabled:focus,
  .btn.btn-danger[disabled]:focus,
  fieldset[disabled] .btn-danger:focus,
  .btn.btn-danger.disabled:active,
  .btn.btn-danger[disabled]:active,
  fieldset[disabled] .btn-danger:active,
  .btn.btn-danger.disabled.active,
  .btn.btn-danger[disabled].active,
  fieldset[disabled] .btn-danger.active {
    background-color: #ce3939;
    border-color: #ce3939;
  }

  .btn.btn-info {
    color: #ffffff;
    background-color: #5bc0de;
    border-color: #46b8da;
  }
  .btn.btn.btn-info:hover,
  .btn.btn-info:focus,
  .btn.btn-info:active,
  .btn.btn-info.active,
  .open > .dropdown-toggle.btn-info {
    color: #ffffff;
    background-color: #31b0d5;
    border-color: #269abc;
  }
  .btn.btn-info:active,
  .btn.btn-info.active,
  .open > .dropdown-toggle.btn-info {
    background-image: none;
  }
  .btn.btn-info.disabled,
  .btn.btn-info[disabled],
  fieldset[disabled] .btn-info,
  .btn.btn-info.disabled:hover,
  .btn.btn-info[disabled]:hover,
  fieldset[disabled] .btn-info:hover,
  .btn.btn-info.disabled:focus,
  .btn.btn-info[disabled]:focus,
  fieldset[disabled] .btn-info:focus,
  .btn.btn-info.disabled:active,
  .btn.btn-info[disabled]:active,
  fieldset[disabled] .btn-info:active,
  .btn.btn-info.disabled.active,
  .btn.btn-info[disabled].active,
  fieldset[disabled] .btn-info.active {
    background-color: #269abc;
    border-color: #1b6d85;
  }
  .select2-container--default.select2-container--disabled .select2-selection--single.btn.btn-warning,
  .btn.btn-warning {
    color: #ffffff;
    background-color: #f0ad4e;
    border-color: #eea236;
  }
  .btn.btn-warning:hover,
  .btn.btn-warning:focus,
  .btn.btn-warning:active,
  .btn.btn-warning.active,
  .btn.open > .dropdown-toggle.btn-warning {
    color: #ffffff;
    background-color: #ec971f;
    border-color: ##d58512;
  }
  .btn.btn-warning:active,
  .btn.btn-warning.active,
  .open > .dropdown-toggle.btn-warning {
    background-image: none;
  }
  .btn.btn-warning.disabled,
  .btn.btn-warning[disabled],
  fieldset[disabled] .btn-warning,
  .btn.btn-warning.disabled:hover,
  .btn.btn-warning[disabled]:hover,
  fieldset[disabled] .btn-warning:hover,
  .btn.btn-warning.disabled:focus,
  .btn.btn-warning[disabled]:focus,
  fieldset[disabled] .btn-warning:focus,
  .btn.btn-warning.disabled:active,
  .btn.btn-warning[disabled]:active,
  fieldset[disabled] .btn-warning:active,
  .btn.btn-warning.disabled.active,
  .btn.btn-warning[disabled].active,
  fieldset[disabled] .btn-warning.active {
    background-color: #d58512;
    border-color: #985f0d;
  }
  .btn.btn-default {
    color: #4d4d4f;
    background-color: #ffffff;
    border-color: #cccccc;
  }
  .btn.btn-default:hover,
  .btn.btn-default:focus,
  .btn.btn-default:active,
  .btn.btn-default.active,
  .open > .dropdown-toggle.btn-default,
  .tab-filter-label.ui-state-active {
    color: #4d4d4f;
    background-color: #d6dde0;
    border-color: #adadad;
  }
  .btn.btn-default:active,
  .btn.btn-default.active,
  .open > .dropdown-toggle.btn-default {
    background-image: none;
  }
  .btn.btn-default.disabled,
  .btn.btn-default[disabled],
  fieldset[disabled] .btn-default,
  .btn.btn-default.disabled:hover,
  .btn.btn-default[disabled]:hover,
  fieldset[disabled] .btn-default:hover,
  .btn.btn-default.disabled:focus,
  .btn.btn-default[disabled]:focus,
  fieldset[disabled] .btn-default:focus,
  .btn.btn-default.disabled:active,
  .btn.btn-default[disabled]:active,
  fieldset[disabled] .btn-default:active,
  .btn.btn-default.disabled.active,
  .btn.btn-default[disabled].active,
  fieldset[disabled] .btn-default.active {
    background-color: #f3f5f6;
    border-color: #cccccc;
  }
  .btn.btn-default .badge {
    color: #f3f5f6;
    background-color: #4d4d4f;
  }
  .btn.btn-secondary {
    color: #292b2c;
    background-color: #fff;
    border-color: #ccc;
  }
  .grid_warning_button .glyphicon-warning-sign{
    color: red;
  }
  .update_warnings{display: none;}
  .nohover .alert-warning{
    margin-bottom: 0px;
  }
  /******select2 custom*******/
  .select2-container--default .select2-selection--single.arrow_white .select2-selection__arrow b{
    border-color: white transparent transparent;
    top: 55%;
  }
  .select2-container--default.select2-container--open .select2-selection--single.arrow_white .select2-selection__arrow b{
    border-color: transparent transparent white;
  }
  .select2-selection.select2-selection--single.btn.btn-warning.floppy-disk.arrow_white{
    padding-right: 20px;
  }
  #filter_form .select2-container--default .select2-selection--single .select2-selection__clear{
    color: #888;
    padding: 0px 5px;
    top: -1px;
  }
  .btn.btn-warning .select2-selection__rendered,
  .btn.btn-info .select2-selection__rendered{
    padding:0;
    line-height: 26px;
    padding-right: 0px !important;
  }
  .btn.btn-warning .select2-selection__placeholder,
  .btn.btn-warning .select2-selection__rendered,
  .btn.btn-info .select2-selection__placeholder,
  .btn.btn-info .select2-selection__rendered{
    color: #ffffff;
    text-align: left;
  }
  .select2-dropdown {
    box-shadow: 0 4px 5px -2px rgba(0,0,0,.2), 0 7px 10px 1px rgba(0,0,0,.14), 0 2px 16px 1px rgba(0,0,0,.12);
  }
  .select2-container--open .select2-dropdown--below{
    border-bottom: none;
    min-width: 230px !important;
  }
  .select2-container--open .select2-dropdown--above{
    border-bottom: 1px solid #aaa;
    min-width: 230px !important;
  }
  .select2-selection.select2-selection--single.btn.btn-warning,
  .select2-selection.select2-selection--single.btn.btn-info{
    height: 30px;
    padding-top: 1px;
  }
  .select2-container--default span:not(.btn) .select2-selection--single .select2-selection__arrow{
    width: 24px;
  }
  .select2-container--default span:not(.btn).select2-selection--single .select2-selection__arrow > b{
    -webkit-mask-image: url('/images/dropdown_arrow.svg');
    mask-image: url('/images/dropdown_arrow.svg');
    border: medium none;
    display: block;
    height: 26px;
    left: auto !important;
    margin-left: 0;
    margin-top: 1px;
    position: relative;
    top: auto !important;
    width: 24px;
    background-color: #666;
  }
  .select2-container .select2-selection--single .select2-selection__rendered{
    padding-right: 24px;
  }
  .option_filter .select2-container .select2-selection--single .select2-selection__rendered{
    padding-right: 35px;
  }
  .option_filter .select2-container--default .select2-selection--single .select2-selection__clear{
    right: -14px;
  }
.sms_notification,
.total_notification.unread .notification{
  position: absolute;
  border-radius: 11px;
  background: #006dcc;
  color: #fff;
  top: 6px;
  right: 10px;
  padding: 0 8px 0 0;
  line-height: 1.6em;
  font-size: 1em;
  display: inline;
  background: #006dcc;
  color: #fff;
}
.menu_top .sms_notification,
.total_notification.menu_top .notification{
  top: 2px;
  padding: 0 6px 0 0;
}
.unread .sms_notification,
.total_notification.unread .notification{
  display: block;
}
button .glyphicons{
  font-size: inherit;
  line-height: inherit;
}
button .glyphicons::before {
  padding: 0;
}
/****************Button boootstrap*************************/
/**************** alert ***************/
.alert {
    border: 1px solid transparent;
    border-radius: 0.25rem;
    margin-bottom: 1rem;
    padding: 0.75rem 1.25rem;
}
.alert-heading {
    color: inherit;
}
.alert-link {
    font-weight: 700;
}
.alert-dismissible {
    padding-right: 2.5rem;
}
.alert-dismissible .close {
    color: inherit;
    position: relative;
    right: -1.25rem;
    top: -0.125rem;
}
.alert-success {
    background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #3c763d;
}
.alert-success hr {
    border-top-color: #c1e2b3;
}
.alert-success .alert-link {
    color: #2b542c;
}
.alert-info {
    background-color: #d9edf7;
    border-color: #bcdff1;
    color: #31708f;
}
.alert-info hr {
    border-top-color: #a6d5ec;
}
.alert-info .alert-link {
    color: #245269;
}
.alert-warning {
    background-color: #fcf8e3;
    border-color: #faf2cc;
    color: #8a6d3b;
}
.alert-warning hr {
    border-top-color: #f7ecb5;
}
.alert-warning .alert-link {
    color: #66512c;
}
.alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442;
}
.alert-danger hr {
    border-top-color: #e4b9b9;
}
.alert-danger .alert-link {
    color: #843534;
}
.alert li> .glyphicon{
  font-size: inherit;
  top: 2px;
}
@media only screen and (min-width: 768px) {
  #pmenu > li > a {
    padding: 10px 4px;
  }
  .search-box,.sign-boxmargin-right: auto;}
  #col3 {
    min-height: 447px;
  }
  .search-box {
    margin-right: 12px;
  }
  .sign-box {
    margin-right: 6px;
  }
  #caled_calendar {
    margin-bottom: 13.5px;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
  }
  body.content-collapse {
    padding-top: 150px;
  }
  #page {
    min-width: 980px;
  }
  #col3_content {
    width: 100%;
    display: inline-block;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    padding: 0 0 30px;
  }
  label {width: 9em}
  .label_detail{
    padding-top: 5px;
  }
  .label_detail > label{
    line-height: 19px !important;
  }
  .label_detail > div{
    margin-left: 9em;
    margin-right: 15px;
    min-height: 28px;
    margin-bottom: 10px;
  }
  .label_detail > div > a{
    line-height: 18px;
  }
  .c50l input[type="text"],
  .c50l input[type="password"],
  .c50l select,
  .c50l textarea,
  .c50r input[type="text"],
  .c50r input[type="password"],
  .c50r select,
  .c50r textarea {
    max-width: 132px;
  }
  #col3{padding-right: 26px}
  .c50r #contacts input[type="text"]{max-width: 112px;}
  #nav {
    bottom: 0;
    left: 0;
    position: absolute;
  }
  #nav_menu{
    display: none;
    padding-top: 32px;
  }
  #menu{
    width: 170px;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  }
  .navigation_button{
    display:block;
  }
  #pmenu li {
    float: none;
  }
  #pmenu > li > a{
    text-align: left;
    position: relative;
  }
  #pmenu > li > a > .glyphicon{
    float: right;
  }
  #pmenu > li > ul {
    right: -158px;
    top: 10px;
  }
  #pmenu .mysystem li a {
    width: 100px;
  }
  #menu li.space {
    padding: 0px;
  }
  #logo {
    float: left;
    padding-right: 0px;
    max-width: 36%;
    min-width: 1%;
  }
  #logo img {
    max-height: 70px;
  }
}
@media only screen and (min-width: 800px) {}
@media only screen and (min-width: 980px) {
  /* styles for browsers larger than 960px; */
  body.content-collapse {
    padding-top: 105px;
  }
  #pmenu > li > a {
    padding: 10px 4px;
  }
  .top-nav-collapse .search-box {
    display: none;
  }
  .c50l input[type="text"],
  .c50l input[type="password"],
  .c50l select,
  .c50l textarea,
  .c50r input[type="text"],
  .c50r input[type="password"],
  .c50r select,
  .c50r textarea {
    max-width: 150px;
  }
  .c50r #contacts input[type="text"]{max-width: inherit;}
   .top-nav-collapse .search-box {
    display: none
  }
  #nav {
    bottom: auto;
    left: auto;
    position: relative;
  }
  #nav_menu{
    display: block;
    padding-top: 0px;
  }
  #menu{
    width: 100%;
    border: medium none;
    box-shadow: none;
  }
  #pmenu li {
    float: left;
  }
  .navigation_button{
    display:none;
  }
  #pmenu > li > a{
    text-align: center;
  }
   #pmenu > li > a > .glyphicon{
    float: none;
  }
  #pmenu > li > ul {
    right: auto;
    top: auto;
  }
  #menu li.space {
    padding: 5px;
  }
  #pmenu .mysystem li a {
    width: 150px;
  }
  #logo img {
    max-height: 90px;
  }
}
@media only screen and (min-width: 1280px) {
  #col3 {
    min-height: 456px;
  }
  .top-nav-collapse .search-box {
    position: absolute;
    display: block;
  }
  .top-nav-collapse .hide-screen{display: none;}
  .top-nav-collapse .search-box {
    width: 238px;
  }
  body.content-collapse {
    padding-top: 110px;
  }
  #pmenu > li > a {
    padding: 10px 5px;
  }
  .c50l label.long_label, .c50r label.long_label,label {
    width: 15em;
  }
  .year_row > label,.how_long_action > div > label{
    width: 118px;
  }
  .label_detail > div{
    margin-left: 15em;
  }
  .c50l input[type="text"],
  .c50l input[type="password"],
  .c50l select,
  .c50l textarea,
  .c50r input[type="text"],
  .c50r input[type="password"],
  .c50r select,
  .c50r textarea {
    max-width: 225px;
  }
}
@media only screen and (min-width:1440px){
  /* styles for browsers larger than 1440px; */
  #col3 {
    min-height: 724px;
  }
  .c50l input[type="text"],
  .c50l input[type="password"],
  .c50l input[type="url"],
  .c50l select,
  .c50l textarea,
  .c50r input[type="text"],
  .c50r input[type="password"],
  .c50r input[type="url"],
  .c50r select,
  .c50r textarea {
    max-width: 191px;
  }
  #pmenu > li > a {
    padding: 10px 5px;
  }
}
@media only screen and (min-width: 1920px) {
  .top-nav-collapse .hide-screen{display: block;}
  .top-nav-collapse .search-box {
    width: auto;
  }
}
@media only screen and (min-width:2000px) {
  /* for sumo sized (mac) screens */
  #col3 {
    min-height: 723px;
  }
}
@media only screen and (min-width:2560px) {
  /* for sumo sized (mac) screens */
  #col3 {
    min-height: 723px;
  }
}

.section_title{
  display: block;
  margin-bottom: 10px;
  padding: 20px 0;
  font-size: 10px;
  letter-spacing: 1px;
  color: #CCC;
  font-size: 1em;
  font-weight: bold;
  padding: 0 20px 5px 0;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.select2 li, .select2-dropdown li { margin-left: 0; text-align: left; }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-bottom: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice.input-tag {
  border: none;
  font-size: 85%;
  line-height: initial;
  border-width: 0;
  padding: 5px 8px;
}

.middle-label { line-height: 30px; }

.select2-results__option[aria-selected=true] {
    display: none;
}

.box-sizing {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;
}
.waitting{
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 10000;
  background: transparent none repeat scroll 0% 0%;
  display: none;
  top:0;
}
.waitting img{
  position: absolute;
  z-index: 10001;
  top: 22px;
  left: 49.2%;
}
.waitting div{
  position: absolute;
  background: black none repeat scroll 0% 0%;
  width: 100%;
  height: 100%;
  opacity: 0;
}
img[src*="/images/loader.gif"]{
  width: 16px;
}
.loading_saved_filters{
  padding-top: 6px;
}
#kanban .loading_item img[src*="/images/loader.gif"]{
  width: auto;
}
.widget-box {
  box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  background-clip: padding-box;
  margin-bottom: 20px;
  background-color: #fff
  width: 25%;
  display: block;
  padding: 10px 15px;
  position: relative;
  color: #fff !important;
}

.dashboard_metro .widget-box {
  padding: 0;
}
.dashboard_metro .display-table{
  display: table;
  margin: 8px 0;
  color: #fff;
}
.dashboard_metro .table-cell{
  display: table-cell;
  padding: 2px 8px 2px 0px;
}
.dashboard_metro .table-row{
  display: table-row;
}
.dashboard_metro .table-column{
  display: table-column;
}
.dashboard_metro .middle{
  vertical-align: middle;
}
.dashboard_metro .align_center{
  margin: 0 auto;
}
.widget-box:not(.widget-count) .glyphicon,
.widget-box:not(.widget-count) .glyphicons {
  position: absolute;
  right: 15px;
  font-size: 40px !important;
  top: 32px;
  overflow: hidden;
  vertical-align: middle;
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.7) !important;
  border: 2px solid rgba(255, 255, 255, 0.7) !important;
}
.widget-box h2 {
  font-size: 30px;
  margin: 8px 0;
  color: #fff;
}
.widget-box p {
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}
.dashboard_metro .widget-box-header{
  background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
  color: rgba(255, 255, 255, 0.9);
  height: 20px;
  padding: 10px 0;
  width: 100%;
  text-align: center;
}
.dashboard_metro .widget-box .glyphicon,
.dashboard_metro .widget-box .glyphicons{
  font-size: 1.1em !important;
  height: auto;
  line-height: 1em;
  padding: 0 !important;
  position: relative;
  top: -2px;
  width: auto;
  right: 0px;
  border: none !important;
  border-radius: 0;
  width: 20px;
}
.dashboard_metro .glyphicons::before {
  padding: 0;
}
.dashboard_metro .widget-box-footer {
  background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
  bottom: 0;
  color: rgba(255, 255, 255, 0.9);
  height: 20px;
  padding: 10px 0;
  width: 100%;
  text-align: center;
  line-height: 20px;
}
.dashboard_metro .widget-box-footer .link {
  font-size: 12px;
}
.dashboard_metro .widget-box-footer a{
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.1em;
}
.dashboard_metro .widget-box-footer a:hover{
  text-decoration: underline;
}
.widget-box .mdi {
  font-size: 25px;
}
.widget-two-info {
  background-color: rgba(53, 152, 220, 0.7);
  border-color: rgba(53, 152, 220, 0.9);
}

.widget-two-active {
  background-color: rgba(142, 68, 173, 0.7);
  border-color: rgba(142, 68, 173, 0.9);
}

.widget-two-year {
  background-color: rgba(231, 80, 90, 0.7);
  border-color: rgba(231, 80, 90, 0.9);
}

.widget-two-week {
  background-color: rgba(50, 197, 210, 0.7);
  border-color: rgba(50, 197, 210, 0.9);
}

.dashboard_metro .widget-box-body{
  padding: 20px 15px;
  min-height: 97px;
}

.mdi.text-success {
  color: green !important
}
.mdi.text-danger {
  color: red !important
}
li:empty{
  display: none;
}
#toast-container>.toast-info{
  top: 10px;
  background-color: #d9edf7;
  border: 1px solid #bcdff1;
  width: 250px !important;
  padding: 15px 15px 5px;
  color: #000;
  font-size: 116.67%;
  text-align: center;
  opacity: 1;
  background-image: none !important;
 }
 .toast-info .toast-close-button:hover,
 .toast-info .toast-close-button{
  background: none;
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  min-width: auto;
 }
 .toast-info .toast-close-button:hover {
  color: #000;
  opacity: 1;
 }
.total_notification{
  position: relative;
}
.tag.default {
  color: #000;
  background: #e4e4e4;
  font-size: 100%;
  font-weight: normal;
}
#col1_content .menu .total_notification.unread .notification,
#col1_content .menu .notification_count{
  position: initial !important;
  border-radius: 11px;
  background: #006dcc;
  color: #fff;
  padding: 0 8px 0 7px !important;
  line-height: 1.6em !important;
  font-size: 1em !important;
  display: inline !important;
  background: #006dcc;
  color: #fff;
}
#col1_content .menu .glyphicons-chat{
  display: inline !important;
  border: none !important;
  line-height: 12px !important;
}
#col1_content .menu .glyphicons-chat::before{
  padding: 6px 2px 6px 0;
}
#col1_content .menu .notification_danger{
  color: #ffffff;
  background-color: #aa2a2a;
  border-color: #a22828;
}
.checkbox-list > input:not(:first-child){
  margin-left: 15em;
}
#grey-out-cover{
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: rgba(0,0,0,0.75);
}
.input_none_bottom,
.input_none_bottom input,
.input_none_bottom select{
  margin-bottom: 0px;
}
.grid_loading_item{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.grid_loading_item img{
  position: absolute;
  left: 49%;
  top: 32%;
  z-index: 20;
}
.grid_loading_item div{
  width: 100%;
  height: 100%;
  background: black none repeat scroll 0% 0%;
  opacity: 0.2;
  z-index: 10;
}
.alert {
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 10px;
}
.alert h4 {
    color: inherit;
    margin-top: 0;
}
.alert .alert-link {
    font-weight: 700;
}
.alert > p, .alert > ul {
    margin-bottom: 0;
}
.alert > p + p {
    margin-top: 5px;
}
.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}
.alert-success hr {
    border-top-color: #c9e2b3;
}
.alert-success .alert-link {
    color: #2b542c;
}
.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}
.alert-info hr {
    border-top-color: #a6e1ec;
}
.alert-info .alert-link {
    color: #245269;
}
.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}
.alert-warning hr {
    border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
    color: #66512c;
}
.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}
.alert-danger hr {
    border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
    color: #843534;
}
.alert-welcome .close {
  top: 7px;
}
#menu li.separator,
#staff li.separator {
  width: 100%;
  display: inline-block;
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  background-color: #fff;
  border-top: 1px solid #000;
  opacity: 0.4;
}
#staff li.separator{
  background: transparent;
  border-top: 1px solid rgba(255,255,255,0.3);
  opacity: 1;
}
#staff li.separator:last-child{
  display: none;
}
.signature td input {
  margin-bottom: 10px;
}
.vet-report {
  display: inline-block;
  width: 100%;
}
.vet-report .lbl-title {
  line-height: 24px;
}
.vet-report .switch-button-label.off,
.vet-report .switch-button-label.on,
.vet-report .switch-button-label {
  font-size: 16px;
}
.label_mandatory{
  position: relative;
  line-height: 30px;
}
.label_mandatory .mandatory{
  position: absolute;
  left: -8px;
  top: 2px;
}

/*****custom glyphicon******/
.glyphicon-graduate::before {
  content: "";
  display: block;
  text-indent: -9999px;
  width: 1em;
  height: 1em;
  background: transparent url(/images/glyphicon-graduate.svg) no-repeat scroll 0 0;
  background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
}
.glyphicon-graduate-alt::before {
  content: "";
  display: block;
  text-indent: -9999px;
  width: 1em;
  height: 1em;
  background: transparent url(/images/glyphicon-graduate-alt.svg) no-repeat scroll 0 0;
  background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
}
.glyphicon-graduate:hover::before{
  background-image: url(/images/glyphicon-graduate-hover.svg);
}
.glyphicon-graduate-alt:hover::before{
  background-image: url(/images/glyphicon-graduate-alt-hover.svg);
}

.glyphicon-system::before {
  content: "";
  display: block;
  text-indent: -9999px;
  width: 1em;
  height: 1em;
  background: transparent url(/images/glyphicon-system.svg) no-repeat scroll 0 0;
  background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
}
.glyphicon-system:hover::before{
  background-image: url(/images/glyphicon-system-hover.svg);
}
.glyphicons-svg{
  content: "";
  display: inline-block;
  text-indent: -9999px;
  width: 1.05em;
  height: 1.05em;
  background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  margin: 3px 5px 0 5px;
}
.glyphicons-svg-calendar{
  background-color: #fff;
  -webkit-mask-image:  url(/images/calendar-2.svg);
  mask-image: url(/images/calendar-2.svg);
  mask-size: 100% auto;
  -webkit-mask-size: 100% auto;
}

.glyphicons-arrival,
.glyphicons-departure,
.glyphicons-calendar-2{
  text-indent: -9999px;
  margin: 4px 5px 0;
  width: 1em;
}

.glyphicons-calendar-2 {
  margin-top: 0px;
}

.glyphicons-calendar-2::before {
  content: "";
  display: block;
  text-indent: -9999px;
  height: 1em;
  background: transparent url(/images/calendar-2.svg) no-repeat scroll 0 0;
  background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
}
.glyphicons-calendar-2:hover::before{
  background-image: url(/images/calendar-2-hover.svg);
}
td > a > .glyphicons-calendar-2::before {
  background-image: url(/images/calendar-2-gray.svg);
}
.glyphicons-calendar-2::before {
  content: "";
  display: block;
  text-indent: -9999px;
  height: 1em;
  background: transparent url(/images/calendar-2.svg) no-repeat scroll 0 0;
  background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
}
.glyphicons-calendar-2:hover::before{
  background-image: url(/images/calendar-2-hover.svg);
}

.glyphicons-arrival::before {
  content: "";
  display: block;
  text-indent: -9999px;
  height: 1em;
  background: transparent url(/images/arrival.svg) no-repeat scroll 0 0;
  background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
}
.glyphicons-arrival:hover::before{
  background-image: url(/images/arrival_hover.svg);
}
td > a > .glyphicons-arrival::before {
  background-image: url(/images/arrival_gray.svg);
}
.glyphicons-departure::before {
  content: "";
  display: block;
  text-indent: -9999px;
  height: 1em;
  background: transparent url(/images/departure.svg) no-repeat scroll 0 0;
  background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
}
.glyphicons-departure:hover::before{
  background-image: url(/images/departure_hover.svg);
}
td > a > .glyphicons-departure::before {
  background-image: url(/images/departure_gray.svg);
}
#nav_menu .glyphicons-arrival::before,
#nav_menu .glyphicons-departure::before {
  margin-top: -4px;
}
.panel-heading-icons .glyphicons-arrival::before,
.panel-heading-icons .glyphicons-departure::before{
  margin-top: -3px;
  padding: 0 !important;
}
td > a > .glyphicons-arrival,
td > a > .glyphicons-departure{
  margin-top: 2px;
}
.active > a > .glyphicons-svg{
  background: #4d4d4f;
}
.page_caption
{
  color: #666;
  font-size: 2.2em;
}
.box_gray{
  border-radius: 0.25rem;
  padding: 1em;
  vertical-align: baseline;
  white-space: nowrap;
  background-color: #e4e4e4;
  color: #000 ;
  margin: 10px 20px 10px 0px;
}
.badges{
  font-size: inherit;
  color: inherit;
  display: inline-block;
  position: relative;
}
.menu .badge, #menu_subtitle span.badge{
  background-color: #006dcc;
  border: 0 none;
  border-radius: 10px;
  color: #fff !important;
  font-size: 11px;
  font-weight: 500;
  height: auto;
  line-height: 1;
  min-width: 5px;
  padding: 4px 7px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
  text-indent: 0;
  display: inline-block;
}
.menu span.title, #menu_subtitle span.title{
  width: auto;
  text-align: left;
  text-indent: 0px;
  border: medium none;
  color: inherit;
}
.menu .background_gray span{
  background-color: #bbb;
}
.menu #menu_subtitle .not_link:hover{
  background-color: inherit !important;
  cursor: default;
  text-decoration: none;
}
.menu .subtitle_app{
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 2px;
  padding-top: 2px;
}
tr.inactive { background: #ddd; }

.invoice-cancelled, .invoice-cancelled td{
  background-color: #dedede !important;
}

.invoice-status, td.invoice-status {
  font-weight: bold;
}

/* Cancelled invoice*/
.invoice-status-17000, td.invoice-status-17000{
  color: #FF0000;
}

/* Active invoice*/
.invoice-status-17001, td.invoice-status-17001{
  color: #008000;
}

.invoice-type, td.invoice-type {
  font-weight: bold;
}

/* Credit type*/
.invoice-status-credit, td.invoice-status-credit{
  color: #9acd32;
}

/* Invoice type*/
.invoice-status-invoice, td.invoice-status-invoice{
  color: #ff8c00;
}

.subtitle{
  font-size: 1.4em;
  padding-top: 10px;
  padding-bottom: 15px;
  display: block;
}

/*************** input-group **********/
.btn-date{
  display: inline-block;
  margin-bottom: 10px;
}
.jr-input-group,
.btn-date .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  min-width: 126px;
}
.jr-input-group .input-group-addon,
.btn-date .input-group-addon {
  padding: 8px 18px 8px 9px;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  color: #4d4d4f;
  text-align: center;
  background-color: #f3f5f6;
  border: 1px solid #cccccc;
  border-radius: 4px;
  float: left;
}
td .btn-date{
  margin-bottom: 0px;
}
td .btn-date .input-group .pick_date{
  width: 75px !important;
  margin-right: -2px;
}
  .fix-input-group div.btn-amount > .input-group > .form-control,
  .fix-input-group div.btn-amount > .input-group > .field_error > .form-control{
    width: calc(8em - 2px);
    margin-left: -2px;
  }
  .fix-input-group div.btn-amount > .input-group > .input-group-addon{
    padding-bottom: 7px;
  }
 .fix-input-group div.btn-date > .input-group  .pick_date,
 .fix-input-group div.btn-date > .input-group > .form-control{
    border-right: medium none;
    float: left;
    width: 8em;
    margin-right: -2px;
  }
 .fix-input-group div.btn-date > .input-group > .input-group-addon{
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    float: left;
    padding-right: 8px;
  }
  .fix-input-group .input-group .form-control{
    min-height: 28px !important;
    margin-bottom: 0;
    position: static;
  }
  .fix-input-group .input-group-addon, .input-group-btn{
    width: auto !important;
  }
  .fix-input-group .input-group-addon:last-child{
    border: 1px solid #cccccc;
  }
/*************** end input-group **********/
.qualification .content > input[type="text"]{
  max-width: 233px;
  min-width: 233px;
}

.min-size-warning {
  min-width: 400px !important;
  min-height: 80px;
}
.badge {
  border-radius: 12px !important;
  color: #333333;
  font-size: 0.9em;
  font-weight: 300;
  height: 18px;
  padding: 0 12px 1px 0;
  text-align: center;
  text-shadow: none !important;
  vertical-align: middle;
  background-color: #ffffff;
}
.badge-danger {
  padding: 3px 7px;
  margin-left: 3px;
  background-color: red;
  color: #fff;
  font-weight: bold;
}
.badge-dark{
  padding: 3px 7px;
  margin-left: 3px;
  background-color:#4d4d4f;
  color: #fff;
  font-weight: bold;
}
.ui-buttonset-custom .ui-button {
    display: inline-block;
    margin-bottom: 0;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333333;
    min-width: 80px;
    background-color: #ddd;
    background-image: none;
    border: 0;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.ui-buttonset-custom .ui-button .ui-button-text {
  font-weight: normal;
  padding: .4em .5em;
}
.ui-buttonset-custom > .ui-button:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}
.ui-buttonset-custom > .ui-button:last-child {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}
.ui-buttonset-custom .ui-button.ui-state-active{
  background-color: #5eb95e;
  color: #fff;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.error-message-container .field-name {
  font-weight: bold;
}

[data-content="block_filter[all_rtos]"] .checkbox-filter-item,
[data-content="block_filter[archived]"] .checkbox-filter-item {
  padding-top:28px !important;
}
#sec-staff-profile .row{
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
#sec-staff-profile .row .field strong{
  color: #4d4d4f;
}
#sec-staff-profile input[type="text"], #sec-staff-profile select{
  margin: 0;
}
#sec-staff-profile span.margin-right-10{
  margin-right: 10px;
}
.staff-profile .row{
  min-height: 36px;
}
.custom_details .row{
  margin-left: 0;
  margin-right: 0;
  display: flex;
}
.custom_details .row .field strong{
  color: #777;
}
.custom_details .glyphicons-pencil::before,
.staff_profile_sec .glyphicons::before{
  padding: 1px 7px 0 0;
}
#breadcrumb .page-header a:hover {
  color: #666;
}
.select2-selection__choice.input-tag .select2-selection__choice__remove {
  color: inherit;
}

.select2-selection__choice.color_white {
  color: #ffffff;
}

.content > div.row_content {
  width: 100%;
  padding-top: 10px;
}

#modal_saved_filter .form-inline .form-group label {
  width: 9em;
}
.tasks_heading_border {
  border-bottom: 1px solid #ccc;
}
.ui-sortable .box-people,
.ui-sortable .site-activities-header, .ui-sortable .heading {
  cursor: move;
}
#dashboard-zone .ui-state-highlight {
  border-radius: 4px;
  background: #F5F5F5;
  border-style: dashed;
  border-color: #dcdddf;
  border-width: 2px;
}
#footer {
  float: left;
  width: calc(100% - 2em);
}
.panel-not-marging-right{
  margin-right: 0;
}
.panel-not-marging-right .subtitle{
  color: #777;
}
#col3_content .portal-dashboard .tasks_heading {
  background-color: #fff !important;
  color: #000 !important;
}

.btn-circle {
  border-radius: 25px !important;
  overflow: hidden;
}
.btn.blue-oleo:not(.btn-outline) {
  background-color: #fff;
  border-color: #94a0b2;
}
.blue-oleo{
  line-height: 28px;
}
.title_dropdown_toggle {
  color: #000;
  font-weight: 400;
}
.title_dropdown_toggle .glyphicon-chevron-down {
  top:2px !important;
  font-size: 1em;
}
/**********************tooltip bootstrap css************************/
.tooltip_bootstrap .tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
  }
.tooltip_bootstrap .tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip_bootstrap .tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip_bootstrap .tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip_bootstrap .tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip_bootstrap .tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip_bootstrap .tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip_bootstrap .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip_bootstrap .tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip_bootstrap .tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip_bootstrap .tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip_bootstrap .tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip_bootstrap .tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip_bootstrap .tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip_bootstrap .tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip_bootstrap .tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
/**********************tooltip bootstrap css************************/
.widget-caption {
  font-size: 16px;
  font-weight: 700;
  padding-left: .5rem;
  text-transform: uppercase;
}
.widget-footer {
  border-top: 1px solid #ccc;
  text-align: right;
  padding: 10px 15px;
}
.caseload-list .media {
  margin-top: 0;
  margin-right: 1.5em;
  padding: 15px 0;
}
.caseload-list .media:first-child {
  margin-top: 0;
}
.caseload-list .media,
.caseload-list .media-body {
  zoom: 1;
  overflow: hidden;
}
.caseload-list .media-body {
  width: 100%;
}
.caseload-list .media-object {
  display: block;
}
.caseload-list .media-right,
.caseload-list .media > .pull-right {
  padding-left: 10px;
}
.caseload-list .media-left,
.caseload-list .media > .pull-left {
  padding-right: 10px;
}
.caseload-list .media-left,
.caseload-list .media-right,
.caseload-list .media-body {
  display: table-cell;
  vertical-align: top;
}
.caseload-list .media-middle {
  vertical-align: middle;
}
.caseload-list .media-bottom {
  vertical-align: bottom;
}
.caseload-list .media-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 110%;
  color: #000;
}
.caseload-list .media-heading > a {
  color: #000;
}
.caseload-list.media-list {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
#list_all_emplyees_inner .caseload-list.media-list {
  padding-left: 15px;
}
.media-content {
  padding: 0.5em 0 0;
  margin-bottom: 7px;
}
.caseload-list .media-content .tag {
  padding: 0.3em 0.5em;
}
.caseload-list .media-body .tag {
  color: #fff;
  font-size: 100%;
  background-color: #e4e4e4;
  font-weight: normal;
  cursor: default;
}
.caseload-list .media-body .tag.Active {
  background-color: #0074d9;
}
.caseload-list .media-body .tag.Pending {
  background-color: #36c6d3;
}
.caseload-list .media-body .tag.Academic {
  background-color: #ee8800;
}
.caseload-list .media-body .tag.Academic {
  background-color: #ffaaaa;
}
.caseload-list .media-body .tag.Completed {
  background-color: #2ecc40;
}
.caseload-list .media-body .tag.Coordinator {
  background-color: #ec971f;
}
.caseload-list .media-body .tag.Cancellation {
  background-color: #c9302c;
}
.caseload-list .media-body .tag.Withdrawn {
  background-color: #bac3d0;
}
.caseload-list .media-heading span {
  font-weight: normal;
  float: right;
  color: #BABABA;
  font-size: 95%;
}
.caseload-list .media-heading span,
.caseload-list .media-content {
  color:#999;
}
#list_all_emplyees {
  height: 370px;
  overflow: auto;
}
.my-caseload {
  position: relative;
}
.my-caseload .actions {
  float: right;
  padding-right: 10px;
}
.my-caseload .actions .glyphicon-chevron-down{
  width: 25px;
  top:2px !important;
}
.my-caseload .tasks_heading {
  display: inline-block;
  line-height: 30px;
}
.caseload-media-list .media-left {
  width: 41px;
}
.caseload-media-list .media-left img {
  border-radius: 50%;
  width: 41px;
  height: 41px;
}
.caseload-media-list .media {
  cursor: default;
}
.my-caseload .badge{
  position: relative;
  padding: 0px 10px 0 0px;
  float: right;
}
.dropdown-item .text {
  display: inline-block;
  padding-right: 60px;
}
.my-caseload .dropdown-text {
  display: inline-block;
}
.my-caseload .dropdown-text .badge {
  margin-top: 5px;
  line-height: 18px;
  margin-left: 10px;
}
#select_caseload_filter {
  padding-right: 12px;
  padding-left: 0px;
}
.btn-view-all {
  padding:0 15px;
}
.modal-full {
  width: auto;
  position: initial !important;
}
.modal-full .close {
  position: absolute;
  top: 5px;
  right: 10px;
  font-weight: bold;
  font-size: 28px;
  cursor: pointer;
  color: #fff;
}
.form-group .control-label {
  line-height: 30px;
}
.jr-toggle-checkbox input[type="checkbox"] ~ label.btn {
  padding: 3px 15px;
  height: auto;
  width: auto;
  line-height: normal;
  margin-bottom:10px;
}
.jr-toggle-checkbox input:checked ~ label.btn:hover,
.jr-toggle-checkbox input:checked ~ label.btn:focus,
.jr-toggle-checkbox input:checked ~ label.btn {
  color: #ffffff;
  background-color: #aa2a2a;
  border-color: #a22828;
}
.jr-toggle-blue-checkbox input[type="checkbox"] ~ label.btn {
  padding: 3px 15px;
  height: auto;
  width: auto;
  line-height: normal;
  margin-bottom:10px;
}
.jr-toggle-blue-checkbox input:checked ~ label.btn:hover,
.jr-toggle-blue-checkbox input:checked ~ label.btn:focus,
.jr-toggle-blue-checkbox input:checked ~ label.btn {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.span-red-toggle {
  padding: 3px 15px;
  height: auto;
  width: auto;
  line-height: normal;
  margin-bottom:10px;
  color: #ffffff !important;
  font-size: 95% !important;
  background-color: #FF4136;
  border-color: #a22828;
}
.span-blue-toggle {
  padding: 3px 15px;
  height: auto;
  width: auto;
  line-height: normal;
  margin-bottom:10px;
  color: #ffffff !important;
  font-size: 95% !important;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.jr-input-group {
  display: inline-flex;
  height: 30px;
  position:relative;
  border-collapse: separate;
}
.jr-input-group.dependon-role-agent .form-control {
  width: 50px;
}
.jr-input-group.input-group .form-control{
  min-height: 28px;
}
.jr-input-group .input-group-addon{
  padding: 8px 12px;
  width: 10px;
}
#client_agents select {
  min-height: 30px;
}
#client_agents .fields .select-commission-rate {
  width: 150px;
}
#client_agents .fields .select2-container {
  margin-bottom: 10px;
}
.select2-custom-clear .select2-selection__clear{
 position: absolute !important;
 z-index: 99;
 right: 20px;
 top: 0px;
}
.jr-input-group .form-control:first-child
{
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  display: table-cell;
}
.jr-input-group .input-group-addon:last-child
{
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  display: table-cell;
  border-left: 0;
  white-space: nowrap;
  vertical-align: middle;
}
.jr-input-group .form-control[disabled] ~ .input-group-addon,
.jr-input-group .form-control[disabled]{
  background-color: #f0f0f0;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.65;
}
.jr-input-group .field_error{
  display: inline-flex;
}
.jr-input-group .field_error .form-control:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.jr-input-group .field_error .form-control:first-child:not(.oninput),
.jr-input-group .input-percentage:first-child:not(.oninput) {
  border: 1px solid red;
}
.set-full-width{
  padding: 0 50px;
}
.btn-badge .btn-label {
  position: relative;left: -12px;display: inline-block;padding: 6px 12px;background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;
}
.btn-badge {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  border: 0;
  height: 25px !important;
  line-height: 25px;
  cursor: default;
  pointer-events: none;
}
.btn-badge .glyphicon{
  font-size: 16px;
  cursor: default
}
.btn-badge .btn-label-text {
  vertical-align: top;
}
.btn-badge .btn-label {
  left: -8px;
  padding: 3px 10px 5px;
}
.btn-badge .glyphicon {
  font-size: 16px;
  color: #fff;
}
.subb-full-width .subb {
  margin-right: 0px;
}
.tag-Terminated,
.tag-Pending,
.tag-Active {
  color: #fff !important;
  padding: 0.20em 0.5em;
}
.tag-Active {
  background-color: green;
}
.tag-Pending
{
  color: #000 !important;
  background-color: yellow;
}
.tag-Terminated {
  background-color: red;
}
td.failed {
  color:red;
}
td.forgot_password {
  color: orange;
}.family-phone-form > .form-inline,
.family-email-form > .form-inline {
  position: relative;
  display: inline-block;
  padding: 0;
  margin-left: -15px;
}
.family-email-phone > .form-inline > a{
  vertical-align: middle;
}
.family-address-form > .addressForm > p:first-child{
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
}
.family-contact .glyphicon {
  top: 3px;
}
.family-address-form,
.family-phone-form,
.family-email-form {
  position: relative;
}
.panel-family select,
.panel-family input[type="text"]{
  width:auto;
  display: inline-block;
}
.btn-add-more {
  z-index: 10;
}
.family-phone-form {
  padding-right: 0 !important;
}
.family-email-form .btn-add-more,
.family-phone-form .btn-add-more {
  top: 0px;
}
.family-email-form .btn-add-more .glyphicon-plus-sign
{
  display: inline-block;
}
.address-add-more .btn-add-more{
  margin-left: 259px;
  display: inline-block;
  position: relative;
  top: -36px;
  z-index: 999;
}
.family-email-form input.form-control {
  min-width: 230px;
}
#family .panel-multi {
  margin-top: 15px;
}
#family .panel-multi .profile .panel {
  margin-bottom: 15px;
}
#family .ajax-spinner {
  margin-left: 50%;
}
.link_btn {
  line-height: 28px;
  font-weight: 500;
  padding: 0px 8px 0 0;
  margin-bottom: 0;
  color: #4d4d4f;
}
.link_btn:hover,
.link_btn:focus {
  background-color: #e6e6e6;
  border-color: #adadad;
  color: #333
}
.family-address-container > .addressForm:only-child .remove-address {
  display: none;
}
.family-address-container[data-count="1"] + .address-add-more .btn-add-more {
  margin-left: 238px;
}
.panel-family .row {
  display: block;
}
#full-avatar-image {
  max-width: 100%;
}
#property_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.family-property h3{
  font-size: 130%;
  margin-top: 15px;
}
#property_list {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media(min-width:1600px){
  #property_list {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  #property_list > .family-property {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.family-property-item {
  padding-top:5px;
  padding-bottom:5px;
}
.property-list-edit .family-property-item:hover{
  background-color: #eaf2fa;
}
.family-property .glyphicons-bin {
  opacity: 0.5;
  position: absolute;
  right: 0;
  cursor: pointer;
}
.family-property .glyphicons:before {
  padding: 2px;
}
.family-property .glyphicons:hover {
  opacity: 1;
}
.family-property .property-text .glyphicons {
  position: absolute;
  left: 0;
  color: #4d4d4f;
}
.family-property .property-text {
  padding-left: 20px;
  position: relative;
  font-weight: bold;
  color: #666;
  display: inline-block;
  padding-right: 5px;
}
.more-hidden {
  display: none;
}
.more-link {
  margin-left: 0.5em;
  padding: 0.125em;
  text-decoration: none;
}
.more-link img {
  border: none;
}
.ui-dialog-modal .ui-dialog-buttonpane{
  margin:0;
}
.event_btn_add{
  padding-bottom: 30px;
}
.panel-sms-empty{
  margin-top: 30px;
  margin-bottom: 25px;
  display: block;
  text-align: center;
  margin-right: 7px;
}
.panel-sms-body{
  display: inline-block;
  width: 320px;
  color:#777;
  margin-bottom: 15px;
}
.panel-sms-body .glyphicons-message-full{
  display: inline-block;
  float: left;
  font-size: 45px;
  margin-right: 15px;
}
.panel-sms-body b{
  color: #000;
}
.panel-sms-body h2 {
  color:#777;
  margin-bottom: 10px;
  font-size: 180%;
}
.none_bold {
  font-size: 100%;
  font-weight: normal;
  text-align: left;
  color: #000;
}
#report-download-progress{
  text-align: center;
}
#report-download-progress p .glyphicon-ok {
  font-size: 40px;
  display: block;
  color: green;
  margin-bottom: 3px;
}
#report-download-progress a {
  display: inline-block;
  padding: 2px 5px;
  border: 1px solid #ccc;
  background-color: #f0f0f0;
}
.glyphicons-short {
  background: url(../images/glyphicon-short.png) !important;
  background-size: 100% 100% !important;
  width: 16px;
  height: 7px;
  vertical-align: top;
  display: inline-block !important;
  left: 0;
  top: 4px;
  position: absolute;
  padding: 0;
}
.party-form-selector {
  text-align: left;
}
.party-form-selector .radio-pretty{
  display: inline-block;
  position: relative;
}
.party-form-selector .radio-pretty label {
  width: auto;
  color: #000;
}
.party-form-selector .radio-pretty label .glyphicons-paragraph:before{
  padding-left: 0px;
}
.br-tabs > ul > li > a .glyphicons,
.br-tabs > ul > li > a {
  color: #000;
}
.br-tabs .nav-tabs {
  margin: 0;
}
.br-tabs .nav-tabs > li,
.ui-modal-content .nav-tabs > li {
  margin-left: 0;
  margin-bottom: -2px !important;
}
.br-tabs .nav-tabs > li > a,
.ui-modal-content .nav-tabs > li > a {
  margin-right: 0;
}
.br-tabs .nav-tabs > li.active,
.ui-modal-content .nav-tabs > li.active {
  border-bottom: 1px solid #fff !important;
}
.party-form-selector .nav-tabs{
  margin-bottom: -1px !important;
}
.party-form-selector .nav-tabs > li.active > a {
  background-color: #fff !important;
}
.party-form-selector .tab-pane > div > div > .panel,
.party-form-selector .tab-pane .panel-tab {
  border-top-left-radius: 0;
}
.party-form-selector .tab-pane .form-control{
  width: auto;
}
.party-form-selector .tab-pane .form-control-static {
  padding-top:0;
  padding-bottom:5px;
}
.panel-multi .input-group-date .input-group-addon{
  cursor: pointer;
  border-left: 0;
}
.panel-multi .input-group-date .glyphicons-calendar:before{
  padding: 3px 6px;
}
.panel-multi .input-group-date .form-control {
  margin-bottom: 0 !important;
}
.input-group + .glyphicon-info-sign {
  margin-top: 8px;
}
.party-email-box input[type="text"],
.party-address-box input[type="text"],
.party-phone-box input[type="text"] {
  min-width: 212px;
}
.party-form-selector .maxwidth_email {
  min-width: 215px;
}
.party-form-selector .panel-heading-icons a {
  top:auto;
}
.party-form-selector .tab-pane .checkbox input[type="checkbox"] {
  margin-top: 2px !important;
}
.party-form-selector .party-simple-form > .panel > .panel-body,
.party-form-selector #fullForm > .panel > .panel-body {
  padding: 25px 20px 5px 20px;
}
.party-form-selector .nav-tabs li *{
  cursor: pointer;
}
.party-form-selector .panel-party-group select,
.party-form-selector #complete_form .addressForm select{
  width: 168px !important;
}
.party-form-selector .tab-pane .custom_details select.form-control{
  width: 164px;
}
.party-form-selector #complete_form .addressForm input[type="text"] {
  width: 150px;
}
@media only screen and (min-width: 75em) {
  .party.edit .custom_details .col-lg-2,
  .party-form-selector .col-lg-2 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .party.edit .custom_details .col-lg-10,
  .party-form-selector .col-lg-10 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
}
.party-simple-form .select2-search--inline .select2-search__field {
  margin-top: 8px;
  min-width: 100%;
}
#bulk_action .separator {
  width: 100%;
  display: inline-block;
  height: 1px;
  margin: 2px 0;
  overflow: hidden;
  background-color: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  opacity: 0.4;
}
.dialog-bulk-confirm-enrolment {
  min-height: 50px !important;
  min-width: 260px !important;
}
.ui-button.ui-state-disabled {
  cursor: not-allowed !important;
}
.section-shortcut {
  display: inline-block;
}
#top-dashboard > .section-shortcut:not(:last-child){
  margin-right: 15px;
}.list_table {
  clear: both;
}
.quick-filter {
  margin-bottom: 5px;
}
.quick-filter .btn-white{
  height: 26px;
  line-height: 26px;
  color: #4D87C7;
}
.btn-group-buttonset .ui-button{
  width: 70px;
}
.btn-group-buttonset > .field_error:first-child + .btn,
.btn-group-buttonset > input[type="radio"]:first-child + .btn {
  border-bottom-left-radius: 4px !important;
  border-top-left-radius: 4px !important;
}
.btn-group-buttonset .ui-button .ui-button-text {
  line-height: 1.2;
}
.select2-container--default .select2-results__group{
  font-size: 105%;
}
.list_table .btn-group:not(.button_dropdown_options) {
  margin-top: -10px;
}
.list_table .btn-group .glyphicons-option-horizontal {
  font-size: 150%;
  color: #4d4d4f;
}
.list_table .btn-group.open .glyphicons-option-horizontal,
.list_table .btn-group .glyphicons-option-horizontal:hover {
  color: #e75c25;
}
.list_table .btn-group .glyphicons-option-horizontal:before {
  padding: 0 5px;
}
.list_table .btn-group.open .dropdown-toggle
{
  box-shadow: none;
}
.list_table .dropdown-menu > li > a {
  padding: 3px 10px;
  line-height: 2.0;
}
td > a:not(.btn-icon) > .glyphicons{
  color: rgb(77, 77, 79);
  font-size: 1.5em;
  padding-left: 4px;
}
td > a:not(.btn-icon) > .glyphicons::before {
  padding: 0;
}
#breadcrumb.breadcrumb_h1_link {
  margin-left: 0;
  padding-left: 0px;
  margin-bottom: 0;
  border: none;
  position: relative;
}
#breadcrumb.breadcrumb_h1_link .page-header{
  margin: 0 0 0.25em;
  border: none;
  padding-bottom: 0;
  font-size: 1.9rem;
}
#breadcrumb.breadcrumb_h1_link .page-header a{
  color: #666;
}
.form-answers-page .question-text {
  font-weight: bold;
  margin-bottom: 10px;
  pointer-events: none;
}
.quick-filters {
  display: inline;
  float: right;
  margin-right: 5px;
}
.quick-filters .dropdown-toggle{
  height: 28px;
}
.quick-addons {
  display: inline-block;
}
.quick-addons .btn .glyphicons:before {
  padding: 6px 0 3px 0;
}
.arrow-right{
  display: none;
}
.table-commissions {
  background-color: #eee;
}
.table-commissions th {
  padding: 3px;
}
.table-commissions td {
  padding: 7px;
}
.select-base-rate {
  margin-left: 15px;
}
.badge-status span.badge-danger {
  background-color: red !important;
}
.reference_form input[type="checkbox"] {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}
#service-edit-modal .layouts_setting {
  right: 20px;
}
.btn-check {
  min-height: 35px;
}
.btn-check input[type="checkbox"] {
  position: absolute;
  visibility: hidden;
}
.btn-check .btn {
  display: inline-block;
  width: 30px !important;
  border: 1px solid #cccccc;
}
.btn-check input[type="checkbox"]:checked + .btn{
  background-color: #337ab7;
  border-color: #2e6da4;
  color: #fff;
}
.table-see-activity,
.table-see-activity td {
  background: transparent;
}
.table-see-activity .time-edit .clockpicker {
  margin-bottom: 0 !important;
}
.table-see-activity .time-edit .clockpicker.input-group {
  width: 125px;
  float: left;
}
.table-see-activity .time-edit .clockpicker .form-control {
  width: 82%;
}
.table-see-activity .time-edit,
.table-see-activity .time-show {
  padding: 0 5px 0 10px;
  line-height: 30px;
}
.time-end{
  padding-left: 0px !important;
}
.time-split{
  padding-right: 5px;
  display: inline-block;
  float: left;
  line-height: 30px
}
.time-edit .time-split{
  padding-left: 0px;
}
.scheduled_true{
  color: green;
  text-align: center;
}
.scheduled_false, .scheduled_{
  color: red;
  text-align: center;
}
body.background_gray #col3{
  background-color: #eee;
  position: relative;
}
body.background_light_gray #col3{
  background-color: #f5f5f5;
  position: relative;
}
body.background_gray .tab-bar{
  margin-bottom: 0 !important;
}
body.background_gray ul.tab-bar li a:hover,
body.background_gray ul.tab-bar li.current > a,
body.background_gray .tabs_main ul.nav-tabs li > a:hover{
  background-color: #fff;
  color: black;
}
body.background_gray .tab-content{
  background: #fff !important;
  padding: 10px;
  border-left: 1px solid #ddd !important;
  border-right: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
  margin-left: 1px;
  margin-bottom: 10px;
}
body.background_gray #col3 {
  position: relative;
}
body.background_gray #col3_content{
  position: initial;
}
body.background_gray #page_footer_tooltip{
  position: absolute;
  right: 25px;
  bottom: 20px;
}
body.background_gray #tooltip_href{
  padding-right: 0px;
}
body.background_gray .subb.client-details-edit{
  background-color: #fff;
}
body.background_gray #page_footer_tooltip .popover.fade{
  left: -277px !important;
}
.select2-dropdown .fa-map-marker-alt{
  float: left;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #666;
  text-align: center;
  color: #fff;
  vertical-align: middle;
  font-size: 20px;
  padding: 10px;
  margin-right: 5px;
  margin-top: -2px;
}
#letter_description_toolbargroup{
  position: relative;
}
#letter_description_toolbargroup .disabled_toolbargroup{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: white;
  opacity: 0.4;
}
/* popup */
#global-popup-box{
  padding: 0;
}
#global-popup-box #global-popup-header{
  background-color: #f3f5f6;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.4286px;
  padding: 15px;
}
#global-popup-box #global-popup-header .close{
  font-size: 20px;
  color: gray;
  cursor: pointer;
}
#global-popup-box #fields-props select{
  min-width: 167px;
}
#global-popup-box #fields-props input{
  min-width: 150px;
}
.course_scope.wizard .wizard-body .group-flag, #course-scope-compliance .group-flag{
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}
.course_scope.wizard .wizard-body .group-flag .flag-icon-au, #course-scope-compliance .group-flag .flag-icon-au {
  width: 28px;
  height: 21px;
  position: relative;
  top: -2px;
  display: inline-block;
  background-size: 100%;
}
.course_scope.wizard .wizard-body .group-flag h3, #course-scope-compliance .group-flag h3 {
  display: inline-block;
  position: relative;
  top: -5px;
  left: 10px;
}
.course_scope.wizard .wizard-body .subb label {
  margin-top: 5px;
}
.course_scope.wizard .wizard-body .custom_details .panel-body strong,
.course_scope.wizard .wizard-body .long_label + .height_input,
.course_scope.edit .tab-content strong,
.course_scope.update .tab-content strong,
.course_scope.edit .tab-content .tga span{
  display: inherit;
  margin-top: 5px;
}
.course_scope.wizard .wizard-body .custom_details .panel-body, .course_scope.wizard .wizard-body #vsl-fee-help{
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.period-of-enrolment.disabled input[type="text"]{
  pointer-events: none;
  background-color: #f0f0f0;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.65;
}
.checkbox-pretty,
.radio-pretty
{
  display: inline-block;
  width: 22px;
  height: 22px;
  float: left;
  position: relative;
}
.checkbox-pretty input:focus,
.checkbox-pretty input:hover,
.checkbox-pretty input[type="checkbox"],
.radio-pretty input[type="radio"]{
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0 !important;
  box-shadow: none !important;
  overflow: none !important;
  background: transparent;
  visibility: hidden;
}
.radio-pretty::before {
  position: absolute;
  top: 1px;
  display: block;
  left: 1px;
  width: 18px;
  height: 18px;
  margin: 0px;
  padding: 0px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid transparent;
  content: "";
  -mox-box-shadow: 0 0 1px #ccc;
  -webkit-box-shadow: 0 0 1px #ccc;
  box-shadow: 0 0 1px #ccc;
}
.checkbox-pretty input[type="checkbox"] + label,
.radio-pretty input[type="radio"] + label {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url('./images/checkbox_radio_blue.png');
  cursor: pointer;
  background-color: #fff;
}
.checkbox-pretty input[type="checkbox"] + label{
  background-position: 0 0;
  background-color: #fff;
}
.radio-pretty input[type="radio"] + label{
  border-radius: 50%;
  background-position: -120px 0;
  position: relative;
  z-index: 1;
}
.checkbox-pretty input[type="checkbox"]:not([disabled]):not(:checked) + label:hover,
.checkbox-pretty input[type="checkbox"]:not([disabled]):not(:checked) + label:focus,
.checkbox-pretty input[type="checkbox"]:not([disabled]):not(:checked):focus + label,
.checkbox-pretty input[type="checkbox"]:not([disabled]):not(:checked):hover + label{
  background-position: -24px 0;
}
.radio-pretty input[type="radio"]:not([disabled]):not(:checked) + label:hover,
.radio-pretty input[type="radio"]:not([disabled]):not(:checked) + label:focus,
.radio-pretty input[type="radio"]:not([disabled]):not(:checked):focus + label,
.radio-pretty input[type="radio"]:not([disabled]):not(:checked):hover + label{
  background-position: -144px 0;
}
.checkbox-pretty input[type="checkbox"]:checked + label{
  background-position: -48px 0;
}
.radio-pretty input[type="radio"]:checked + label{
  background-position: -168px 0;
}
.party-form-selector .radio-pretty,
.party.new .radio-pretty, .party.create .radio-pretty{
  float: unset;
  width: auto;
  height: auto;
}
.party-form-selector .radio-pretty::before,
.party.new .radio-pretty::before, .party.create .radio-pretty::before {
  display: none;
}
.party-form-selector .radio-pretty input[type="radio"] + label,
.party.new .radio-pretty input[type="radio"] + label, .party.create .radio-pretty input[type="radio"] + label {
  background: none;
  width: auto;
  height: auto;
}
.subcolumns .new_line{
  width: 100%;
  display: block;
  line-height: 14px;
  height: 10px;
}
.subcolumns .panel-heading-icons{
  text-indent: initial !important;
}
.text-colour-white {
  color: white !important;
}
.text-colour-black {
  color: black !important;
}
.tabs-new h2{
  padding: 20px;
  color: #666;
  font-size: 20px;
  padding-bottom: 0px;
}
.tabs-new ul.nav-tabs{
  border: none !important;
}
.tabs-new li > a,
.tabs-new li:hover > a,
.tabs-new li > a:focus,
.tabs-new li > a:hover {
  background: #fff !important;
  border: none !important;
}
.tabs-new  li.active > a:focus,
.tabs-new  li.active > a:hover,
.tabs-new  li.active > a {
  background: #fff !important;
  border: none !important;
  color: #17a2b8 !important;
  border-bottom: 2px solid #17a2b8 !important;
}
.tabs-new .tab-content .ajax-spinner{
  padding-left: 15px;
}
.tabs-new .fixed-table-toolbar{
  display:none;
  float: right;
  padding-right: 5px;
}
.tabs-new .fixed-table-toolbar button.dropdown-toggle{
  height: 28px;
}
.tabs-new th[data-bulk-action="true"]{
  text-align: center;
}
.tabs-new .list_table th {
  cursor: move;
  padding-right: 7px;
}
.tabs-new .list_table th a {
  display:inline;
  width:auto;
  padding-left: 5px;
}
.custom-radio-button input[type="radio"]{
  position: absolute;
  opacity: 0;
}
.custom-radio-button label{
  width: auto;
  padding: 5px 15px;
  background-color: #E8E8E8;
  color: #A6A6A6;
}
.custom-radio-button label:hover{
  cursor: pointer;
}
.custom-radio-button input[type="radio"]:checked+label{
  background-color: #347BB7;
  color: #fff;
}
.alert .help-text {
  color: #666;
}
.alert .help-link {
  color: #4D87C7;
}
.unit-dropdown-pull-left {
  left: -180px !important;
  top: 0px !important;
}
.unit-dropdown-pull-left a {
  line-height: 26px !important;
  font-weight: bold !important;
}
.tag-red {
  font-size: 0.9em !important;
  background-color: #ff0000;
}
input[readonly].color_picker {
  cursor: pointer;
  opacity: 1;
}
.whitebox_without_graybg {
  display: inline-block;
  width: calc(100% - 30px);
  padding-bottom: 10px !important;
}
.green-color { color: #13892C; }

.balance-out-label {
  display: inline;
  padding: .3em .6em .3em;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
  margin: 0 0 0 10px!important;
}

.balance-out-label-custom {
  display: inline-block;
  color: #ffffff;
  line-height: 1.4;
  margin-left: 0px!important;
}

.bo-label-danger { background-color: red; }
.bo-label-info { background-color: #006dcc; }
.bo-label-success { background-color: #449d44; }
.bo-label-yellow { background-color: yellow; color: #856404; }
.button_dropdown_options button .glyphicons::before {
  padding: 0 !important;
}
.alert .pull-left {
  float: left;
  margin: 0 10px 0 5px;
}
.alert-inline-flex {
  display: inline-flex;
  width: calc(100% - 20px);
  border-color: #e60000;
  background: #f4c6c6;
}
.alert-inline-flex .alert-message {
  vertical-align: middle;
  justify-content: center;
  flex-direction: column;
  display: flex;
}
.alert-inline-flex .alert-message ul {
  margin: 0;
}
.alert-inline-flex .alert-message ul li {
  color: #000;
}
.wizard-body > .subb {
  margin-right: 0px;
}
.edit_unallocated_fund,
.new_unallocated_fund {
  padding: 10px;
}
.edit_unallocated_fund select,
.new_unallocated_fund select {
  min-width: 200px;
}
.table_none_border tr,
.table_none_border td,
.table_none_border th,
.table_none_border{
  border: none !important;
  background: transparent !important;
}
.table_none_border tr,
.table_none_border tr:hover td{
  background: transparent !important;
}
#cluetip-inner br + br {
  line-height: 7px;
}

.timeable_loading {
  position: fixed;
  top: 0;
  width: calc(100% - 40px);
  height: 100%;
  z-index: 999999;
  background-color: rgba(0,0,0,0.75);
  padding-top: 10%;
  left: 0;
  padding: 20px;
  text-align: center;
  padding-top: calc(50% - 500px);
}
.timeable_loading .title{
  color: #77b43f;
  font-size: 22px;
  font-weight: bold;
}
.timeable_loading .new_close {
  position: absolute;
  font-size: 20px;
  color: gray;
  right: 11px;
  cursor: pointer;
  top: 12px;
  width: 24px;
  border: 1px solid #ddd;
  border-radius: 12px;
  height: 24px;
}
.check-list-menu {
  position: absolute;
  top: 50%;
  margin-top: -10px;
}
.promote-modal {
  font-family: 'proxima-nova-soft', sans-serif;.
  border-radius: 6px;
  text-align: center;
}
.promote-modal h3 {
  font-size: 26px;
  color: #000;
}
.promote-modal .message-text {
  font-size: 14px;
  color: #666;
  padding: 10px 0;
  margin: 0 0 2em 0;
}
.promote-modal .btn {
  padding: 5px 40px;
  border-radius: 999px;
  font-size: 16px;
  margin-bottom: 10px;
}
.promote-modal .close {
  color: #666 !important;
  font-weight: normal !important;
  z-index: 9999;
  right: 15px;
  opacity: 0.8;
}
.promote-modal .close:focus,
.promote-modal .close:hover {
  opacity: 1;
  color: #232323 !important;
}
.celebrate-modal .message-text {
  margin-bottom: 15px;
  line-height: 20px;
}
.celebrate-modal .message-text-second {
  padding-top: 25px;
}
.warning-banner {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  background: #fff433;
  width: 100%;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.warning-banner .warning-wrapper {
  position: relative;
  width: 100%;
  text-align: center;
}
.warning-banner .warning-wrapper .link {
  text-decoration: underline;
}
.warning-banner .btn-close {
  position: absolute;
  top: -2px;
  right: 50px;
  font-size: 20px;
  cursor: pointer;
}
.warning-banner .btn-close .fa{
  font-weight: 400;
}
.cohorts-filter .select2 {
  width: calc(100% - 115px) !important;
}
.cohorts-filter .cohort-active-div {
  width: 108px;
  float: right;
  text-align: right;
}
.cohorts-filter .cohort-active-div .long_label{
  width: calc(100% - 25px) !important;
}
.cohorts-filter .cohort-active-div .long_label {
  float: right;
  padding-right: 10px;
}
.btn-please-wait {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.focus-visible:focus {
  border-color: #66afe9;
  box-shadow: 0 0 0 2px #4c9aff !important;
  outline: 0 none !important;
}
.form-buttons span.glyphicon {
  font-size: 12px;
}
.field-updated .input-group-addon,
.field-updated .form-control {
  border-color: #FF9F34 !important;
  background-color: #FFEBD0 !important;
}
.toast-warning .toast-message {
  text-align: left;
}

.confirm-activate-signing {
  margin-left: 15px;
}

.confirm-alert-warning {
  background-color: #FFECB5;
}

.hoverable-icon {
  cursor: pointer;
}

.hoverable-icon:hover {
  color: #e75c25;
}