@font-face {
  font-family: "circularbold";
  src: url("../../fonts/HalisR-Medium.otf");
}
@font-face {
  font-family: "circularbook";
  src: url("../../fonts/HalisR-Book.otf");
}
.headerbg {
  height: 90px;
  background-image: url(../../img/offices/admin/header_bg.jpg);
}
html {
  position: relative;
  min-height: 100%;
}
html,
body {
  font-size: 16px !important;
  font-family: "circularbook" !important;
}
.hamburger,
.main-title {
  margin-left: 15px;
}
.main-title {
  font-family: "circularbold" !important;
}
.hamburger span {
  position: relative;
  cursor: pointer;
  display: inline-block;
  z-index: 100;
  color: #220e46 !important;
  padding-left: 30px;
  /*background: url("../../img/offices/admin/menu.svg") no-repeat left;*/
  background: url("../../img/menu.svg") no-repeat left;
}
.hamburger.open span {
  background: url("../../img/offices/admin/close.svg") no-repeat left !important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .hamburger span {
    background-position-x: -20px !important;
  }
  .hamburger.open span {
    background: url("../../img/offices/admin/close.svg") no-repeat -20px !important;
  }
}
.hamburger.open {
  margin-left: 0px;
  color: #220e46 !important;
  position: relative;
  padding: 15px;
  top: -15px;
  color: #220e46 !important;
  background: #9ad5c2 !important; /* Old browsers */
}
.hamburger.open span {
  background: url("../img/offices/admin/menu_hover.svg") no-repeat left;
  color: #220e46 !important;
}
.logo img {
  width: 150px !important;
}
.footer {
  /*position: relative;
  bottom: 0px !important;
  width: 100%;
  height: 20px;
  min-height: 20px;*/
  /*background-color: #9ad5c2;*/
  /*padding: 0px 180px;*/
  /* color: #fff; */
	clear: both;
  text-align: center;
  background: #FFFFFF;color:#aaa;
  font-size: 14px;
  padding: 10px 0;
}
.admin-page .footer{ padding: 10px 0;}

