body {
    font-family: Arial;
    font-weight: 400;
    font-size: 13px;
    color: #161616;
    padding: 0;
    margin: 0;
    background: #fbfcf7 url(../images/logo.png) no-repeat right 20px bottom 10px;
    background-attachment: fixed;
}

body.main {background: #fff}

* {outline:none !important;}
a {text-decoration: none;outline: none;color:#333;font-weight:normal}
a.selected, a:visited, a:hover, a:active {text-decoration: underline}
img {max-width:100%;outline:0}

.none {display: none}
.relative {position: relative}
.inline-block {display:inline-block}
.bold {font-weight:bold}
.floatLeft {float:left}
.floatRight {float:right}

.mobileBlock {display:none}
.mobileInlineBlock {display:none}
.mobileBelow {display:inline-block;margin:0 0 0 10px;color:#999}

.mtop5 {margin-top:5px}
.mtop10 {margin-top:10px}
.mright10 {margin-right:10px}
.mleft50 {margin-left:50px}
.mleft10 {margin-left:10px}
.mbottom5 {margin-bottom:5px}
.mbottom10 {margin-bottom:10px}

.ptop5 {padding-top:5px !important;}
.ptop10 {padding-top:10px !important;}
.pleft8 {padding-left:8px !important;}
.pleft10 {padding-left:10px !important;}
.pleft20 {padding-left:20px !important;}
.pright10 {padding-right:10px !important;}
.pright20 {padding-right:20px !important;}

.twenty {height:20px}
.fifteen {height:15px}
.ten {height:10px}
.five {height:5px}
.four {height:4px}
.three {height:3px}

.width400 {width:400px}
.width350 {width:350px}
.width300 {width:300px}
.width280 {width:280px}
.width270 {width:270px}
.width250 {width:250px}
.width230 {width:230px}
.width200 {width:200px}
.width190 {width:190px}
.width180 {width:180px}
.width170 {width:170px}
.width160 {width:160px}
.width150 {width:150px}
.width140 {width:140px}
.width130 {width:130px}
.width120 {width:120px}
.width110 {width:110px}
.width100 {width:100px}
.width80 {width:80px}
.width70 {width:70px}
.width60 {width:60px}
.width50 {width:50px}
.width40 {width:40px}
.width10 {width:10px}

.white {color:#fff}
.green {color:#5cb85c}
.red {color:#d9534f}
.orange {color:#e67125;}
.gray, a.gray, a.gray:hover {color:#999 !important;}
.lightGray {color:#ccc}

.font9 {font-size:9px}
.font10 {font-size:10px}
.font11 {font-size:11px}
.font12 {font-size:12px}
.font13, td.font13 {font-size:13px !important;}
.font14 {font-size:14px}
.font15 {font-size:15px}

ol {margin:0;padding:0 0 0 15px}

.wrapper {min-width:360px;line-height:1.4;max-width:100%}

.navbar {
    background:#e67125;
    font-family: "Open Sans", sans-serif;
    padding:0 15px 0 0;
    height:20px;
    margin:0;
    color:#fff;
    line-height: 1.0;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius: 0px;
}
.navbar-brand {padding:13px 0px 0 10px}
.navbar-brand.partnerName {padding:13px 0 0 0;margin:2px 0 0 18px;font-family: "Roboto", sans-serif;font-weight:400;}

.navbar .btn-group {margin:12px 0 0 0}
.navbar .btn-group .btn {
    padding:7px 12px 8px 12px;
    background:#fff;
    color:#333;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius: 0px;
}
.navbar .btn-group.open .dropdown-toggle {box-shadow:none !important; -webkit-box-shadow: none !important;}

#topBasketHTML {
    position: relative;
    float:right;
    width: 70px;
    height: 50px;
    display: block;
    cursor: pointer;
    background: url(../images/topBasket.png) no-repeat 15px 15px;
    border: 0;
}

#topBasketHTML #topBasketAmount {
    position: absolute;
    top: 11px;
    right: 18px;
    line-height: 1.0;
    padding: 5px 0 0 0;
    text-align: center;
    font-size: 11px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    background: #d31e00;
    border: none;
    color: #fff;
}

#content {
    padding:15px 15px;
    min-height:400px;
    background-size: 200px auto;
}

#userTopInfo {font-family: "Open Sans", sans-serif;background:#fff;padding:7px 15px 7px 15px;font-size:11px;border-bottom:solid #e2e2e2 1px;}
#userTopInfo.open {padding:15px 15px 15px 15px}
#userTopInfo span {margin-right:50px}
#userTopInfo span strong {display:inline-block;font-weight:600}
#userTopInfoShort {display: none}

h1 {margin:0 0 15px 0;font-size:23px;font-family: "Roboto", sans-serif;font-weight:400;line-height:1.2 !important;}
h1 strong {font-weight:500}

h4 {margin:0 0 15px 0;font-size:21px;font-family: "Roboto", sans-serif;font-weight:500;line-height:1.2 !important;}
h2 {margin:0 0 15px 0;padding:0 0 10px 0;font-size:17px;color:#333;font-family: "Roboto", sans-serif;font-weight:500;line-height:1.2 !important;border-bottom: dashed #e7e7e7 1px}

.frameContainer h3 {margin:0 0 15px 0;padding:0 0 10px 0;font-size:17px;color:#333;font-family: "Roboto", sans-serif;font-weight:500;border-bottom: solid #efefef 1px}

h3.formationYear {margin:0 0 15px 0;padding:0 0 10px 5px;color:#333;font-size:17px;font-family: Arial;border:none;border-bottom: solid #efefef 1px}
h3.formationYear:not(:first-of-type) {margin-top:30px}

h2 span {font-size:14px;font-weight:400}

/* INPUTS */
input[type='text'], input[type='password'], input[type='email'], input[type='date'] {
    border:none;
    font-family: "Open Sans", sans-serif;
    border-left: solid #a29f97 2px;
    background:#f9f9f9;
    color:#000;
    font-size:13px;
    -moz-box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius: 0px;
    width:200px;
    line-height: normal;
    outline: none
}
input.input-small {width:100px}
input.input-normal {width:200px}
input.input-medium {width:300px}
input.input-large {width:400px}
input.input-xlarge {width:550px}

textarea {
    font-family: "Open Sans", sans-serif;
    border:none;
    border-left: solid #a29f97 2px;
    background:#f9f9f9;
    color:#000;
    font-size:13px;
    padding:5px;
    -moz-box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius: 0px;
    width:200px;
    height:80px;
    line-height: normal;
    outline: none;
    resize: none;
}

textarea.input-small {width:100px}
textarea.input-normal {width:200px}
textarea.input-medium {width:300px; height:70px}
textarea.input-large {width:400px; height:100px}
textarea.input-xlarge {width:550px; height:100px}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #b0b0b0;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #b0b0b0;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #b0b0b0;
}
:-moz-placeholder { /* Firefox 18- */
    color: #b0b0b0;
}

/* LINKS */
a.returnTop, a.returnTop:hover {background:#e6e6e6;color:#777;text-decoration:none;margin:1px 0 0 0;padding:4px 12px 4px 12px;font-size:12px;
    font-family: "Arial", sans-serif;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius: 3px;}
a.returnTop span, a.returnTop:hover span {font-size:11px;margin:2px 5px 0 0 !important;}
.floatRight a.returnTop {margin-left:20px}

/* BADGES */
.badge {font-weight: normal}
.badge.b {background: #337ab7}
.badge.r {background: #d9534f}
.badge.g {background: #5cb85c}
.badge.y {background: #f0ad4e}
.badge.badge-link {background:#666;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius: 5px}

/* BUTTONS */
.btn:active, .btn.active {-webkit-box-shadow:none;box-shadow:none}
.btn-sm {padding: 3px 14px !important}
.btn-xs, .btn-group-xs > .btn {padding: 0px 10px 1px 10px;font-size: 12px}
.btn-xs.width110 {width:110px !important;}
.btn-xs.width120 {width:120px !important;}
.btn-xs.width130 {width:130px !important;}

table .btn-group > .btn:first-child {margin-right: 4px;}
table tr td .btn-xs {margin-right: 4px;}
table tr td .btn-xs:last-child {margin-right: 0}

.btn-xs span.glyphicon {position:relative;top:2px;left:-3px;margin:0 5px 0 0;font-size:12px;font-weight: normal}

.btn-black {background:#333;border:solid #333 1px;color:#fff !important;}
.btn-black:hover {background:#111;border:solid #333 1px;color:#fff !important;}
.btn-graphite {background:#726a5f;border:solid #58504a 1px;color:#fff !important;}
.btn-graphite:hover {background:#58504a;border:solid #726a5f 1px;color:#fff !important;}
.btn-graphiteLight {background:#646668;border:solid #646668 1px;color:#fff !important;}
.btn-graphiteLight:hover {background:#3b393a;border:solid #3b393a 1px;color:#fff !important;}

.btn-file {position: relative;overflow: hidden;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;right: 0;min-width: 100%;min-height: 100%;font-size: 100px;text-align: right;filter: alpha(opacity=0);
    opacity: 0;outline: none;background: white;cursor: inherit;display: block;
}
.fileInput input[type='text'] {
    margin: 0;border:0;width:115px;
    padding: 4px 5px 4px 5px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    position:relative;top:1px
}

.btnMain {display:inline-block;text-align:center;min-width:200px;font-size:14px;
    background:#222;
    border:0;
    padding:10px 30px;
    color:#fff;font-family: "Roboto", sans-serif;font-weight:400;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 1px 2px #fefdfd;
    -moz-box-shadow: 0px 0px 1px 2px #fefdfd;
    box-shadow: 0px 0px 1px 2px #fefdfd;
}
.modal .btnMain {padding:7px 30px;}

.btnMain.red {background:#d9534f}
.btnMain.green {background:#04b500}

/* labels */
span.label.label-gray {
    font-size: 12px !important;
    padding: 5px 10px !important;
    margin: 3px 5px 3px 0 !important;
    display: inline-block;
    background: #e7e7e7;
    color: #222;
    font-weight:500
}

/* text difference */
span.diff-old {
    display: inline-block;padding:1px 2px;background: #fcd8d9; color:#333;text-decoration: line-through;
}
span.diff-new {
    display: inline-block;padding:1px 2px; background:#e0fcd0; color:#333;
}

/* FORMS */
form {margin:0}
label {cursor:pointer;display:inline;font-weight:normal;font-size:13px}


.frameContainer {padding:20px;margin: 0 0 15px 0;background:url(../images/bg-transparent.png);border:solid #e7e7e7 1px;
    -webkit-border-radius:5px;-moz-border-radius:5px;border-radius: 5px;
}
.frameContainer strong {font-family: "Roboto", sans-serif;font-weight:500}


/* TABLES */
table.font13 TR TD, table.font13 TR TH {font-size:13px !important}
table.font12 TR TD, table.font12 TR TH {font-size:12px !important}
table.font11 TR TD, table.font11 TR TH {font-size:11px !important}
table TR TD.font11, table TR TH.font11 {font-size:11px !important}
table TR TD.font12, table TR TH.font12 {font-size:12px !important}
table TR TD {font-size:12px !important}
table TR TD.vertical-top {vertical-align:top !important;}
table TR TD.vertical-middle {vertical-align:middle}
table TR TD strong {font-weight:600 !important;}
.table-striped > thead > tr > th {border: none !important;}
.table-striped > tbody > tr:nth-of-type(2n+1) {background-color: #fbfbfb !important}

table.responsive {width:90%;border:0;margin:0;padding:0;border-collapse:collapse}
table.responsive tr th {line-height: 1.2 !important;}
table.responsive tr td {float:none;padding:5px 0 5px 0;vertical-align:middle;text-align:left}
table.responsive tr td input {height:28px;padding-left:5px;padding-right:5px}
table.responsive tr td span {display:inline-block;margin:0 0 0 20px}
table.responsive tr td span:first-child {margin:0}
table.responsive tr th.thright {text-align:right}
table.responsive tr td.tdright {text-align:right}
table.responsive tr td strong {font-family: Arial;font-weight: bold;}
table.responsive-list img.thumbnail.fixedHorizontal {width:85px;display:inline-block;margin:0 0 10px !important;}

table.responsive-list tr th {font-size:12px;line-height:1.2 !important;}

input[type="checkbox"] {display:none}
input[type="checkbox"] + label {display:inline-block;margin:0;padding:0;line-height: 1.0 !important;}
input[type="checkbox"] + label p {
    float:left;
    width:18px;
    height:18px;
    margin:3px 11px 0 0;
    padding:0;
    background:url(../images/custom-checkboxes.png) 0px -119px no-repeat;
    cursor:pointer;
}

input[type="checkbox"] + label span {
    display:inline !important;position:relative;top:3px;margin:0 !important;padding:0 !important;
    line-height: 1.4;
}

input[type="checkbox"]:checked + label p {
    background:url(../images/custom-checkboxes.png) -20px -119px no-repeat;
}
input[type="checkbox"]:disabled + label p {
    background:url(../images/custom-checkboxes.png) -40px -119px no-repeat;
    cursor:auto
}

input[type="checkbox"]:disabled + label  {cursor:auto}

/* top searching */
.topSearching {padding: 10px 15px 10px 15px !important;}
.topSearching span {display:inline-block;margin:0 20px 8px 0;color:#333;}
.topSearching span label {color:#666;font-size:12px;font-family: "Roboto", sans-serif;font-weight:400}
.topSearching span input[type='text'], .topSearching span input[type='date'] {width:150px;height:25px;padding-left:5px;padding-right:5px;font-size:12px}
.topSearching hr {clear:both;display:block;margin:10px 0;border-style:dashed;}
.topSearching .showAllFilters {display:none}
.topSearching .btn-search {float:right;width:90px;margin: 0 5px 0 0}
.topSearching .btn-reset {float:right;width:90px;margin: 0 10px 0 0}

.topPagination {float:right}
.topPagination input[type='text'] {padding: 5px 1px 5px 5px;font-size:12px;width:60px !important;}
.topPagination #paginationManualChange {padding: 3px 1px 5px 5px;font-size:12px;width:40px !important;}
.topPagination .afterMaxPagesResp {display: none}

.topPagination a,
.topPagination a:link,
.topPagination a:visited {
    margin: 0;
    font-size: 12px;
    text-decoration: none;
    color: #161616
}

.topPagination a:hover,
.topPagination a:active {
    text-decoration: none;
    color: #e67125
}

/* TABS */
.tabsContainer {margin:5px 0 20px 0}
.tabsContainer .tabsList.nav-tabs > li > a {
    margin:5px 2px 0 0;
    font-family: "Roboto";
    font-weight:400;
    color:#000;
    background:#f4f4f4;
    border-bottom:solid #dddddd 1px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    outline: none
}
.tabsContainer .tabsList.nav-tabs > li.active > a,
.tabsContainer .tabsList.nav-tabs > li > a {
    text-decoration:none;
    font-size:13px;
    padding:7px 15px 8px 15px;
    outline: none
}

.tabsContainer .tabsList.nav-tabs > li.active > a,
.tabsContainer .tabsList.nav > li > a:hover,
.tabsContainer .tabsList.nav > li > a:focus,
.tabsContainer .tabsList.nav-tabs > li:hover > a  {color:#fff;background:#5cb85c;border-bottom:solid #fff 1px;outline: none}

.tabsContainer .tab-pane {margin:20px 0 0 0}

.avatarWithName {width:120px;display:inline-block;margin:0 8px 15px 8px;vertical-align:top;text-align:center}
.avatarWithName img.thumbnail.fixVertical {margin:0 auto;display:inline-block;height:90px}
.avatarWithName .name {font-weight:bold;font-size:12px;margin-top:5px}
.avatarWithName .desc {text-transform: uppercase;font-size:11px;color:#999}
.avatarWithName .status {font-size:11px;color:#999}

/* BOXES ERROR, SUCCESS, INFO */
.boxError {margin:0 0 20px 0;color:#600606;font-size:14px;padding:0;border: solid #f6e8e8 1px;
    border-left: solid #da4182 2px;
    background: url(../images/bg-red-transparent.png);line-height:1.3;
    font-family: "Open Sans", sans-serif;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}
.boxError span {font-size:13px;display:block;padding:20px 10px 20px 80px;background: url(../images/boxError.png) no-repeat top 50% left 20px;}
.boxError span strong {font-weight:600}
.boxError span p {margin: 2px 0 3px 0 !important;}

.boxSuccess {margin:0 0 20px 0;color:#118314;font-size:14px;padding:0;border: solid #fafafa 1px;line-height:1.3;
    background: url(../images/bg-green-transparent.png);
    font-family: "Open Sans", sans-serif;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
    border-left: solid #558b53 2px;
}
.boxSuccess span {font-size:13px;display:block;padding:20px 10px 20px 80px;background: url(../images/boxSuccess.png) no-repeat top 50% left 20px;}
.boxSuccess span strong {font-weight:600}
.boxSuccess span p {margin: 2px 0 3px 0 !important;}

.boxInfo {margin:0 0 20px 0;color:#222222;font-size:14px;padding:0;border: solid #e0e5cb 1px;line-height:1.3;
    background: url(../images/bg-gray-transparent.png);
    font-family: "Open Sans", sans-serif;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
    border-left: solid #a29f97 2px;
}
.boxInfo span {font-size:13px;display:block;padding:20px 10px 20px 80px;background: url(../images/boxInfo.png) no-repeat top 50% left 20px;}
.boxInfo span strong {font-weight:600}
.boxInfo span p {margin: 2px 0 3px 0 !important;}

.boxError.no-icon, .boxInfo.no-icon, .boxSuccess.no-icon {font-size:13px;border-left: solid #e0e5cb 1px;line-height:1.3;}
.boxError.no-icon span, .boxInfo.no-icon span, .boxSuccess.no-icon span {
    font-size:13px;display:block;padding:11px 10px 11px 15px !important;background:none !important;
}

.boxError .btn-xs, .boxInfo .btn-xs, .boxSuccess .btn-xs {margin: 0 10px 0 0 !important;}

#scrollTop {outline:none;display:none;position:fixed;bottom:10px;right:20px;width:39px;height:39px;background:url(../images/scrollTop.png) no-repeat 0 0}