root {
    display: block;
}

textarea {
    resize: vertical;
}

input:-webkit-autofill {
    background-color: transparent !important;
}

/*#login {
    position:           fixed;
    z-index:            999;
    top:                42px;
    left:               50%;
    margin-left:        150px;
    width:              380px;
    height:             355px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    background:         rgba(0, 0, 0, .2);
}

.login-close {
    width:      19px;
    height:     19px;
    position:   absolute;
    top:        10px;
    right:      10px;
    background: url(../images/close.png) no-repeat 0 0;
    cursor:     pointer;
}*/

#login a {
    color:           #a91722;
    font:            11px/24px Tahoma, Arial, sans-serif;
    text-decoration: underline;
}

#login a:hover {
    color: #b71b27;
}

#login .sep {
    text-decoration: none;
    margin:          0 3px;
}

#login .links {
    text-align: right;
}

#login form {
    padding:            0;
    width:              363px;
    height:             339px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    background:         #fff;
    margin:             8px;
    position:           relative;
}

#login input.prompt {
    font-size:             14px;
    color:                 #5e5e5e;
    font-style:            italic;
    position:              relative;
    display:               block;
    width:                 304px;
    height:                34px;
    border-radius:         2px;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    -o-border-radius:      3px;
    line-height:           20px;
    padding:               0px 12px;
    cursor:                text;
    border:                1px solid #9a9a9a;
    -webkit-box-sizing:    border-box;
    -moz-box-sizing:       border-box;
    box-sizing:            border-box;
}

#login .login-field-wrap {
    position: relative;
    margin:   0 29px 13px;
}

#login .login-field-wrap label {
    font-size:   14px;
    color:       #5e5e5e;
    font-style:  italic;
    position:    absolute;
    display:     block;
    height:      34px;
    width:       100%;
    line-height: 34px;
    padding:     0 13px;
    z-index:     99;
    cursor:      text;
}

#login .login-links {
    float:  left;
    margin: 0 0 0 31px;
}

#login .login-links a {
    display: block;
}

#logon-submit {

}

#registration {
    position: relative;
}

#registration h1 {
    margin-bottom: 15px !important;
}

#registration .button {
    margin-top: 9px;
}

#registration p, #registration td {
    font-family: Arial;
    font-size:   13px;
    color:       #525252;
}

#registration table.account tr td {
    margin-bottom:  -5px !important;
    padding-bottom: 0 !important;
}

#registration table.account i {
    top: -4px !important;
}

#registration td i {
    font-size:  10px;
    font-style: italic;
    position:   relative;
    top:        -7px;
    color:      #808080;
}

#registration td i.sup {
    margin-bottom: -30px;
}

#registration td {
    line-height: 14px;
    /* width:200px;*/
    /*padding-bottom: 5px;
    padding-top: 5px;*/
}

#registration td > div {
    margin-top:    5px;
    margin-bottom: 16px;
    display:       inline-block;
    zoom:          1;
}

#registration div.newsletter {
    margin-top: -12px;
}

#registration table.head td {
    width: auto ! important;
}

#registration table.head td.title {
    width: 200px !important;
}

#registration table.head td.customer {
    width: 82px !important;
}

#registration div.register {
    margin: 0;
}

.req {
    color: #b11a33;
}

span.req_star {
    color:       #b11a33;
    font-family: Arial;
    font-size:   13px;
    font-weight: bold;
}

/*avatar*/
.container {
    position: relative;
}

#user_avatar {
    position:   absolute;
    right:      0;
    top:        0;
    text-align: center;
    width:      300px;
}

#user_avatar #avatar {
    float:  left;
    margin: 0 20px 0 0;
}

#user_avatar #avatar img {
    max-width:  60px;
    max-height: 60px;
}

#user_avatar #delete_avatar_button {
    float: left;
}

.avatar-edit-popup #user_avatar {
    position:   relative;
    right:      auto;
    top:        auto;
    text-align: left;
    width:      auto;
}

.avatar-edit-popup #user_avatar #avatar img {
    max-width:  120px;
    max-height: 120px;
}

