﻿

#usercp, #usercp table {
    color: #000;
    line-height: 135%;
    margin-left: 2px;
    margin-top: 2px;
}

.white-background {
    border: 1px solid #ccc;
    margin: 0 10px 10px 0;
    padding: 10px 5px;
}

.white-background-new {
    margin: 0 10px 10px 0;
}

.white-background-new .box-header {
    background: #0f9d58;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    height: 30px;
    line-height: 30px;
    width: 100%;
    color: white;
    font-weight: bold;
    text-align: center;
}

.white-background-new .box-arround {
    padding-top: 10px;
    border: 1px solid #ccc;
    border-top: none;
}

.white-background-new .box-arround .title {
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
    background-color: #e8e8e8;
}

.white-background-new .box-arround .item {
    margin: 15px 0px 15px 0px;
    list-style: none;
}

.white-background-new .box-arround .item .row-content {
    background: none;
    margin-left: 5px;
    margin-top: 7px;
    margin-bottom: 7px;
    padding: 0px;
    padding-left: 1em;
}

.white-background-new .box-arround .item .row-content:before {
    content: "• ";
    color: #666;
}

.white-background-new .box-arround .item .row-content img {
    vertical-align: top;
}


h3{

    font-size: 14px;
    padding-top: 7px;
    font-weight: bold;

}

div, span,ul, li, label{
    font-family: Tahoma;
    font-size: 12px;
    padding: 0;
}
ul li a.active{
    color: orange;
    font-weight: bold;
}
#user_fullname{
    font-family: Tahoma;
    font-size: 17px;

    color: blue;
}
#user_avatar{

    position: relative;
    left: 35%;
}
.user_avatar_info{
    text-align: center;
    font-weight: bold;
    margin-bottom: 5px;
}

.fancybox-close{ background:url(../images/close-fancy.svg) center no-repeat; top:-30px; right:0;}
.col-input input.user{ background-image:url(../images/user.svg);}
.col-input input.lock{ background-image:url(../images/lock.svg);}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .footer-icon svg{ width:30px; height:30px;}
    .footer-icon { width:100%; text-align:right;}
    #main-footer #main-nav{ float:right; padding-left:0;}
    .fancybox-close{ background:url(../images/close-fancy.svg) center no-repeat; top:-30px; right:-30px;}
    .col-2-login{ border-left:1px solid #e5e5e5; margin-top:40px; padding-top:20px; padding-bottom:40px;}
    #login-screen{ max-width:750px; padding:10px;}

    .colum-left,.colum-right{ width:50%; float:left;}
    .colum-left{ padding-right:10px;}



}

.avatar-button{ position:relative; margin-bottom: 10px;}
.avatar-button .btn.login{ background: #0f9d58; color:#fff;}

table.license, th, td {
    border: 1px solid #cccccc;
    border-collapse: collapse;
    padding: 3px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px !important;
}