.footer a{color:#aaa;}
footer > div.padding {
	margin: 0 auto;
    text-align: center;
    padding: 20px;
    width: 100%;
  /*width: 100%;
  bottom: 0px;*/
  /*color: #fff;*/
  /*font-size: 14px !important;
  margin-top: 40px;*/
}


.navbar {
  border: 0px none;
  border-radius: 0px;
  min-height: 30px;
  margin-bottom: 0px;
}
.navbar-nav > li > a {
  color: #220e46 !important;
  padding: 0px 0 0 30px;
  background-color: transparent !important;
}
.navbar-right {
  margin-right: 0px;
}
.nav > li {
  display: inline-block;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:active {
  color: #488fcd;
  background-color: transparent;
}
.navbar-nav .logout {
  background: url("../../img/offices/admin/logout.svg") no-repeat right;
  padding-right: 20px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .navbar-nav .logout {
    background-position: right -40px top;
  }
}
div#modal-promotion-user-import .modal-dialog {margin: 10vh auto; width: 90%; max-width: 1200px;}
#modal-promotion-user-import .modal-dialog.modal-md.col-md-12.col-xs-12.modal-content.padding{width: 90%;}
div#modal-promotion-user-import .modal-content .button{padding: 10px;}
div#modal-promotion-user-import .modal-content .button .input{padding:5px 15px; margin-right: 10px; display:inline-block; width: auto;}
.updfile{	margin: 20px auto; 
    padding: 0 30px;}
.updfile #uploadfilecomp a.btn-block{width: 30%; display:inline-block;}
table.importTop{width: 95%; margin:5px auto 20px;}
table.importTop tr td{padding: 5px;}
.modal .modal-content .belowBtns{text-align: center;margin: 20px auto;}
.modal .modal-content .belowBtns .button {padding: 0 10px;display: inline-block; vertical-align: middle;}
table.importDetails{width: 95%; margin: 0 auto 30px;}
table.importDetails tr th{background: #282c27; color: #FFFFFF;}
table.importDetails th, table.importDetails tr td{padding: 5px;}
table.importDetails tr td{padding: 5px; border-bottom: 1px solid #EEEEEE;}

div#modal-broadcast-user-import .modal-dialog {margin: 10vh auto; width: 90%; max-width: 1200px;}
#modal-broadcast-user-import .modal-dialog.modal-md.col-md-12.col-xs-12.modal-content.padding{width: 90%;}
div#modal-broadcast-user-import .modal-content .button{padding: 10px;}
div#modal-broadcast-user-import .modal-content .button .input{padding:5px 15px; margin-right: 10px; display:inline-block; width: auto;}

@media (min-width: 1170px) {
/*  .header {
    margin-left: 140px;
    position: absolute;
  }*/
  .header .nav.navbar-nav.navbar-right {
    padding-right: 50px;
  }
  body {
    overflow-x: hidden !important;
  }
}
.tool {
  line-height: 40px;
  margin: 5px 0px;
  /* text-align: center; */
}
.tool span {
  padding: 0px 15px;
}
.tool div:nth-child(1) {
  color: #000;
  border: 1px #afafaf solid;
  /* background-color: transparent; */
}
.tool div {
  border : 1px solid #989898;
  padding : 10px 20px;
  color: #292c28 !important;
}
.tool div.col-md-12.col-xs-12{background:none; border: none; margin: 0; padding:0;}
.tool div.col-md-12.col-xs-12 span{border: 1px solid #000000; margin-right: 10px; display: inline-block; padding: 0;}
.tool div.col-md-12.col-xs-12 span:last-child{margin-right: 0; }
.tool div.col-md-12.col-xs-12 span a{color:#000000; padding:5px 10px; display: block; line-height: 20px; min-width: 120px;/*tenantaccess*/ text-align: center;
    font-size: 12px;}
    .tool div.col-md-12.col-xs-12 span:hover{background: #e7e2d3;border: 1px solid #e7e2d3;}
.table-wrap table {
  color: #000;
  width: 100%;
  /*margin-top: 20px;*/
  font-size: 14px;
}
.table-wrap table a {
  color: #fff;
}
.table-wrap table a:hover {
  color: #272c26;
}
.table-wrap table tr {
  height: 40px;
}
.table-wrap table td .fa {
  padding-left: 5px;
  line-height: 15px;
}
.table-wrap table tr.separator {
  height: 10px;
}
.table-wrap table td,
.table-wrap table th {
  padding: 10px;
  border-bottom: 1px #e6e7e8 solid;
}
.table-wrap table td.button{text-align: right; float: none;}
.table-wrap table th a {
  text-decoration: none !important;
}
.table-wrap table th a:hover {
  color: #fff !important;
  text-decoration: none !important;
}
.theadcolorwhite table th,
.theadcolorwhite table th a {
  color: #fff !important;
}
/*.table-wrap table.today-booking {
  color: #000;
  width: 100%;
  margin-top: 0px;
  font-size: 12px;
}*/
/*.table-wrap table.table-width120 td {
  min-width: 120px;
}*/
.table-wrap table td:nth-child(1),
.table-wrap table td:nth-child(2),
.table-wrap table td:nth-child(3) {
  min-width: inherit;
}
.table-wrap:not(.noalternative) table tr:nth-child(even) {
  /*background-color: rgba(230, 231, 232, 0.3);*/
}
/*.table-wrap table.alternative td:nth-child(odd),
.table-wrap table .gap
*table td:nth-child(odd)* {
  background-color: rgba(230, 231, 232, 0.3);
}*/
.table-wrap table tr:first-child td {
  /* border-bottom: 0px; 
  border: 1px solid #fff;*//*QR cardCHange*/
  
  min-width: 60px;
  /*background-color: #e6e7e8;*/
}
.table-wrap table thead tr:first-child {
  font-family: "circularbold";
  background-color: #989898;
}

/* Backend */
.pclr2 {
  font-weight: bold;
  color: #fff;
  padding: 20px 20px;
  background-color: #989898;
}
.pclr2underline {
  padding: 10px 2px;
  border-bottom: 1px solid #989898;
}
.pclr2button {
  padding: 10px 20px;
  background-color: #e6e7e8;
}

.infopclr {
  background-color: #f1f1f2;
  padding: 40px 40px;
  clear: both;
}
.infopclr div {
  border: none !important;
}
.infopclr label {
  font-weight: bold;
  color: #000;
}
.infopclr2 {
  clear: both;
  margin-top: 30px;
}
.infopclr2 .pclr2,
.infopclr2 .endbar {
  font-weight: bold;
  color: #fff;
  padding: 20px 20px;
  background-color: #989898;
}
.infopclr2 .content,
.infopclr2 .contentpoints {
  background-color: #f1f1f2;
  padding: 20px 20px;
  clear: both;
}
.infopclr2 .contentpoints > div,
.infopclr2 .contentpoints > p {
  position: relative;
  vertical-align: top;
  /*width: 240px;*/
  display: inline-block;
}
.infopclr2 .contentpoints .centerdiv {
  position: relative;
}
.infopclr2 .contentpoints .contentp {
}
.infopclr2 .circleborder {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  vertical-align: middle;
  border: 1px solid #000;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  padding-top: 30px;
}
.infopclr2 textarea {
  width: 100%;
  height: 120px;
  resize: none;
}
.infopclr2 .endbar {
  min-height: 70px;
}
.infopclr2 .endbar .button a {
  background-color: #fff !important;
}

/*.ui-datepicker-today  a {
  border:  #fff !important;
  color:  #fff !important;
  font-weight: bold !important;
  background: #f00 !important; 
}*/

/*Survey Poll Management*/
/* .ui-datepicker-calendar td:not(.ui-datepicker-unselectable) a {
  color: #5ecc4c !important;
} */

.tabletab {
  padding: 10px;
  background-color: #989898;
  color: #fff;
}

.small-legend {
  float: left;
  margin-right: 5px;
  background-color: #000;
  width: 20px;
  height: 20px;
}
/*.infopclr .contentpoints p > .button > .hvr-sweep-to-right
{
	width: 180px;
}
.infopclr {
	clear: both;
	margin-top: 30px;
}
.infopclr .pclr2, .infopclr .endbar {
	font-weight: bold;
	color: #fff;
	padding: 20px 20px;
	background-color: #989898;
}
.pclr2 {
	height: 60px;
}
.infopclr .content,
.infopclr .contentpoints
{
	background-color: #f1f1f2;
	padding: 20px 20px;
	clear: both;
}
.infopclr .contentpoints > div,
.infopclr .contentpoints > p
{
	position: relative;
	vertical-align:top;
	width: 240px;
	display: inline-block;
}
.infopclr .contentpoints .centerdiv {
	position: relative;
}
.infopclr .contentpoints p {
	width: 850px;
}
.infopclr .circleborder
{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	vertical-align: middle;
	border: 1px solid #000;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	padding-top: 30px;
}
.infopclr textarea {
	width: 100%;
	height: 120px;
	resize: none;
}
.infopclr .endbar {
	min-height: 70px;
}
.infopclr .endbar .button a {
	background-color: #fff !important;
}

.infopclr {
	clear: both;
	margin-top: 30px;
}
.infopclr .content,
.infopclr .contentpoints
{
	background-color: #f1f1f2;
	padding: 20px 20px;
	clear: both;
}
.infopclr .contentpoints > div,
.infopclr .contentpoints > p
{
	position: relative;
	vertical-align:top;
	width: 240px;
	display: inline-block;
}
.infopclr .contentpoints .centerdiv {
	position: relative;
}
.infopclr .contentpoints p {
	width: 850px;
}
.infopclr .circleborder
{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	vertical-align: middle;
	border: 1px solid #000;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	padding-top: 30px;
}
.infopclr textarea {
	width: 100%;
	height: 120px;
	resize: none;
}
.infopclr .endbar {
	min-height: 70px;
}
.infopclr .endbar .button a {
	background-color: #fff !important;
}*/
.borderbottom {
  border-bottom: 1px solid #fff;
}
.borderbottomgrey {
  border-bottom: 1px solid #989898;
}
.textright {
  text-align: right !important;
}
.textcenter {
  text-align: center !important;
}
.coloralice {
  color: #220e46 !important;
}
/*.blue {
  color: #2060bc !important;
}*/
.tabcontentbackground {
  background-color: #f1f1f2 !important;
}
.tabcontentbackground-dark {
  background-color: #d8d8d8 !important;
}
.bold {
  font-weight: bold;
}
.bottom-navi {
  padding: 5px 15px;
  margin-top: 20px;
  background-color: #000;
  height: 50px;
}
.bottom-navi.tabcontentbackground-dark {
    background-color: #FFFFFF !important;
}
/*Loan Item*/
.bottom-navi .switch {
  top: 5px;
  margin-right: 60px;
  color: #000000;
}
.bottom-navi .hvr-sweep-to-right {
  background-color: #fff;
}
/*Rates Management*/
.bottom-navi .hvr-sweep-to-right {
    background-color: #fff;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}
.blackswitch .switch {
  color: #000;
}
.separator {
  height: 20px;
}
/* Switches */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 28px;
  margin-left: 60px;
  margin-right: 60px;
}
.container{margin: 0; padding: 0; width: 100%;}
.container-inline .switch:before {
  content: "Disable";
  position: relative;
  left: -60px;
  top: 4px;
}
.switch-noyes:before {
  content: "No" !important;
  position: relative !important;
  left: -25px !important;
  top: 4px !important;
}
.switch-noyes:after {
  content: "Yes" !important;
  position: relative !important;
  right: -45px !important;
  top: 4px !important;
}
.container-inline .switch:after {
  content: "Enable";
  position: relative;
  right: -70px;
  top: -17px;
}
.border-top {
  border-top: 1px solid #989898;
}
.content .border-top:first-child {
  border: none;
}
.switch input {
  display: none;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 34px;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 4px;
  border-radius: 50%;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #2196f3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}
/* END Switches */
/* Button */
.button-blackborder a {
  border: 1px #000 solid !important;
}
.button-white a {
  border: 1px #fff solid !important;
}
.content .button {
  background-color: transparent;
}
table .button a,
table .button input {
  color: #272c26;
  padding: 5px 30px;
  border: 1px #272c26 solid;
  font-family: "circularbold";
  /*width: 120px;*/
  text-align: center;
  /*display: block;*/
}
a:hover {
  text-decoration: none !important;
}
.table-wrap .button-onwhite a:hover,
.table-wrap .button-onwhite a:active,
.table-wrap .button-onwhite a:focus,
.add-button,
.hvr-sweep-to-right.add-button:hover,
.hvr-sweep-to-right.add-button:active,
.hvr-sweep-to-right.add-button:focus,
.button a:hover,
.button a:active,
.button a:focus,
.buttons a:hover,
.buttons a:active,
.buttons a:focus,
table .button a:hover,
table .button a:active,
table .button a:focus,
.button input:hover,
.button input:active,
.button input:focus {
	border: 1px solid #e7e2d3;
	background: #e7e2d3;
}

.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  text-decoration: none !important;
}
.hvr-sweep-to-right:before {
  /*  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:#5397d1;
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transform-origin:0 50%;
  transform-origin:0 50%;
  -webkit-transition-property:transform;
  transition-property:transform;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  -webkit-transition-timing-function:ease-out;
  transition-timing-function:ease-out*/
}
.button-white .hvr-sweep-to-right:before {
  background: #fff;
}
.button-blackborder .hvr-sweep-to-right:before {
  background: #000;
}
.hvr-sweep-to-right:active,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:hover,
.button-alice a.hvr-sweep-to-right:hover {
  /*color:#fff*/
}
.hvr-sweep-to-right:active:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.button-white .hvr-sweep-to-right,
.button-white .hvr-sweep-to-right:link {
  color: #fff !important;
  text-decoration: none !important;
}
.button-white .hvr-sweep-to-right:active,
.button-white .hvr-sweep-to-right:focus,
.button-white .hvr-sweep-to-right:hover {
  color: #fff !important;
  text-decoration: none !important;
}
.button-blackborder .hvr-sweep-to-right,
.button-blackborder .hvr-sweep-to-right:link {
  color: #000 !important;
  text-decoration: none !important;
}
/*.button-blackborder .hvr-sweep-to-right:active,.button-blackborder .hvr-sweep-to-right:focus,.button-blackborder .hvr-sweep-to-right:hover {
  color: #fff !important;
  text-decoration: none!important;
}*/
.button-whitebackground a,
.button-whitebackground input {
  color: #000 !important;
  background-color: #fff !important;
  border: 1px #000 solid !important;
}
.button-alice a {
  border: 1px solid #220e46 !important;
  color: #220e46 !important;
}
.button-alice input {
  border: 1px solid #220e46 !important;
  color: #220e46 !important;
  background: transparent !important;
}
.button-alice-background {
  color: #fff !important;
  background: #220e46 !important;
  margin: 2px;
  padding: 5px 30px;
  font-family: "circularbold";
  text-align: center;
  border: none !important;
}
.table-wrap .button-onwhite,
.button,
.button-white {
  text-align: center;
  background-color: transparent;
  font-size: 12px;
  font-family: "circularbold";
}
.table-wrap .button-onwhite a,
.button a,
.button-white a,
.button-blackborder a,
.button input,
.button-whitebackground input {
  color: #272c26;
  padding: 5px 15px;
  border: 1px #272c26 solid;
  min-width: 100px;
  margin: 0px 5px 10px 0;
  display: inline-block;
	vertical-align: middle;
}
.widebutton a {
  width: 200px;
}
/* END Button */
/*** Control CSS***/
.padding {
  padding: 0px;
}
.padding15 {
  padding: 15px;
}
.padding50 {
  padding: 30px 50px;
}
.paddingside50 {
  padding-left: 50px;
  padding-right: 50px;
}
.padding-top-bottom5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.labelwithcolon {
	width: 95%;
}
.sub-menu-tag.padding{ margin: 5px 20px; width: 80%}
.margin {
  margin: 0px !important;
}
.margin-top-10 {
  margin-top: -10px !important;
}
.margin-top20 {
  margin-top: 20px !important;
}
.margin-top30 {
  margin-top: 30px;
}
.margin-top50 {
  margin-top: 50px !important;
}
.margin-top60 {
  margin-top: 60px !important;
}
/*FeedBack Management*/
.input.margin-top30{    margin-top: 26px;
    padding: 10px; border: 1px solid #EEEEEE; background:#eeeeee;}
/*Manage Emergency Notification*/
.sub-menu.col-md-12.col-xs-12.padding.text-center{margin-top: 20px;}

/*Company Data*/
input.button.col-md-3.col-xs-3.hvr-sweep-to-right.buttons.right{ border: 1px solid #000000;}
input.button.col-md-3.col-xs-3.hvr-sweep-to-right.buttons.right a{color:#000000;}
input.button.col-md-3.col-xs-3.hvr-sweep-to-right.buttons.right:hover{border:1px #e7e2d3 solid; background-color:#e7e2d3;}
span.button.button-whitebackground a{margin:0;}
/*Facility Booking*/
.hvr-sweep-to-right.buttons:hover{background:#e7e2d3; border: 1px solid #e7e2d3;}

/*TenantManagement*/
.tab-content.container .tab-pane .bottom-navi{background: none;}
/*Loan Item*/

.tab-content.container .tab-pane#company_details .bottom-navi{background:#000000; margin-bottom: 30px; margin-top: 0;}
.tab-content.container .tab-pane#company_details .bottom-navi.container-inline .left.switch {
    color: #FFFFFF;
}
.col-md-12.col-xs-12.sub-menu-tag.padding div.col-sm-12.infopclr > div.col-sm-3{width: 25%; padding: 5px;}
/*Options*/
.col-md-6.col-xs-8.col-xs-offset-4.col-md-offset-6.padding.margin-top30.text-right.inline{width: 100%;     display: inline-block;
    margin-left: 0;}
/*Rates Management*/
.page.table-wrap.col-md-12.col-xs-12.padding50 table.table-width120 tr:first-child td{background:#e6e7e8}
/*.page.table-wrap.col-md-12.col-xs-12.padding50 table tr:first-child td{background:#e6e7e8}--Removed for User Interest Management Table*/

.bottom-navi .left.button.cancelBtn{margin-top: 5px;}


.admin-login .login, .admin-login .loginbox{ 
  padding-top: 35vh; 
  margin-right: 0; 
  background: #FFFFFF;
  top: 44px;
  height: calc(100vh - 44px); 
}
.admin-login .loginbox{width: 460px;}
.admin-login .loginbox{    position: absolute;
    margin-left: auto;
    margin: 0;
    right: 0;}
.admin-login form#loginform:before {
    content: "ADMIN PORTAL";
    color: #000000;
    font-size: 45px;
    font-size: 40px;
    text-align: left;
    margin-bottom: 30px; display: block;
}
.admin-login form a{font-size: 12px;
    color: #000000;
    display: inline-block;
    margin: 0 auto;}
.admin-login .loginbox_button{background:#000000; color:#FFFFFF; border: 1px solid #000000;}
.admin-login .col-md-12.separator.montserratreg{text-align: center;}
.admin-login .col-md-12.separator.montserratreg a{color:#000000;}
.admin-login .loginbox .notibox_title{color:#000000;}
.admin-login .loginbox label{color:#000000;}
.admin-login .loginbox label.error{color:#FF0000;}
.admin-login .loginbox .input.col-md-12{padding:0;}
.margin-top5 {
  margin-top: 5px !important;
}
.margin-top10 {
  margin-top: 10px !important;
}
.margin-top15 {
  margin-top: 15px !important;
}
.margin-bottom15 {
  margin-bottom: 15px !important;
}
.margin-bottom30 {
  margin-bottom: 30px !important;
}
.highlightdarkerblue {
  background-color: #000080 !important;
}
.highlightdarkblue {
  background-color: #4c4ca6 !important;
}
.highlightblue {
  background-color: #c9c9e4 !important;
}
.highlightpink {
  background-color: #ffeae6 !important;
}
.topbar {
  padding: 5px;
  border: 1px solid #3853a3;
}
.topbaractive {
  background-color: #3853a3;
  color: #fff;
}

.table-border-right td {
  border-right: 1px solid black;
}

input[type="radio"]:not(.except) ~ .check ~ label.css-label {
  padding-left: 30px;
  background-image: none;
  position: relative;
  left: -20px;
}
input[type="radio"]:not(.except) {
  position: relative;
  visibility: hidden;
}
.check {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  border: 1px solid #aaaaaa;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  transition: border 0.25s linear;
  -webkit-transition: border 0.25s linear;
  background-color: #fff;
}
.check::before {
  display: inline-block;
  position: absolute;
  content: "";
  border-radius: 100%;
  height: 12px;
  width: 12px;
  left: 3px;
  top: 3px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}
input[type="radio"]:not(.except):checked ~ .check::before {
  background: #fff;
}
input[type="radio"]:not(.except):checked ~ .check {
  border: 1px solid #272c26;
  background-color: #272c26;
}
input[type="radio"]:not(.except):checked ~ .check.red {
  border: 1px solid #d85a4a;;
  background-color: #d85a4a;;
}
input[type="radio"]:disabled[disabled] ~ .check.red{
  background: #eeeeee;
}
label.css-label {
  background-image: url("../../img/checkboxalice.png");
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.main-content {
  min-height: 65vh;
  height: auto !important;
  height: 100%; /*for ie6*/
 /* margin-bottom: -70px;*/
}
.main-content:after {
  content: "";
  display: block;
  height: 20px;
}
.main-content.scroll {
	width: 95%; margin: 20px auto;
  /*border: none;*/
}
#tenant_roles > div {
  min-height: 60px;
}

.alicesearch .search-box {
  width: 78%;
  float: left;
}
.alicesearch .btn,
.alicesearch .search-button {
  width: 20%;
  float: right;
}
.alicesearch .dropdown,
.alicesearch .search-box,
.alicesearch .btn,
.alicesearch .search-button {
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  margin: 0px auto;
}
.btn-alice {
  background-color: #272c26 !important;
  color: #fff !important;
  min-width: 100px;
}
.form-horizontal .control-label {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
.form-horizontal .controls {
  display: inline-block;
  margin-left: 20px;
}

.notibox,
.loginbox {
  background-color: rgba(000, 0, 0, 0.5);
  position: relative;
  padding-bottom: 50px;
  margin-top: 50px;
  padding-top: 30px;
}

.loginbox {
  color: #fff;
}

.loginbox label {
  color: #fff;
}

.notibox_title {
  font-size: 40px;
  color: #fff;
  text-align: left;
  margin-bottom: 30px;
  padding-left: 0 !important;
}

.headtitle {
  font-size: 36px;
  font-weight: bold;
}

.height140 {
  height: 140px !important;
}

.bigbutton {
  padding: 15px 120px !important;
}

.notibox_button,
.loginbox_button,
.search-button {
	/*
  color: #fff;
  background-color: #5e348f;*/
  color:#000000;
  background:#e7e2d3;
  padding: 8px 30px;
  margin: 0px 5px;
  border-radius: 0px;
  font-size: 14px;
  display: inline-block;
  text-align: center;
}
.loginbox_button,
.search-button {/* 
  background-color: #220e46 !important; */
  margin: 0px;
  border: none;
}
.notibox_button:hover {
  color: #5e3092 !important;
  background-color: #fff;
  border-color: transparent;
}
.alicestandard.paddingside50 .col-sm-12 .pclr2button{background:none;}
.notibox_body {
  border-top: 1px solid #fff;
  margin-top: 50px;
  padding: 0 !important;
  height: 250px;
  overflow-y: hidden;
}
.loginbox input[type="text"],
.loginbox input[type="password"],
.alicestandard input[type="text"],
.alicestandard input[type="password"] {
  padding: 20px;  
  font-size: 14px;
}
.alicestandard input[type="text"],
.alicestandard input[type="password"] {
  background-color: #fff;
  color: #000;
}
.pclr2 input[type="text"]{
  border:0;}
  .alicestandard.paddingside50{width: 100%; padding:0;}
    .alicestandard.paddingside50 .col-sm-12 .col-sm-12 .col-sm-6{padding:0;}
    .alicestandard.paddingside50 .col-sm-12 .col-sm-6, .alicestandard.paddingside50 .col-sm-12 .col-md-6.col-sm-6{padding:30px;}    
.loginbox a {
  color: #fff;
  text-decoration: none;
}

.separator {
  clear: both;
  margin: 10px 0px;
}

.notiboxes {
  color: #fff;
  padding: 20px 0 !important;
}

.notiboxes_spacing {
  letter-spacing: 1.5px;
}

.aliceatmedia {
  background: url(../../img/aliceatmedia.png) no-repeat center center;
  background-size: contain;
  height: 200px;
  margin-bottom: 10px;
}

.logoinner {
  background: url(../../img/payalebarquarter.png) no-repeat center center;
  background-size: contain;
  height: 200px;
  margin-bottom: 10px;
}

.quicksand {
  /*font-family: Quicksand;*/
  font-weight: bold;
}

.montserrat {
  /*font-family: montserrat;*/
}
.montserratreg {
  /*font-family: Montserrat-reg;*/
}

/*Dropdown*/
.dropdown {
  height: 40px;
  color: #000;
  background: #fff url("../../img/offices/admin/arrow.png") no-repeat 95% center;
  background-size: 15px;
  width: 100%;
}
select.dropdown {
  padding: 5px 10px;
  border: 0;
  border-radius: 0;
  height: 40px;
  width: 100%;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px #e6e7e8 solid;
}
.dropdown-button {
  height: 40px;
  width: 100%;
}
.dropdown-button .caret {
  float: right;
}
.dropdown .dropdown-menu {
  margin: 0px 15px;
  width: calc(100% - 30px);
}
.dropdown .dropdown-menu.fix {
  margin: 0px;
  width: 100%;
}
/* END */

/* CATEGORY */
.category .title,
.category2 .title {
  padding: 20px;
  margin: 0;
  background-color: #3853a3 !important;
  color: #fff;
}
.category,
.category2 {
  margin: 2px 0px;
  clear: both;
  background-color: #e5e5e5;
  font-weight: bold;
}
.category div,
.category2 div {
  width: 100%;
  background-color: #e5e5e5;
  padding: 20px 0px;
}
.category .buttonnavi,
.category2 .buttonnavi {
  padding: 0px 20px;
  margin: 0;
  background-color: #c5c5c5;
  color: #fff;
}
.category2 .innertitle {
  font-size: 16px;
  font-weight: bold;
  background-color: #989898 !important;
  color: #fff;
  padding: 10px 20px;
}

.accordion .ui-icon {
  display: none;
}
.accordion .ui-accordion-header {
  background: none;
  background-color: #3853a3;
  color: #fff;
  border-radius: 0;
  vertical-align: middle;
  line-height: 40px;
  margin: 0px;
}
.accordion .iconopen {
  background-image: url(../../img/offices/admin/arrowhite.png);
  background-position: 99%;
  background-repeat: no-repeat;
  background-size: contain;
}
.accordion .iconclosed {
  background-image: url(../../img/offices/admin/arrowhiteup.png);
  background-position: 99%;
  background-repeat: no-repeat;
  background-size: contain;
}
.accordion .ui-accordion-content {
  background-color: #e5e5e5;
  padding: 0px !important;
  margin: 0px;
}
.accordion h3 {
  font-size: 18px !important;
  padding: 5px 10px !important;
}
.accordion-select .ui-accordion-header {
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid #000;
}
.accordion-select .ui-accordion-content {
  background-color: #fff !important;
  border: 1px solid #d4d4d4;
  padding: 10px !important;
  margin: 0px;
  max-height: 150px;
  overflow-y: auto;
}
.accordion-select .iconclosed {
  background-image: url(../../img/arrow.png);
  background-position: 99%;
  background-repeat: no-repeat;
  background-size: contain;
}

.blackborderbox {
  border: 1px solid #000;
  padding: 10px;
}
.blackborderbox.title {
  font-size: 40px;
}
label span.blackborderbox {
  padding: 5px 10px !important;
}
.toparrow {
  height: 15px;
  background-image: url(../../img/arrowup.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.botarrow {
  height: 15px;
  background-image: url(../../img/arrow.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.inputline {
  border: none !important;
  border-bottom: 1px solid #000 !important;
}

.button-maxwell {
  background-color: #272c26 !important;
}

.regular {
  font-weight: normal !important;
}

.colorblack {
  color: #000 !important;
}

.circle {
  font-size: 20px;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid black;
  margin-right: 10px;
  float: left;
  line-height: 16px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.eincircle {
  background-image: url(../../img/offices/admin/eincircle.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: 15%;
}
hr {
  width: 100%;
  margin: 0px;
  border: none;
}
.hr-grey {
  border-top: 1px solid #c5c5c5;
  border-color: #c5c5c5;
  margin: 20px 0px;
}
/*.sub-menu-tag .active a {
  color: #fff;
  font-family: "circularbook" !important;
}*/
.month-picker-title span {
  color: #000 !important;
}

.front-modal-dialog {
  left: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10%;
  position: absolute;
  right: 0;
  width: 40%;
}

.front-modal-dialog-form {
  left: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10%;
  position: absolute;
  right: 0;
  width: 30%;
}

.front-modal-content {
  background-color: #babcbe;
  border-radius: 0;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  outline: 0 none;
}

.front-modal-dialog h5 {
  background: #272c26;/*rgba(0, 0, 0, 0)
    linear-gradient(to right, #5397d1 50%, #6ecef5 100%) repeat scroll 0 0;*/
  margin: 0;
  padding: 15px 0;
  text-align: center;
  font-family: "circularbook";
  color: #fff;
}

.front-modal-dialog .padding50 {
  padding: 30px 50px;
}

.front-modal-dialog .padding50 span#message {
  color: #000;
  font-family: "circularbook";
}

.front-modal-content .button {
  background-color: #a5a7aa !important;
  bottom: 0;
  font-family: "circularbold";
  font-size: 14px;
  margin-top: 15px;
  padding: 30px;
}

.front-modal-content .button .input {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 0;
  color: #fff !important;
  font-size: 14px;
  margin: 0 10px;
  padding: 5px 50px;
}

.table-wrap .button-onwhite a:hover, 
.table-wrap .button-onwhite a:active, 
.table-wrap .button-onwhite a:focus, 
.add-button, .hvr-sweep-to-right.add-button:hover, 
.hvr-sweep-to-right.add-button:active, 
.hvr-sweep-to-right.add-button:focus, .button a:hover, 
.button a:active, .button a:focus, .buttons a:hover, 
.buttons a:active, .buttons a:focus, table .button a:hover, 
table .button a:active, table .button a:focus, .button input:hover, .button input:active, .button input:focus {
	border: 1px solid #e7e2d3;
	background: #e7e2d3;
}

/*.button-style,
.button .button-style,*/
.modal-content .button .input {
  color: #fff;
  background-color: transparent;
  border: 1px #fff solid;
  padding: 5px 30px;
  margin: 5px;
  border-radius: 0px;
  font-size: 14px;
  display: inline-block;
}

.menu-overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 82px;
  width: 100%;
  height: 600px;
  min-height: 600px;
  opacity: 0;
  z-index: 99;
  display: none;
  visibility: visible;
  color: #220e46 !important;
  background: #9ad5c2 !important; /* Old browsers */
}
.menu-overlay.open {
  opacity: 1;
  visibility: visible;
  display: block;
}
.menu-overlay2 {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 90px;
  width: 100%;
  height: 90px;
  opacity: 0;
  z-index: 99;
  display: none;
  visibility: visible;
  color: #220e46 !important;
  background: #9ad5c2 !important; /* Old browsers */
}
.menu-overlay2.open {
  opacity: 1;
  visibility: visible;
  display: block;
  transition: all 0.4s ease;
}
.menu-overlay a,
.menu-overlay2 a,
.menu-overlay h5,
.menu-overlay2 h5 {
  color: #220e46 !important;
}
/*.ui-autocomplete {
  .ui-state-focus {
      border: 0px !important;
      background: #000 !important;
      color: #FFF !important;
  }
}*/
.ui-autocomplete .ui-state-focus {
  border: 0px !important;
  background: #2a9fd6 !important;
  color: #fff !important;
}
.ui-state-focus {
  border: 0px !important;
  background: #2a9fd6 !important;
  color: #fff !important;
}
/* END CATEGORY */
/* END Backend */

/*Tammy*/
.hamburger {
  left: 15px;
  margin-left: 30px;
}
.dashboard li:before {
  color: #282c27;
}
.headerbg {
  background-image: inherit;
  background-color: #282c27;
  color: #fff;
}
.hamburger span,
.navbar-nav > li > a {
  color: #fff !important;
}
.hamburger.open
{
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.main-title {
  top: -5px; width: auto;
}
.header + .menu-overlay {
  background: #f3f3f3 !important; /* Old browsers */
  -webkit-box-shadow: 0px 5px 10px -5px rgba(199, 199, 199, 1);
  -moz-box-shadow: 0px 5px 10px -5px rgba(199, 199, 199, 1);
  box-shadow: 0px 5px 10px -5px rgba(199, 199, 199, 1);
}
.login input[type="submit"] {
  background-color: #cccccc;
  color: #282c27;
  border:none;
}
#login input[type="submit"] {
  background-color: #282c27;
  color: #FFFFFF;
  border:none;
}
.table-wrap thead th {
  background-color: #282c27;
  color: #fff;
}

.flag-icon {
  margin-right: 0.1em;
}

.flex-table {
  display: flex;
  flex-flow: row wrap;
  /* border-left: solid 1px #d9d9d9; */
  border-bottom: solid 1px #d9d9d9;
  transition: 0.5s;
  font-size: 14px;
}
.flex-table:first-of-type {
    /* border-top: solid 1px #282c27;
    border-left: solid 1px #282c27; */
}
.flex-table:first-of-type .flex-row {
    background: #282c27;
    color: white;
    border-color: #1f1f1f;
}
  /* .flex-table.flexrow:nth-child(odd) .flex-row {
    background: #f4f2f1;
  } */
.flex-row.button {
	text-align: center;
}
.flex-table:hover {
	background: #F5F5F5;
    transition: 500ms;
}

.flex-row {
  /* width: calc(100% / 7); */
  text-align: left;
  padding: 10px;
  /* border-right: solid 1px #d9d9d9; */
  /* border-bottom: solid 1px #d9d9d9; */
  overflow-wrap: break-word;
  align-self: center;
}

.rowspan {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
}

.column {
  display: flex;
  flex-flow: column wrap;
  width: 75%;
  padding: 0;
}
.column .flex-row {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    padding: 0;
    border: 0;
    border-bottom: solid 1px #d9d9d9;
  }
  .column .flex-row:hover {
      background: #F5F5F5;
      transition: 500ms;
    }

.flex-cell {
  width: calc(100% / 3);
  text-align: center;
  padding: 0.5em 0.5em;
  border-right: solid 1px #d9d9d9;
}

@media all and (max-width: 767px) {
  .flex-row {
    width: calc(100% / 3);
    
  }
  .flex-row .first {
     width: 100%;
   }

  .column {
    width: 100%;
  }
}
#subl1 {
  margin-top: 1em !important;
}
#subl1 li {
  min-width: 100px;
}
#subl1 li a {
  color: rgba(0, 0, 0, 0.3);
}
#subl1 li.active a {
  color: #282c27;
}
.clearfix{clear: both;}
.requestContent input[type="radio"]:checked ~ .check::before {top: 3px; position: absolute;}
.requestContent .check{vertical-align: middle;}
.requestContent .check::before{position: absolute; top: 3px;}
.requestContent input[type="radio"]:not(.except){position:absolute}
.requestContent h4.page-title{color: #000; font-weight: bold; text-transform: uppercase;}
.requestContent h4:after{content:""; display:block; border-bottom: 1px solid #000000; padding-top: 5px; width: 120px; margin-bottom: 25px;}
.requestContent .steps{display:block; margin: 30px auto 60px;}
.requestContent .formContents{margin-bottom: 20px;}
.requestContent .formContents .formFields{margin-bottom: 10px;}
.requestContent .formContents .formFields label{display:inline-block; width: 130px; margin-right: 10px; color:#000000; padding: 0; text-align: left;vertical-align: top; margin-top: 15px;}
.requestContent .formContents .formFields.half{width: 49%; margin-right: 1%; display: inline-block; vertical-align:top;}
.requestContent .formContents .formFields.half.last{margin-right: 0;}
.requestContent .formContents .formFields .fieldStyle{outline:none;display:inline-block; width: calc(100% - 145px); border: 1px #e6e7e8 solid; padding: 5px; border-radius: 0px; background:#FFFFFF; height: 40px;}
.requestContent .formContents .formFields select.fieldStyle{-webkit-appearance: none; background: #fff url("../../img/offices/admin/arrow.png") no-repeat 95% center; background-size: 15px; }
.requestContent .formContents .formFields textarea.fieldStyle{resize: none; min-height: 100px;}
.requestContent .formContents .formFields label.error { margin-left: 150px; color: #FF0000; width: auto;}
table.turnstile-data .button a{margin:0;}
.requestContent .pointsContent{margin:10px 0px 30px 40px}
.requestContent .commonBtn{display:inline-block; border: 1px solid #000000; padding: 5px 15px;}
.requestContent label.css-label{filter: grayscale(1) brightness(0); width: 90%; vertical-align: top;}
.requestContent label.css-label a{text-decoration: underline;}
.requestContent label.css-label a{text-decoration: underline;}
.requestContent .steps .colCheck{margin-bottom: 20px; display: block;}
.requestContent .steps p{margin-bottom: 30px;}
.requestContent .button .commonBtn{border: 1px solid #272c26; background:#FFFFFF;}
.requestContent .button .commonBtn:hover, .requestContent .button .commonBtn.submit:hover{background:#272c26; color:#FFFFFF;}
.requestContent .button .commonBtn.submit{border: 1px solid #e7e2d3; background: #e7e2d3; color:#272c26;}
.requestContent .button .commonBtn.submit[disabled], .requestContent .button .commonBtn.submit[disabled]:hover {background: #EEEEEE; color:#DDDDDD;}
.table-wrap table td.button.btnwidth a {
    max-width: 160px;
    float: right;
    font-size: 12px;
}

.modal-dialog.fileupload{background: #FFFFFF; margin: 0; }
.modal-dialog.fileupload input[type="file"]{opacity: 0; position: absolute; width: 90px; height: 30px;}
.modal-dialog.fileupload h5.dialog-header{background: #282c27; color:#FFFFFF; margin: 0px; padding: 10px; text-align: center; background: #282c27;}
.modal-dialog.fileupload .dialog-body{padding: 30px 50px;}
.modal-dialog.fileupload .dialog-body .form-col{ border-bottom: 1px solid #333333; padding: 10px 0; }
.modal-dialog.fileupload .dialog-body .form-col .form-name{display:inline-block; width: 50%; vertical-align: middle; margin-top: 5px;}
.modal-dialog.fileupload .dialog-body .form-col .form-name.additional-dl{ width: 38%;}
.modal-dialog.fileupload .dialog-body .uploadBtn{float: right;}
.modal-dialog.fileupload .dialog-body label.custom-upload-btn{ background-color:#FFFFFF; border: 1px solid #282c27; color: #282c27; font-family: 'circularbold'; font-size: 14px; padding: 4px 20px; display: inline-block; cursor: pointer;}
.modal-dialog.fileupload .dialog-body label.custom-upload-btn:hover{ background-color:#282c27;  color: #FFFFFF;}
.modal-dialog.fileupload .dialog-body .file-list{text-align: right; margin-top: 30px;}
.modal-dialog.fileupload .dialog-body .file-list .file{display:block; margin: 15px 0;}
.modal-dialog.fileupload .dialog-body .file-list .file .remove-btn{ width: 80px; display:inline-block; vertical-align: middle; cursor: pointer;}
.modal-dialog.fileupload .dialog-body .file-list .file .remove-btn a{color:#FF0000;}
.modal-dialog.fileupload .dialog-footer{padding: 0px 50px 30px;}
.modal-dialog.fileupload .dialog-footer .leftBtns{display:inline-block; width: 40%;}
.modal-dialog.fileupload .dialog-footer .inputBtn{ background-color: #ececec;  width: 150px; font-family: 'circularbold'; font-size: 14px; border: 0; border-radius: 4px; color: #000; padding: 5px 30px; margin: 5px; display: inline-block; cursor: pointer;}
.modal-dialog.fileupload .dialog-footer .inputBtn:hover{ background-color:#282c27;  color: #FFFFFF;}
.modal-dialog.fileupload .dialog-footer .rightBtns{float: right; width: 40%; text-align: right;}

.btn.outline { border: 1px solid; padding: 3px 20px } 
.btn.outline:hover { background: #282c27; }

.button a.colorBrown {
  background: #e7e2d3;
  border: 1px solid #e6e2d3;
}
.button a.colorRed{
  color:#FFFFFF;
  background: #d85a4a;
  border: 1px solid #d85a4a;
}
.button a.colorRed:hover{
  color:#000000;
  border: 1px solid #000000;
}

/* Reset Password */
.md-dialog {
	max-width: 400px;
    width: 100%;
    margin: 50px auto;
}
.md-dialog .form-group .input {
	background: rgba(255,255,255, .8);
	padding: 25px;
}
.md-dialog .form-group .input.last {
	padding-top: 0;
}
.md-dialog .form-group .btns {
	margin-top: 20px;
}
.msg-bg {
	background: rgba(255,255,255, .8);
	padding: 25px;
}
/* @media screen and (max-width: 80em) {
  .table-wrap .ui-sortable th{
    min-width: 9em;
  }
} */

@media all and (max-width: 430px) {
  
  .flex-table .flex-row {
      border-bottom: 0;
    }
    .flex-table .flex-row:last-of-type {
      border-bottom: solid 1px #d9d9d9;
    }
  
  .flexheader .flex-row  {
      border-bottom: solid 1px;
  }
  
  .flex-row {
    width: 100%; 
  }
  .flex-row.first {
     width: 100%;
     border-bottom: solid 1px #d9d9d9;
   }

  .column {
    width: 100%;
  }
    .flex-row {
      border-bottom: solid 1px #d9d9d9;
    }

  .flex-cell {
    width: 100%; 
  }
}

.top-announcement-banner {
  background-color: #1a1a1a;
  color: #fff !important;
  text-align: center;
  padding: 10px 20px;
  font-family: 'circularbook', sans-serif;
  font-size: 13px;
  width: 100%;
  box-sizing: border-box;
  display: block;
  line-height: 1.5;
  z-index: 1000;
}

.top-announcement-banner span {
  margin-right: 8px;
  font-size: 15px;
}

.top-announcement-banner a,
.top-announcement-banner a:link,
.top-announcement-banner a:visited,
.top-announcement-banner a:hover,
.top-announcement-banner a:active {
  color: #fff !important;
  font-weight: bold;
  text-decoration: underline !important;
  margin-left: 4px;
}

/* Announcement banner offset overrides */
.admin-login .headerbg {
  top: 45px;
}