.avatar-edit-popup .button-save {
    display:               inline-block;
    margin:                5px 7px 0 0;
    height:                30px;
    padding:               0 13px 0 13px;
    background:            #0b74cf;
    color:                 #fff;
    text-transform:        uppercase;
    border-radius:         3px;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border:                none;
    font:                  bold 13px/30px Arial;
    cursor:                pointer;
    -webkit-transition:    background .3s;
    -moz-transition:       background .3s;
    -ms-transition:        background .3s;
    -o-transition:         background .3s;
    transition:            background .3s;
}

.avatar-edit-popup .button-save:hover {
    background-color: #217fd0;
    border:           none;
}

.avatar-edit-popup .qq-upload-button {
    background:            -o-linear-gradient(top, #a8d52d, #84a519);
    background:            -moz-linear-gradient(top, #a8d52d, #84a519);
    background:            -webkit-gradient(linear, left top, left bottom, from(#a8d52d), to(#84a519));
    filter:                progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#a8d52d', EndColorStr='#84a519');
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
    text-transform:        uppercase;
    font:                  bold 13px/26px Arial;
    padding:               2px 15px !important;
}

/* Input Block */
.i_block {
    position: relative; /*z-index:0;*/
    margin:   0 7px 0 5px;
    height:   21px;
}

.i_block label, .t_block label {
    font-size:   11px;
    color:       #3e3e3e;
    display:     block;
    margin:      0 0 3px 0;
    font-weight: bold;
}

.i_block label {
    position:    absolute;
    top:         -15px;
    font-weight: bold;
}

.i_block .block {
    position:   relative;
    background: url("../images/bg_input.png") repeat-x 0 0;
    height:     27px;
}

.i_block .block sub, .i_block .block sup {
    width:      7px;
    height:     27px;
    position:   absolute;
    top:        0;
    background: url("../images/bg_input_left.png") no-repeat;
}

.i_block .block sub {
    left: -6px;
}

.i_block .block sup {
    background: url("../images/bg_input_right.png") no-repeat;
    right:      -7px;
    position:   absolute;
}

.i_block .block input {
    border:       none;
    outline:      none;
    background:   transparent; /*margin-top: 2px;*/
    color:        #646464;
    font:         11px Arial;
    height:       16px;
    padding-left: 0px;
    margin-left:  2px;
}

.i_block .block input.error {
    border:       none;
    outline:      none;
    background:   transparent; /*margin-top: 2px;*/
    color:        #e35563;
    font-family:  Arial;
    font-size:    11px;
    padding-left: 0px;
    margin-left:  0px;
}

/* Input Block Error */
.i_block.error {
    position: relative; /*z-index:2;*/
    margin:   0 7px 0 5px;
}

.i_block.error label, .t_block_error label {
    font-size:   11px;
    color:       #3e3e3e;
    display:     block;
    margin:      0 0 3px 0;
    font-weight: bold;
}

.i_block.error label {
    position:    absolute;
    top:         -15px;
    font-weight: bold;
}

.i_block.error .block {
    position:   relative;
    background: url("../images/bg_input_error.png") repeat-x 0 0;
    height:     27px;
}

.i_block.error .block sub, .i_block.error .block sup {
    width:      7px;
    height:     27px;
    position:   absolute;
    top:        0;
    background: url("../images/bg_input_left_error.png") no-repeat;
}

.i_block.error .block sub {
    left: -6px;
}

.i_block.error .block sup {
    background: url("../images/bg_input_right_error.png") no-repeat;
    right:      -7px;
    position:   absolute;
}

.i_block.error .block input {
    border:       none;
    outline:      none;
    background:   transparent;
    color:        #3e3e3e; /*margin-top: 2px;*/
    color:        #e35563;
    font-family:  Arial;
    font-size:    11px;
    padding-left: 0px;
    margin-left:  0px;
}

.checkbox, .radio {
    width:      19px;
    height:     25px;
    padding:    0 5px 0 0;
    background: url(checkbox.png) no-repeat 0 0;
    display:    block;
    clear:      left;
    float:      left;

}

.radio {
    background: url('../images/radio.png') no-repeat 0 0;
    margin-top: -25px;
    position:   relative;
    top:        25px; /*7*/
}

.checkbox {
    background: url('../images/check.png') no-repeat 0 0;
    /*margin-top: -25px;*/
    position:   relative;
    /*top: 12px;*/
}

.ui-th-column .checkbox {
    float:  none;
    margin: auto;
}

/*.select {
	position: absolute;
 	height: 24px;
	padding: -2px 24px 0 12px;
	color: #34514d;
        font-size: 11px;
        font-family: Arial, sans-serif;
        vertical-align: bottom;
	background: url('../images/bg_combobox.png') no-repeat;
	overflow: hidden;
 }
*/
.select {
    margin:     0;
    position:   absolute;
    min-width:  50px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
    width:      100%;
    height:     22px;
    padding:    0 0 0 0;
    color:      #706f6f;
    font:       12px/21px arial, sans-serif;
    background: url(../images/forms/combo.png) no-repeat;
    overflow:   hidden;
    float:      left;
}

.select div {
    width:      100%;
    height:     22px !important;
    padding:    0 0 0 0;
    text-align: left;
    background: url(../images/forms/comboArrow.png) no-repeat 100% 0;
}

.select span {
    height:   22px;
    margin:   0 0 0 5px;
    display:  inline-block;
    overflow: hidden;
}

.labelWrap {
    padding: 1px 0 0 25px;
}

span.custom_select {
    /*margin-left: 4px;*/
}

/*span.custom_select span.select {padding-left: 10px;margin-top: -2px;padding-top: 1px;}
*//* disabled styles for select */
span.custom_select.disabled {
    /*margin-left: 4px;*/
}

span.custom_select.disabled .select {
    background: url(../images/forms/comboDis.png) no-repeat;
    color:      #aaaaaa;
}

span.custom_select.disabled .select div {
    background: url(../images/forms/comboArrowDis.png) no-repeat 100% 0;
}

label {
    /*padding-left: 24px;
    position: relative;
    top: -18px;*/

}

p.check_label {
    position: relative;
    top:      -11px;
    left:     30px;
}

p.check_label a {
    color: #b3223c;
}

div.error_register div {
    margin-left: 14px;
    margin-top:  -18px;
    color:       #e35563;
    font-size:   12px;
    font-weight: bold;
}

#registration td.errors {
    padding-top: 14px;
}

#registration td.errors br {
    padding-bottom: 0px;
    margin-bottom:  -10px;
}

#registration form table {
    /*padding-bottom: 15px;*/
}

div.terms {
    height: 55px;
}

div.terms table {
    padding-bottom: 0;
}

div.terms table p.check_label {
    left: 7px; /*top: -25px;*/
}

/* textarea styles*/
.text_area {
    /* margin: 0px -2px 10px 0 !important;*/
    margin:      5px 0;
    line-height: 15px !important;
}

.text_area tr td.top_left {
    background: url('../images/forms/bg_upleft.png') no-repeat left top;
    width:      10px;
    height:     10px;
}

.text_area td.top_cent {
    background: url('../images/forms/bg_toparea.png') repeat-x 0 top;
    height:     10px;
}

.text_area td.top_right {
    background: url('../images/forms/bg_upright.png') no-repeat right top;
    width:      10px;
    height:     10px;
}

.text_area td.cent_left {
    background: url('../images/forms/bg_leftarea.png') repeat-y left 0;
    width:      10px;
}

.text_area td.cent_right {
    background: url('../images/forms/bg_rightarea.png') repeat-y right 0;
    width:      10px;
}

.text_area td.bottom_left {
    background: url('../images/forms/bg_bottomleft.png') no-repeat left bottom;
    width:      10px;
    height:     10px;
}

.text_area td.bottom_cent {
    background: url('../images/forms/bg_bottomarea.png') repeat-x 0 bottom;
    height:     10px;
}

.text_area td.bottom_right {
    background: url('../images/forms/bg_bottomright.png') no-repeat right bottom;
    width:      10px;
    height:     10px;
}

.text_area textarea {
    background-color: #F8F9F8;
    border:           medium none;
    color:            #34514d;
    font-family:      Arial, Sans-Serif;
    font-size:        11px;
    margin:           -1px 0px;
    padding:          0px;
    overflow-x:       hidden;
    resize:           vertical;
}

/* end of textarea styles */

input[type="text"].input-fixed {
    border:        none;
    background:    url(../images/bg_input_big.png) no-repeat 0 0px;
    width:         270px !important;
    height:        21px;
    padding-left:  8px;
    padding-right: 8px;
    /* padding-bottom: 2px;*/
    color:         #34514D;
    font:          11px Arial;
}

#sender_id-div {
    position: relative;
}

