@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400);

[class*=rakez-icon-]:before, [class^=rakez-icon-]:before, [data-icon]:before {
  font-family: rakezicons !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsIPxuqWfQuZGbz5Rz4Zu1gk.woff2?orgId=00D58000000aMGw&orgId=00D1w0000000PfP&orgId=00D58000000aMGw&orgId=00D4E00000095OX) format("woff2");
  unicode-range: u+0460-052f, u+20b4, u+2de0-2dff, u+a640-a69f;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsENRpQQ4njX3CLaCqI4awdk.woff2?orgId=00D58000000aMGw&orgId=00D1w0000000PfP&orgId=00D58000000aMGw&orgId=00D4E00000095OX) format("woff2");
  unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsET2KMEyTWEzJqg9U8VS8XM.woff2?orgId=00D58000000aMGw&orgId=00D1w0000000PfP&orgId=00D58000000aMGw&orgId=00D4E00000095OX) format("woff2");
  unicode-range: u+1f00-1fff;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsMH5J2QbmuFthYTFOnnSRco.woff2?orgId=00D58000000aMGw&orgId=00D1w0000000PfP&orgId=00D58000000aMGw&orgId=00D4E00000095OX) format("woff2");
  unicode-range: u+0370-03ff;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsDcCYxVKuOcslAgPRMZ8RJE.woff2?orgId=00D58000000aMGw&orgId=00D1w0000000PfP&orgId=00D58000000aMGw&orgId=00D4E00000095OX) format("woff2");
  unicode-range: u+0102-0103, u+1ea0-1ef9, u+20ab;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsNKDSU5nPdoBdru70FiVyb0.woff2?orgId=00D58000000aMGw&orgId=00D1w0000000PfP&orgId=00D58000000aMGw&orgId=00D4E00000095OX) format("woff2");
  unicode-range: u+0100-024f, u+1e00-1eff, u+20a0-20ab, u+20ad-20cf, u+2c60-2c7f, u+a720-a7ff;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsH4vxAoi6d67T_UKWi0EoHQ.woff2?orgId=00D58000000aMGw&orgId=00D1w0000000PfP&orgId=00D58000000aMGw&orgId=00D4E00000095OX) format("woff2");
  unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2212, u+2215;
}

