/* CSS Document */

.cabinet_intro {
text-align:justify;
margin-bottom:1em;
}

.cabinet_block {
text-align:left;
box-sizing: border-box; /*div will include padding and border*/
padding:1em;
background-color:#FFFFFF;
border:1px solid #e3e3e3;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.cabinet_block a {
color:#26486d;
}

.cabinet_column {
width:45%;
display:inline-block;
box-sizing: border-box; /*div will include padding and border*/
vertical-align:top;
margin-bottom:1em;
margin-right:1em;
text-align:center;
}

.cabinet_title {
color:#26486d;
text-rendering:optimizelegibility;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:1.3em;
margin-bottom:0.8em;
}

.cabinet_title a {
color:#26486d;
text-decoration:none;
}

.cabinet_menu_title {
color:#26486d;
text-rendering:optimizelegibility;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size:1.3em;
margin-bottom:0.3em;
}

.cabinet_menu_title a {
color:#26486d;
text-decoration:none;
}

.cabinet_menu_item {
color:#26486d;
margin-bottom:0.2em;
}

.cabinet_menu_item a {
color:#26486d;
}


/*****************************Forms****************************************/
/***********************Login, Profile, Register***********************/

.cabinet_label {
font-size:0.9em;
font-weight: bold;
width:100%;
margin-bottom:0.3em;
}

.cabinet_label a {
font-weight:normal;
color:#26486d;
}

.cabinet_block input[type=text], .cabinet_block input[type=password] {
box-sizing: border-box; /*div will include padding and border*/
font-size: 1em;
padding:0.5em;
border: 1px solid #b2b2b2;
background-color:#F6F6F6;
width: 95%;
max-width:400px;
margin-bottom:0.5em;
}

.cabinet_block textarea {
box-sizing: border-box; /*div will include padding and border*/
font-size: 1em;
font-family:Arial, Helvetica, sans-serif;
padding:0.5em;
background-color:#F6F6F6;
border: 1px solid #b2b2b2;
color: #000;
width: 95%;
margin-bottom:0.5em;
}

.cabinet_block select {
box-sizing: border-box; /*div will include padding and border*/
font-size: 1em;
font-family:Arial, Helvetica, sans-serif;
padding:0.5em;
background-color:#F6F6F6;
border: 1px solid #b2b2b2;
color: #000;
width: 100%;
margin-bottom:0.5em;
}

.cabinet_block input[type="checkbox"] {
position: relative;
top:0;
margin-right:0.5em;
}

.cabinet_block input[type="submit"] {
font-size:1em;
padding:0.5em;
cursor:pointer;
-webkit-appearance:button;
color:#fff;
margin-top:1em;
border-radius:3px;
text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
background-color:#2f92e7;
*background-color:#4578ac;
background-image:-moz-linear-gradient(top, #26486c, #4578ac);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#26486c), to(#4578ac));
background-image:-webkit-linear-gradient(top, #26486c, #4578ac);
background-image:-o-linear-gradient(top, #26486c, #4578ac);
background-image:linear-gradient(to bottom, #26486c, #4578ac);
background-repeat:repeat-x;
border-color:#4578ac #4578ac #1553b5;
border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff26486c', endColorstr='#ff4578ac', GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.cabinet_block input[type="submit"].hover {
background-color:#4578ac;
*background-color:#1a67e2;
}

/*****************МОЗАИКА*****************/

#cabinet_pics {
padding:0;
margin:0 0 1em 0;
}

#cabinet_pics li {
display:inline-block;
margin-right:5px;
margin-bottom:5px;
vertical-align:top;
text-align:center;
text-align:center;
overflow: hidden;
position:relative; /*for delete icon*/
}

#cabinet_pics li img{
max-height:130px;
max-width:190px;
}

.deletepic {
position:absolute;
top:5px;
right:5px;
}

.deletepic a {
color:#FFFFFF;
text-decoration:none;
}

.deletepic a:hover {
color:#FF0000;
}

.uppic {
position:absolute;
top:5px;
left:5px;
}

.uppic a {
color:#FFFFFF;
text-decoration:none;
}

.uppic a:hover {
color:#4B8ABF;
}

/*****************************************************************************/
/***********************************HD 1152***********************************/
/*****************************************************************************/

@media only screen and (max-width: 11439px) { /**Replace to 1439 when FullHD wins**/





}

/*****************************************************************************/
/*******************************MOBILE****************************************/
/*****************************************************************************/


@media only screen and (max-width: 1023px) {

.cabinet_column {
width:100%;
display:block;
}

#sidebar.hide{
display:none;
}

/*menu*/
.menu input[type=checkbox]:checked ~ .nav-cabinet {
display: block;
}

.nav-cabinet {
display: none;
margin-top:50px;
margin-left:-300px;
background-color:#FFFFFF;
border:1px solid #000;
padding:1em 1em 1em 1.5em;
z-index:100;
position:relative;
width:312px;
}

}