.editable {
    display: inline-block;
}

.error {
    color:       #e61e08;
    font-weight: bold;
}

.error > option {
    color:       #1B1918;
    font-weight: normal;
}

.order-link-input .i_block.error .block input, input.error, textarea.error {
    background:  #ffeaea;
    font-weight: inherit;
    border:      1px solid #e61e08;
}

[name="additional_customer_raw_error"] .error {
    color: #4e9fe6;
}

.dontforget.error {
    background-color: #fff1ea;
}

.home #registration {
    height:         367px;
    padding-bottom: 15px;
}

.home #registration .regWrap {
    right: 20px;
}

.home #registration .videoWrap {
    left: 10px;
}

.bg-input-whhite .input-field-parts {
    background: url("../images/forms/bg-input-white.png") no-repeat;
    float:      left;
    height:     32px;
    width:      16px;
}

.bg-input-whhite .input-field-c {
    position:            relative;
    background-position: 0 -35px;
    background-repeat:   repeat-x;
    width:               auto;
}

.bg-input-whhite .input-field-c label {
    position: absolute;
    top:      5px;
    left:     4px;
}

.bg-input-whhite .input-field-r {
    background-position: left bottom;
}

.bg-input-whhite .input-field-c input {
    background: none repeat scroll 0 0 transparent;
    border:     medium none;
    color:      #4C040E;
    font:       12px/12px Verdana;
    padding:    8px 3px;
}

