* {
  text-align: center;
  direction: rtl;
}

body {
  background: url(../img/asanoha-400px.png);
}

span {
  font-size: .8em;
}

#frst_msg{
  height:20%;
}

.messages,
.newClient,
#scnd_footer,
#third_footer,
.SpecialOffer,
.custom,
.container,
#frst_footer,
.login img,
.login label,
.login input,
.login .button,
.loading,
.clients_book,
.settings{
  display: none;
}

.newClient {
  padding: 3em 0;
}

.settings{
  padding:6em 0;
}

.loading {
  padding: 18em 0;
}

.login {
  padding: 5em 0;
  overflow: hidden;
}

#openSesame {
  width: 62%;
}

.half{
  width:48.5% !important;
}

.third{
  width:32% !important;
}

.messages,
.SpecialOffer,
.clients_book{
  padding: 2em 0;
}

.messages label,
.messages span {
  display: inline-block;
}

.messages span {
  float: left;
  margin-left: 0.5em;
}

.All_clients{
    background: #FFF;
    padding: 1em 0 1em 0;
    height: 36%;
    max-height: 36%;
    overflow: auto;
}

textarea {
  text-align: right;
  padding: 0;
  width: 100%;
  resize: none;
}

#AllClientsCleared {
  padding: 2em 0.5em;
}

.client_info {
  background: #EEEEEE;
}

#client_name {
  width: 39%;
  max-width: 39%;
}

header img:nth-child(1) {
  padding: 0.5em 0;
}

.main_nav {
  display: inline-block;
  width: 24%;
  font-size: 2em;
  padding: 0.5em 0;
}

.main_nav:active {
  background: #F5F5F5 !important;
  color: #27325F !important;
}

p {
  padding: 0.5em 0.25em;
  font-weight: bolder;
  color: #27325F;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  overflow: hidden;
  line-height: 1.5em;
  background: #FFF;
}

.c_check,
.c_name,
.c_num {
  display: inline-block;
  margin: 0 1em;
}

.c_check {
  width: 5%;
  padding: 0.5em 0;
  float: right;
}

.c_name {
  width: 30%;
  max-width: 60%;
  float: right;
}

.c_num {
  width: 20%;
  float: left;
}

h4 {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

h6 {
  display: inline-block;
  margin-bottom: 0 !important;
  padding: 0 1em;
  color: #27325F;
  font-weight: bolder;
}

h3 {
  color: #27325F;
  font-weight: bolder;
  font-style: underline;
}

.button {
  width: 68%;
  background: #00C853 !important;
  color: #FFF !important;
  font-size: 0.9em !important;
}

.clients {
  background: #FFF;
  padding: 1em 0 0 0;
  height: 67%;
  max-height: 67%;
  overflow: auto;
}

#frst_footer {
  background: #27325F;
  color: #FFF;
  position: fixed;
  bottom: 0;right:0;
  width: 100%;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */
}

#scnd_footer {
  background: #00C853;
  color: #FFF;
  position: fixed;
  bottom: 0;right:0;
  width: 100%;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */
}

.scnd_nav {
  display: inline-block;
  width: 49.4%;
  font-size: 2em;
  padding: 0.5em 0;
}

.scnd_nav:nth-child(1) {
  background: #00C853;
}

.scnd_nav:nth-child(2) {
  background: #d50000;
}

#third_footer{
  color: #FFF;
  position: fixed;
  bottom: 0;right:0;
  width: 100%;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */

}

#delete_old_customer{
  display: inline-block;
  width: 100%;
  font-size: 2em;
  padding: 0.5em 0;
  background: #d50000;

}

.scnd_nav:nth-child(1):active {
  background: #F5F5F5 !important;
  color: #00C853 !important;
}

.scnd_nav:nth-child(2):active {
  background: #F5F5F5 !important;
  color: #d50000 !important;
}

.secondary_nav {
  display: none;
  width: 24%;
  font-size: 2em;
  padding: 0.5em 0;
  float: right;
}

.secondary_nav:active {
  background: #F5F5F5 !important;
  color: #27325F !important;
}