@import "reset.css";
@import "login.css";
@import "header.css";
@import "users.css";
@import "user.css";
@import "user-address.css";
@import "details.css";
@import "security.css";

/* common elements */

body {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 14px;
	background-color: #acadb0;
	color: #575755;
}

.wrapper {
    width: 1234px; /*  */
    margin: 20px auto;
    padding: 24px 0;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0px 0px 10px 1px;
}

/* sprites */

.logo { background: url("../img/sprite.png") no-repeat; background-position:  -27px -25px; height: 55px; width: 268px; }
.search3 { background: url("../img/sprite.png") no-repeat; background-position:  -268px -0px; height: 20px; width: 20px; }
.flag1 { background: url("../img/sprite.png") no-repeat; background-position:  -116px -0px; height: 14px; width: 20px; }
.flag2 { background: url("../img/sprite.png") no-repeat; background-position:  -141px -0px; height: 14px; width: 20px; }
.flag3 { background: url("../img/sprite.png") no-repeat; background-position:  -166px -0px; height: 14px; width: 20px; }


div.column {
    overflow: hidden;
    float: left;
}

.feedback {
    font-size: 14px;
    color: #c7191f;
    font-style: italic;
}

.checkbox{
  display:none !important;
}

a.toggle {
    display: block;
    position: relative;
    background: url("../img/sprite.png") no-repeat; 
    height: 24px; 
    width: 64px;
    background-position:  -300px -25px; 
}

a.toggle.checked{
    background-position:  -300px -54px; 
}

input[type="text"], input[type="password"] {
    font-size: 15px;
    color: #7f8183;
    padding-left: 14px;
    border: 1px solid #c1c3c5;
}


.customSelect { 
    border: 1px solid #c1c3c5;
    background: #fff url("../img/arrow2.png") 96% 12px no-repeat;
    font-size: 15px;
    color: #7f8183;
    outline:none;
    height: 32px;
    line-height: 30px;
    width:94%;
    padding: 0 3%;
}

.customSelectInner {
    width: 94% !important;
}

button {
    cursor: pointer;
    border: 0;
    line-height: 41px;
    padding: 0 19px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

a.remove {
    display: block;
    text-indent: -999em;
    width: 20px;
    height: 20px;
    background: url("../img/sprite.png") no-repeat; 
    background-position:  -66px -0px; 
    height: 20px; 
    width: 20px;
}

a.append {
    display: block;
    text-indent: -999em;
    width: 20px;
    height: 20px;
    background: url('../img/sprite.png') no-repeat; 
    background-position:  0px 0px; 
}

/* buttons */

div.buttons {
    float: right;
    position: relative;
    top:10px;
    margin-right: 24px;
}

div.buttons button {
    float: right;
    margin-top: 20px;
}

div.buttons button.save {
    background-color: #30884a;
}

div.buttons button.disable {
    background-color: #bd2026;
    margin-right: 14px;
}

div.buttons p.feedback.left {
    float: left;
    position: relative;
    top: 30px;
    right: 19px;
}

h1.topmr {
    margin-top: 30px;
}