#home-reg .bg-input-whhite .input-field-c {
    float:      none;
    background: none !important;
}

#home-reg .bg-input-whhite .input-field-c input {
    background:            #fff url(../images/header-icons.png) no-repeat 0 0;
    border:                1px solid #9a9a9a;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
    -webkit-box-sizing:    border-box;
    -moz-box-sizing:       border-box;
    box-sizing:            border-box;
    font-size:             14px;
    font-style:            italic;
    height:                34px;
    padding:               0 32px 0 13px;
    color:                 #5e5e5e;
    width:                 100%;
}

#home-reg .bg-input-whhite .input-field-c label {
    font-size:   14px;
    font-style:  italic;
    height:      34px;
    padding:     0 0 0 13px;
    top:         0;
    left:        0;
    line-height: 34px;
    color:       #5e5e5e;
}

#home-reg #reg_first_name {
    background-position: 291px -292px;
}

#home-reg #reg_email {
    background-position: 290px -330px;
}

#home-reg #reg_phone_1 {
    background-position: 292px -374px;
}

.button-yellow .button-parts {
    background: url("../images/forms/bn-yallow.png") no-repeat;
    float:      left;
    height:     30px;
    width:      16px;
}

.button-yellow .button-c {
    background-position: 0 -32px;
    background-repeat:   repeat-x;
    width:               auto;
}

.button-yellow .button-r {
    background-position: left bottom;
}

.button-yellow .button-c input {
    background:     none repeat scroll 0 0 transparent;
    border:         medium none;
    color:          #fff;
    font:           bold 12px/12px Verdana;
    text-transform: uppercase;
    padding:        7px 3px;
    text-shadow:    0 1px 1px #7c0c19;
}

#logon-submit input {
    padding:               0 30px 0 48px;
    margin:                0 26px 0 0;
    font-weight:           bold;
    font-size:             20px;
    height:                50px;
    border:                none;
    cursor:                pointer;
    float:                 right;
    background:            #82b440 url(../images/login-icon.png) no-repeat 20px 16px;
    color:                 #fff;
    font-family:           'Open Sans', sans-serif;
    border-radius:         5px;
    -webkit-border-radius: 5px;
    -moz-border-radius:    5px;
    -o-border-radius:      5px;
    line-height:           28px;
    border-bottom:         3px solid #6f9a37;
    text-shadow:           0 2px #4b7f1b;
    -webkit-box-sizing:    border-box;
    -moz-box-sizing:       border-box;
    box-sizing:            border-box;
    -webkit-transition:    all .3s ease;
    -moz-transition:       all .3s ease;
    -ms-transition:        all .3s ease;
    -o-transition:         all .3s ease;
    transition:            all .3s ease;
}