@font-face {
  font-family: rakezicons;
  src: url(../fonts/icons/fonts/rakezicons.eot?orgId=00D58000000aMGw&orgId=00D1w0000000PfP&orgId=00D58000000aMGw&orgId=00D4E00000095OX);
  src: url(../fonts/icons/fonts/rakezicons.eot?orgId=00D58000000aMGw&orgId=00D1w0000000PfP&orgId=00D58000000aMGw&orgId=00D4E00000095OX##iefix) format("embedded-opentype"), url(../fonts/icons/fonts/rakezicons.woff?orgId=00D58000000aMGw&orgId=00D1w0000000PfP&orgId=00D58000000aMGw&orgId=00D4E00000095OX) format("woff"), url(../fonts/icons/fonts/rakezicons.ttf?orgId=00D58000000aMGw&orgId=00D1w0000000PfP&orgId=00D58000000aMGw&orgId=00D4E00000095OX) format("truetype"), url(../fonts/icons/fonts/rakezicons.svg?orgId=00D58000000aMGw&orgId=00D1w0000000PfP&orgId=00D58000000aMGw&orgId=00D4E00000095OX##rakezicons) format("svg");
  font-weight: 400;
  font-style: normal;
}

[data-icon]:before {
  content: attr(data-icon);
}

.rakez-icon-1:before {
  content: "\61";
}

.rakez-icon-2:before {
  content: "\62";
}

.rakez-icon-3:before {
  content: "\63";
}

.rakez-icon-4:before {
  content: "\64";
}

.rakez-icon-5:before {
  content: "\65";
}

.rakez-icon-6:before {
  content: "\66";
}

.rakez-icon-7:before {
  content: "\67";
}

.rakez-icon-8:before {
  content: "\68";
}

.rakez-icon-9:before {
  content: "\69";
}

.rakez-icon-10:before {
  content: "\6a";
}

.rakez-icon-11:before {
  content: "\6b";
}

.rakez-icon-12:before {
  content: "\6c";
}

.rakez-icon-13:before {
  content: "\6d";
}

@font-face {
  font-family: icomoon;
  src: url(../fonts/icons/icomoon.eot?orgId=00D58000000aMGw&orgId=00D1w0000000PfP&orgId=00D58000000aMGw&orgId=00D4E00000095OX&qircap);
  src: url(../fonts/icons/icomoon.eot?orgId=00D58000000aMGw&orgId=00D1w0000000PfP&orgId=00D58000000aMGw&orgId=00D4E00000095OX&qircap#iefix) format("embedded-opentype"), url(../fonts/icons/icomoon.ttf?orgId=00D58000000aMGw&orgId=00D1w0000000PfP&orgId=00D58000000aMGw&orgId=00D4E00000095OX&qircap) format("truetype"), url(../fonts/icons/icomoon.woff?orgId=00D58000000aMGw&orgId=00D1w0000000PfP&orgId=00D58000000aMGw&orgId=00D4E00000095OX&qircap) format("woff"), url(../fonts/icons/icomoon.svg?orgId=00D58000000aMGw&orgId=00D1w0000000PfP&orgId=00D58000000aMGw&orgId=00D4E00000095OX&qircap#icomoon) format("svg");
  font-weight: 400;
  font-style: normal;
}

[class*=icon-], [class^=icon-] {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #00a9a9;
}

.icon-pause:before, .ticker-controls li.jnt-play-pause.paused {
  content: "\e902";
}

.icon-new-application-status:before {
  content: "\e900";
}

.icon-new-application-contact:before {
  content: "\e901";
}

.icon-property:before {
  content: "\e912";
}

.icon-play:before {
  content: "\e90d";
}

.icon-next:before {
  content: "\e90e";
}

.icon-previous:before {
  content: "\e90f";
}

.icon-Setting:before {
  content: "\e910";
}

.icon-Profile:before {
  content: "\e911";
}

.icon-employee:before {
  content: "\e913";
}

.icon-Company:before {
  content: "\e914";
}

.icon-Notification:before {
  content: "\e903";
}

.icon-Current:before {
  content: "\e909";
}

.icon-Saved:before {
  content: "\e90a";
}

.icon-Time:before {
  content: "\e90b";
}

.icon-play:before {
  content: "\e90d";
}

.icon-next:before {
  content: "\e90e";
}

.icon-previous:before {
  content: "\e90f";
}

.icon-settings:before {
  content: "\e910";
}

.icon-profile:before {
  content: "\e911";
}

.icon-property:before {
  content: "\e912";
}

.icon-employee:before {
  content: "\e913";
}

.icon-Company:before {
  content: "\e914";
}

.icon-Setting:before {
  content: "\e904";
}

.icon-Time2:before {
  content: "\e907";
}

.icon-Saved2:before {
  content: "\e908";
}

.icon-Current2:before {
  content: "\e90c";
}

.icon-Property:before {
  content: "\e915";
}

.icon-Company2:before {
  content: "\e916";
}

.icon-Employee:before {
  content: "\e917";
}

.icon-Profile:before {
  content: "\e918";
}

.icon-Phone:before {
  content: "\e919";
}

.icon-Notification:before {
  content: "\e91a";
}

.icon-Tool-Tip:before {
  content: "\e91b";
}

.icon-clipboard:before {
  content: "\e91c";
}

.icon-Filled-Circle:before {
  content: "\e91d";
}

.icon-time:before {
  content: "\e91e";
}

.icon-active:before {
  content: "\e91f";
}

.icon-inactive:before {
  content: "\e920";
}

.icon-Due:before {
  content: "\e921";
}

.icon-money:before {
  content: "\e922";
}

.icon-interface-2:before {
  content: "\e923";
}

.icon-file:before {
  content: "\e924";
}

.icon-arrows:before {
  content: "\e925";
}

.icon-office:before {
  content: "\e926";
}

.icon-city:before {
  content: "\e927";
}

.icon-power:before {
  content: "\e928";
}

.icon-mark:before {
  content: "\e929";
}

.icon-reload:before {
  content: "\e92a";
}

.icon-exclamation:before {
  content: "\e92b";
}

.icon-draft:before {
  content: "\e92c";
}

.icon-box:before {
  content: "\e92d";
}

.icon-badge:before {
  content: "\e92e";
}

.icon-hourglass:before {
  content: "\e92f";
}

.icon-radio-checked:before {
  content: "\ea54";
}

.icon-radio-unchecked:before {
  content: "\ea56";
}

body {
  margin: 0 !important;
  font-size: 13px;
}

body .btn, body .btnCancel, body .btnDisabled, body .btnImportant, body .menuButton .menuButtonButton, body .menuButton .menuButtonMenu a, body .menuButton .menuButtonMenu input.theOption, body .x-btn button, body p, body td, body th {
  font-family: "Roboto Condensed", Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#sidepanel-blocks > section, h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto Condensed";
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

#sidebarDiv {
  padding-top: 10px;
}

#sidepanel-blocks > section {
  background: #fff;
  margin-bottom: 10px;
}

#sidepanel-blocks > section h2 {
  font-size: 15px;
  padding: 10px 0 10px 10px;
  display: block;
  color: #00a9a9;
  text-transform: uppercase;
}

