/*LOGIN*/



.flat-form {

  background: #2abcb5;

  margin: 25px auto;

  width: 390px;

  height: 340px;

  position: relative;

}

.tabs {

  background: #2abcb5;

  height: 40px;

  margin: 0;

  padding: 0;

  list-style-type: none;

  width: 100%;

  position: relative;

  display: block;

  margin-bottom: 20px;

}

.tabs li {

  display: block;

  float: left;

  margin: 0;

  padding: 0;

}

.tabs a {

  background: #c0392b;

  display: block;

  float: left;

  text-decoration: none;

  color: white;

  font-size: 16px;

  padding: 12px 22px 12px 22px;

  /*border-right: 1px solid @tab-border;*/



}

.tabs li:last-child a {

  border-right: none;

  width: 174px;

  padding-left: 0;

  padding-right: 0;

  text-align: center;

}

.tabs a.active {

  background: #e74c3c;

  border-right: none;

  -webkit-transition: all 0.5s linear;

	-moz-transition: all 0.5s linear;

	transition: all 0.5s linear;

}

.form-action {

  padding: 0 20px;

  position: relative;

}





.login-header h1 {

  font-size: 42px;

  color: #ffffff;

  padding-bottom: 10px;

  text-align: center;

  padding-top: 25px;

}

.form-action p {

  font-size: 12px;

  padding-bottom: 10px;

  line-height: 25px;

}

form {

  padding-right: 20px !important;

}

form input[type=text],

form input[type=password],

form input[type=submit] {

  font-family: Myriad, Arial;

}



form input[type=submit] {

  border-radius: 0px;

  color: #ffffff;

}





form input[type=text],

form input[type=password] {

  width: 100%;

  height: 40px;

  margin-bottom: 10px;

  padding-left: 15px;

  background: #fff;

  border: none;

  color: #3f3f3f;

  outline: none;

}



.dark-box {

  background: #5e0400;

  box-shadow: 1px 3px 3px #3d0100 inset;

  height: 40px;

  width: 50px;

}

.form-action .dark-box.bottom {

  position: absolute;

  right: 0;

  bottom: -24px;

}

.tabs + .dark-box.top {

  position: absolute;

  right: 0;

  top: 0px;

}

.show {

  display: block;

}

.hide {

  display: none;

}



.button {

    border: none;

    display: block;

    background: #136899;

    height: 40px;

    width: 80px;

    color: #ffffff;

    text-align: center;

    border-radius: 5px;

    /*box-shadow: 0px 3px 1px #2075aa;*/

  	-webkit-transition: all 0.15s linear;

	  -moz-transition: all 0.15s linear;

	  transition: all 0.15s linear;

}



.button:hover {

  background: #1e75aa;

  /*box-shadow: 0 3px 1px #237bb2;*/

}



.button:active {

  background: #136899;

  /*box-shadow: 0 3px 1px #0f608c;*/

}



::-webkit-input-placeholder {

  color: #3f3f3f;

}

:-moz-placeholder {

  /* Firefox 18- */

  color: #3f3f3f;

}

::-moz-placeholder {

  /* Firefox 19+ */

  color: #3f3f3f;

}

:-ms-input-placeholder {

  color: #3f3f3f;

}



.none li{

  list-style: none;

}



.pagination {

  display: inline-block;

  margin-bottom: 25px;

  margin-top: 0;

  padding-left: 15px;

}



.pagination  li:first-child  a, .pagination  li:first-child  span {

  border-bottom-left-radius: 0;

  border-top-left-radius: 0;

  margin-left: 0;

}



.pagination  li:last-child  a, .pagination  li:last-child  span {

  border-bottom-right-radius: 0;

  border-top-right-radius: 0;

}



.pagination  .active  a, .pagination  .active  span, .pagination  .active  a:hover, .pagination  .active  span:hover, .pagination  .active  a:focus, .pagination  .active  span:focus {

  background-color: #FE980F;

  border-color: #FE980F;

  color: #FFFFFF;

  cursor: default;

  z-index: 2;

}



.pagination  li  a, .pagination  li  span {

  background-color: #f0f0e9;

  border: 0;

  float: left;

  line-height: 1.42857;

  margin-left: -1px;

  padding: 6px 12px;

  position: relative;

  text-decoration: none;

  margin-right: 5px;

  color:#000;

}



.pagination  li  a:hover{

  background:#FE980F;

  color:#fff;

}



/*END PAGINATION*/



/*END LOGIN*/