#logon-submit input:hover {
    background-color:    #5c8e1b;
    border-bottom-color: #3c5c12;
}

* + html #login #logon-submit input {
    padding-top: 5px;
    height:      30px;
}

#login .bg-input-whhite .input-field-c input {
    width: 100px;
}

#loginTbl .row1 {
    height: auto;
}

#loginTbl .row2 td {
    padding-top: 10px;
}

#loginTbl td {
    padding-left: 15px;
}

.checkbox-centered .checkbox {
    float:  none;
    margin: 0 auto;
}

#areaReceivePackages select.styled,
#areaReceivePackages .select {
    min-width: 150px;
}

#packageStatusFilterForm {
    float:         left;
    padding:       15px 15px 15px 15px;
    border:        1px solid #fff;
    border-radius: 0 0 6px 0;
    box-shadow:    1px 1px 3px rgba(0, 0, 0, 0.4);
    background:    -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(219, 219, 219, 1) 100%);
    background:    -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242, 242, 242, 1)), color-stop(100%, rgba(219, 219, 219, 1)));
    background:    -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(219, 219, 219, 1) 100%);
    background:    -o-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(219, 219, 219, 1) 100%);
    background:    -ms-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(219, 219, 219, 1) 100%);
    background:    linear-gradient(to bottom, rgba(242, 242, 242, 1) 0%, rgba(219, 219, 219, 1) 100%);
    filter:        progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#dbdbdb', GradientType=0);
}

#packageStatusFilterForm td {
    padding:     0 10px 5px 0;
    line-height: 25px;
}

#packageStatusFilterForm .oldfilter label {
    display: block;
    white-space: nowrap;
    font-size: 12px;
}

#packageStatusFilterForm .customfilter {
    padding-left: 10px;
}

#packageStatusFilterForm .datefilter {
    padding-left: 10px;
}

#packageStatusFilterForm .datefilter label {
    display: block;
}

#packageStatusFilterForm .datefilter select {
    display: block;
}

.customerPackageStatusFilterForm {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-left: 5px;
    margin-bottom: 2px;
}

.customerPackageStatusFilterForm .button {
    margin: 0;
}

#form-common .ui-jqgrid-hdiv {
    margin-top: 10px;
}

.login-header {
    font-size:     18px;
    text-align:    center;
    font-weight:   bold;
    color:         #000;
    height:        40px;
    line-height:   40px;
    border-bottom: 1px dashed #bfbfbf;
}

.login-text {
    font-size:   13px;
    line-height: 20px;
    padding:     11px 24px 29px;
    position:    relative;
}

.user-panel.user-panel-v2 .social-block,
.login-v2 .social-block {
    position: absolute;
    right:    15px;
    top:      7px;
    width:    115px;
}

.social-block-horizontal {
    float: right;
}

.social-block-horizontal .soc-row,
.social-block-horizontal .row {
    float:    left;
    position: relative;
}

.user-panel.user-panel-v2 .soc-row,
.login-v2 .soc-row {
    margin: 0 0 4px;
}

.user-panel.user-panel-v2 .soc-row .twitter-share-button,
.login-v2 .soc-row .twitter-share-button,
.social-block-horizontal .soc-row .twitter-share-button,
.social-block-horizontal .row .fb-like > span,
.social-block-horizontal .row .fb-like,
.user-panel.user-panel-v2 .fb-like > span,
.user-panel.user-panel-v2 .fb-like,
.login-v2 .soc-row .fb-like > span,
.login-v2 .soc-row .fb-like {
    display: block;
}

.social-block-horizontal .row .fb-like *,
.user-panel.user-panel-v2 .soc-row .fb-like *,
.login-v2 .soc-row .fb-like * {
    margin-top:    0 !important;
    margin-bottom: 0;
    padding-top:   0;
}