#sidepanel-blocks > section ul {
  padding: 0;
  margin: 0;
}

#sidepanel-blocks > section ul li {
  list-style: none;
  margin: 0;
}

#sidepanel-blocks > section ul li a span, #sidepanel-blocks > section ul li label {
  position: relative;
  bottom: 5px;
  left: 0;
  font-size: 13px;
  display: table-cell;
}

#sidepanel-blocks > section ul li a span i, #sidepanel-blocks > section ul li label i {
  color: #00a9a9 !important;
  display: table-cell;
}

#services ul li a i {
  display: table-cell;
  color: #00a9a9;
}

#services ul li a span, #sidepanel-blocks #topup ul li span {
  font-size: 14px;
}

#services ul li a span {
  left: 10px !important;
}

#sidepanel-blocks #topup ul li, #sidepanel-blocks > section ul li a {
  color: #454b51 !important;
  padding: 10px 0 10px 10px;
  display: block;
  border-top: 1px solid #ced6e5;
  text-decoration: none;
}

#company-overview ul li a {
  padding: 15px 0 10px 10px;
}

#company-overview ul li a span {
  font-weight: 700;
  bottom: 0 !important;
}

#company-overview ul li a p {
  font-weight: 400;
  margin: 0;
  font-size: 13px;
  padding: 1px 0;
}

#company-overview ul li a .small {
  font-size: 11px;
}

#sidepanel-blocks #topup ul li {
  border: none;
}

input[type=text] {
  width: 70%;
  border: 1px solid #ced6e5;
  height: 25px;
  padding: 5px 35px 5px 5px;
}

#amount {
  position: relative;
}

#amount:before {
  position: absolute;
  top: 22px;
  content: "AED";
  right: 15px;
  color: #00a9a9;
  font-weight: 700;
}

input[type=text]:focus {
  outline: 0;
}

.butn {
  width: 94%;
  background: #9dd4d6;
  border: none;
  padding: 12px 0;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

#menu-tabs, .zen-assistiveText, .zen-moreTabs {
  display: none;
}

#menu-tabs ul li a {
  padding: 10px !important;
}

#menu-tabs ul li.zen-active {
  background-color: #9dd4d6 !important;
}

#menu-tabs ul li.zen-active a {
  color: #fff !important;
}

.lbl {
  cursor: pointer;
}

input[type=checkbox], input[type=radio] {
  
  position: inherit;
  z-index: 12;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

input[type=checkbox] + .lbl:before, input[type=radio] + .lbl:before {
  font-family: fontAwesome;
  font-weight: 400;
  font-size: 11px;
  color: #00a9a9;
  content: "\a0";
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 0;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  height: 13px;
  line-height: 13px;
  min-width: 13px;
  margin-right: 5px;
  margin-top: -5px;
  cursor: pointer;
}

input[type=radio] + .lbl:before {
  border-radius: 32px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 36px;
}

input[type=radio]:checked + .lbl:before {
  content: "\2022";
}

#topupBtn {
  background-color: #00a9a9 !important;
}

[class*=icon-], [class^=icon-] {
  font-size: 2.3em;
}

.alert {
  border-radius: 0;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 0;
}