#conteiner {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin: 0;
	height: 100%;
}
body  {
	   
overflow: hidden;
	   
background: linear-gradient(180deg, #fdb72a 13%, #ffffff00 10%, #ffffff00 84%,#00000017 100%);
	   
margin: 0;
	   
height: 100%;
	   
top: 0;
}

#side_menu {
	width: 34%;
	font-size: .8vw;
	margin: 0 auto;
	text-align: center;
	height: 100%;
}
#content{background-image: url(../../../../assets/images/v3/login/bg_body.jpg);/* background-size: auto 101%; */width: 66%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: 120%;background-color: #f7f7f7;}
#logo{
       text-align: center;
       width:;
       width: 55%;
       display: inline-block;
       margin-bottom: 6vh;
       /* margin-top: 6vh; */
}
#logo img{
      width: 61%;
      margin-right: 4%;
      height: 100%;
}
#login {
    width: 65%;
    min-height: 40%;
    margin: 0;
    padding: 0;
    display: inline-block;
    text-align: center;
}
div#loginback {
    z-index: 99;
    transform: scale(1.2);
    top: 30%;
    position: relative;
}
.login_name{
 font-family: heebo ,arial;
 border: 0 none;
 text-align: right;
 padding: 3% 13% 3% 5%;
 font-size: 1.25em;
 width: 76%;
 margin-bottom: 3%;
 background-image: url(../../../../assets/images/v3/login/icon_u.png);
 background-repeat: no-repeat;
 background-size: contain;
 background-position: 100% -.9vh;
 /* border-bottom: 0.3vh solid #ccc; */
 /* border-radius: .4vw; */
 border-bottom: 1px solid;
}
.login_password{
 font-family: heebo ,arial;
 border: 0 none;
 text-align: right;
 padding: 3% 13% 3% 5%;
 width: 76%;
 font-size: 1.25em;
 margin-bottom: 6%;
 background-image: url(../../../../assets/images/v3/login/icon_s.png);
 background-repeat: no-repeat;
 background-size: contain;
 background-position: 100% -.9vh;
 /* border-bottom: 0.3vh solid #ccc; */
 /* border-radius: .4vw; */
 border-bottom: 1px solid;
}
.login_submit{
 font-family: heebo ,arial;
 padding: 2%;
 background: #0c2c6d;
 width: 95%;
 font-size: 1.57em;
 margin-bottom: 2%;
 cursor: pointer;
 border-radius: 8px;
 border: none;
 border-radius: .4vw;
 color: #fff;
 }
.forgot{
    text-align: right;
    direction: rtl;
    float: right;
    color:#fff;
    font-size: 1.11em;
    font-family: heebo ,arial;
    margin: 1% 0%;
}
.Back{text-align: right;direction: rtl;float: left;color:#fff;font-size: 1.11em;font-family: heebo ,arial;margin: 1% 0%;}
#rememberme{
    float: right;
    margin: 2% 2% 2%;
    /* height: 1.5vh; */
    /* width: 1.5vh; */
    /* border-radius: 0; */
    /* border: none; */
 }
	#under{width: 97%;

	}
	#foter{
	 background-image: url(../../../../assets/images/v3/login/img_foter.png);
	 background-size: 108% auto;
	 background-repeat: no-repeat;
	 width: 34%;
	 height: 16vh;
	 position: absolute;
	 bottom: 2%;
	 z-index: 0;
	 }



/* end .squaredThree */
/* .squaredFour */
.squaredFour {
  position: relative;
  margin: 1% 2% 2%;
  display: inline-block;
  float: right;
  width: 6%;
}
.squaredFour label {
  width: 1.2vw;
  height: 1.2vw;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: #fcfff4;
  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(to bottom, #6c6c6d 0%, #6c6c6d 40%, #6c6c6d);
  /* border-radius: 4px; */
  /* box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5); */
}
.squaredFour label:after {
  content: '';
  width: 1vh;
  height: .5vh;
  position: absolute;
  top: 20%;
  left: 22%;
  border: solid #fff;
  border-top-style: none;
  border-right: none;
  background: rgba(0, 0, 0, 0);
  opacity: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.squaredFour label:hover::after {
  opacity: 0.5;
}
.squaredFour input[type=checkbox] {
  visibility: hidden;
}
.squaredFour input[type=checkbox]:checked + label:after {
  opacity: 1;
}

/* end .squaredFour */



@media only screen and (max-width: 998px) and (min-height: 600px)  {
#content{
display:none !important;	
}

  #side_menu {
      width: 88%;
      font-size: 3vw;
      transform: scale(0.5);
      margin-top: 0%;
      transform: scale(.8);
      }
  #login {
    /* width: 85%; */
    }

    .squaredFour label {
width: 3.5vh;
    height:3.5vh

    }


#foter {
  
width: 100%;
  
position: absolute;
  
bottom: 5%;
}
    
}


.notification {display: inline-block;padding: 3%;width: 88%;border-radius: .4vw;margin-bottom: 2vh;}

.notification.undone {border: 1px solid #6596ae;background: url(../images/notifications/cross.png) no-repeat 10px center #cfd8dc;color: #000000;text-align: right;font-family: heebo ,arial;}
.notification.done {border: 1px solid #90b96b; background: url(../images/notifications/tick.png) no-repeat 10px center #c2ee9b; color: #345f0e}
.notification.information {border: 1px solid #7ea2bf; background: url(../images/notifications/information-balloon.png) no-repeat 10px center #b6d9f4; color: #1e4f74}
.notification.setting {border: 1px solid #b7b7b7; background: url(../images/notifications/gear.png) no-repeat 10px center #e2e2e2; color: #454545}
.notification.warning {border: 1px solid #c2c193; background: url(../images/notifications/exclamation.png) no-repeat 10px center #f1efb1; color: #6c6913}