.phone-panel {
    position: sticky;
    top: 0;
    z-index: 5;
    padding:       0 5px 0 10px;
    margin-bottom: 5px;
    height:        80px;
    border:        1px solid #fff;
    border-radius: 0 0 6px 0;
    box-shadow:    1px 1px 3px rgba(0, 0, 0, 0.4);
    background:    -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(219, 219, 219, 1) 100%);
    background:    -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242, 242, 242, 1)), color-stop(100%, rgba(219, 219, 219, 1)));
    background:    -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(219, 219, 219, 1) 100%);
    background:    -o-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(219, 219, 219, 1) 100%);
    background:    -ms-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(219, 219, 219, 1) 100%);
    background:    linear-gradient(to bottom, rgba(242, 242, 242, 1) 0%, rgba(219, 219, 219, 1) 100%);
    filter:        progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#dbdbdb', GradientType=0);
}

.phone-panel .comment-section {
    vertical-align: middle;
    height: 80px;
    display: inline-block;
    border-left: 1px solid #cecece;
    margin-left: 5px;
    padding: 0 5px 0 5px;
}

.comment-section textarea {
    width: 400px;
    height: 100%;
}

.comment-section button {
    vertical-align: bottom;
    height: auto;
    margin: 0 0 9px 0;
}

.do-not-pick-up-label {
    position: absolute;
    color: #b0062e;
    font-weight: bold;
    font-size: 26px;
}

.phone-button {
    vertical-align: bottom;
    font-size: 26px !important;
    padding: 4px !important;;
    margin: 0 0 2px 0 !important;
    height: 38px !important;
}

.phone-button.hang-up {
    border:          1px solid #bba24e;
    background:      -o-linear-gradient(top, #f5080d, #a10409);
    background:      -moz-linear-gradient(top, #f5080d, #a10409);
    background:      -webkit-gradient(linear, left top, left bottom, from(#f5080d), to(#a10409));
}

.phone-button.hang-up:hover {
    border:          1px solid #bba24e;
    background:      -o-linear-gradient(top, #a10409, #f5080d);
    background:      -moz-linear-gradient(top, #a10409, #f5080d);
    background:      -webkit-gradient(linear, left top, left bottom, from(#a10409), to(#f5080d));
}

.phone-button.hang-up:disabled,
.phone-button.hang-up:disabled:hover {
    background: -o-linear-gradient(top, rgba(232, 232, 232, 1) 0%, rgba(183, 183, 183, 1) 100%);
    background: -moz-linear-gradient(top, rgba(232, 232, 232, 1) 0%, rgba(183, 183, 183, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(232, 232, 232, 1)), color-stop(100%, rgba(183, 183, 183, 1)));
}

.customer-edit-container {
    display: inline-block;
    vertical-align: top;
}

.customer-edit-container h1 {
    margin-top: 10px !important;
}

.customer-edit-container input[type=text],
.customer-edit-container input[type=number],
.customer-edit-container select,
.customer-edit-container textarea {
    background: none;
    margin: 2px 0 2px 0;
    padding: 0 5px;
    border: 1px solid #bababa;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.customer-edit-container input[type=text],
.customer-edit-container select {
    height: 26px;
    width: 300px;
}

.customer-edit-container input[type=number] {
    height: 26px;
    width: 160px;
}

.customer-edit-container .ui-pg-input {
    width: 30px !important;
    height: 20px !important;
}

.customer-comments-history-container {
    display: inline-block;
    vertical-align: top;
}

.phone-control-panel fieldset,
.active-clients-statistics fieldset {
    vertical-align: top;
    display: inline-block;
}

.phone-control-panel .panel-input {
    background: none;
    margin: 0;
    height: 26px;
    padding: 0 5px;
    border: 1px solid #bababa;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.phone-control-panel .panel-input[type='number'] {
    width: 60px;
}

.phone-control-panel .digits-input {
    width: 158px;
}

.phone-control-panel .digit-button {
    width: 50px;
    border:          1px solid #2d9bce;
    background:      -o-linear-gradient(top, #2d9bce, #0183c1);
    background:      -moz-linear-gradient(top, #2d9bce, #0183c1);
    background:      -webkit-gradient(linear, left top, left bottom, from(#2d9bce), to(#0183c1));
}

.phone-control-panel .digit-button:hover {
    background:      -o-linear-gradient(top, #0183c1, #2d9bce);
    background:      -moz-linear-gradient(top, #0183c1, #2d9bce);
    background:      -webkit-gradient(linear, left top, left bottom, from(#0183c1), to(#2d9bce));
}

.phone-control-panel #dialButton {
    width: 102px;
}

.phone-control-panel #isAbsentRadio:checked + label {
    color: red;
}

.phone-control-panel .queue-list-table {
    width: 309px;
}

.phone-control-panel .queue-list-table tr {
    border-bottom: 1px solid #ddd;
}

.phone-control-panel .queue-list-table th {
    color: #484848;
    font-weight: bold;
    padding: 0 5px 0 0;
}

.phone-control-panel .queue-list-table td.operator {
    color: #919191;
}

.phone-control-panel .queue-list-table td.operator.online {
    color: green;
}

.phone-control-panel-sidebar {
    display: inline-block;
}

.phone-control-panel-sidebar fieldset {
    display: block;
}


.sticky-recording {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 100;
    display: none;
}

.sticky-recording audio {
    float: left;
    width: 96%;
}

.sticky-recording .hide-panel {
    position: absolute;
    top: 0;
    right: 0;
}

.sticky-recording .recording-speed {
    position: absolute;
    top: 22px;
    right: 0;
}

div.call-status {
    display: inline-block;
    vertical-align: middle;
    width:  20px;
    height: 20px;
    cursor: pointer;
    margin-left: 2px;
}

div.call-status span {
    display:         block;
    border:          none;
    text-decoration: none;
    width:           100%;
    height:          100%;
}

.call-recording-play-btn,
.call-small-recording-play-btn{
    background: url(../images/icon_recorging.png) no-repeat 50% 50%;
    width:      16px;
    height:     16px;
    display:    inline-block;
}

#formCustomerEdit{
    width: 820px;
    padding-right: 20px;
}

#formCustomerEdit #recordingPlayerPanel {
    display: none;
    position: relative;
}

#formCustomerEdit #recordingPlayerPanel #recordingPlayer{
    float: left;
    width: 316px;
}

#formCustomerEdit #recordingPlayerPanel #recordingPlayerSpeed{
    position: absolute;
    top: 32px;
    right: 100px;
    z-index: 100;
    min-width: 40px;
    width: 40px;
    height: 18px;
    border-color: #999999;
    border-radius: 1px;
}

.call-recording-download-btn {
    margin-left: 3px;
    background:  url(../images/icon_download.png) no-repeat 50% 50%;
    width:       16px;
    height:      16px;
    display:     inline-block;
}

.call-info-btn {
    background: url(../images/icon_call_info.png) no-repeat 50% 50%;
    width:      16px;
    height:     16px;
    display:    inline-block;
}

.call-comment-btn {
    background: url(../images/icon_call_comment.png) no-repeat 50% 50%;
    width:      16px;
    height:     16px;
    display:    inline-block;
}

.incoming-icon {
    background: url(../images/icon_incoming_call.png) no-repeat;
}

.outgoing-icon {
    background: url(../images/icon_outgoing_call.png) no-repeat;
}

.not-answered-incoming-icon {
    background: url(../images/icon_not_answered_incoming_call.png) no-repeat;
}

.not-answered-outgoing-icon {
    background: url(../images/icon_not_answered_outgoing_call.png) no-repeat;
}

.active-clients-statistics th {
    text-align: center !important;
}

.active-clients-statistics .day-column {
    text-align: left;
    padding-right: 5px;
}

.active-clients-statistics .delta-column {
    width: 80px;
    text-align: right;
    padding-right: 5px;
    background-color: #f2f2f2;
}
.active-clients-statistics .count-column {
    width: 100px;
    text-align: right;
    padding-right: 5px;
}

.active-clients-statistics .separated-row {
    border-top: 1px solid;
}