/***SCROLLBARS***/
/*html::-webkit-scrollbar {
width: 0;
}
.friends-list-wrapper::-webkit-scrollbar,
ul.friends-drop-list.active::-webkit-scrollbar {
background-color: #EBEDEC;
width: 6px;
}
.friends-list-wrapper::-webkit-scrollbar-thumb,
ul.friends-drop-list.active::-webkit-scrollbar-thumb {
background-color: #737373;
}
.friends-list-wrapper,
ul.friends-drop-list.active {
scrollbar-track-color: #EBEDEC;
scrollbar-base-color: #737373;
scrollbar-dark-shadow-color: #737373;
scrollbar-arrow-color: #737373;
}*/
/***CLEARFIX***/
.modal-window:after,
form#type-message .right-part-wrapp:after,
.bottom-buttons-wrapp:after{
clear: both;
display: table;
content:'';
}
/*=======END DEFAULT=======*/
.modal-window{
width: 550px;
background-color: #fff;
padding: 15px;
border:5px solid #727270;
margin-bottom: 10px;
position: absolute;
}
button.close-butt{
width: 28px;
height: 28px;
cursor: pointer;
position: absolute;
right: 15px;
top: 15px;
background-color: transparent;
}
button.close-butt img{
max-width: 100%;
height: auto;
}
/***FIRST MODAL WINDOW***/
div#select-photo .left-part-wrapp{
float: left;
width: 350px;
}
div#select-photo .right-part-wrapp{
float: right;
width: 140px;
}
div#select-photo .left-part-wrapp .button-1{
background-color: #727270;
display: block;
width: 290px;
height: 40px;
color:#fff;
cursor: pointer;
font:normal 18px "HelveticaBold",sans-serif;
letter-spacing: .8px;
transition:all .5s;
}
div#select-photo .left-part-wrapp .button-1:hover,
div#select-photo .right-part-wrapp .button-2:hover{
background-color: #ccc;
color:#727270;
}
div#select-photo .left-part-wrapp img, .jcrop-holder-div{
border:1px solid #727270 !important;
max-width: 100% !important;
height: auto !important;
}
.jcrop-holder-div {
margin:25px 0 !important;
}
div#select-photo .right-part-wrapp .info{
width: 112px;
height: 112px;
margin: 65px auto 0;
clear: both;
border:1px solid #727270;
}
div#select-photo .right-part-wrapp .button-2{
border-radius: 50%;
width: 112px;
height: 112px;
display: block;
cursor: pointer;
background-color: #727270;
font:normal 18px "HelveticaBold",sans-serif;
letter-spacing: .8px;
transition:all .5s;
color:#fff;
margin: 25px auto 0;
}
/***END FIRST MODAL WINDOW***/
/***SECOND MODAL WINDOW***/
form#type-message .left-part-wrapp{
float: left;
width: 130px;
position: relative;
height: 100%;
}
form#type-message .left-part-wrapp img{
max-width: 100%;
height: auto;
border:1px solid #727270;
margin-top: 41px;
}
form#type-message .right-part-wrapp{
float: right;
width: 370px;
padding-top: 5px;
}
form#type-message .right-part-wrapp h3{
text-align: left;
font:normal 18px "HelveticaBold",sans-serif;
color:#9D9E9E;
letter-spacing: .5px;
margin-bottom: 15px;
margin-top: 6px;
}
form#type-message .right-part-wrapp textarea{
border:1px solid #727270;
width: 100%;
min-height: 100px;
margin-bottom: 20px;
padding: 10px;
color:rgba(0,0,0,.8);
font:normal 16px "HelveticaRegular",sans-serif;
border-radius: 0;
}
form#type-message .right-part-wrapp button{
width: 175px;
height: 40px;
color:#fff;
display: inline-block;
background-color: #9E9F9F;
font:normal 18px "HelveticaBold",sans-serif;
letter-spacing: .8px;
transition:all .5s;
color:#fff;
cursor: pointer;
}
form#type-message .right-part-wrapp button:hover{
background-color: #727270;
}
form#type-message .right-part-wrapp button.cancel-button{
float: left;
}
form#type-message .right-part-wrapp button.send-button{
float: right;
}
/***END SECOND MODAL WINDOW***/
/***THIRD MODAL WINDOW***/
form#confirm-deletion.modal-window{
padding: 25px;
}
form#confirm-deletion button.large-button{
width: 100%;
height: 70px;
background-color: #737370;
font:normal 37px "HelveticaBold",sans-serif;
letter-spacing: .8px;
transition:all .5s;
color:#fff;
cursor: pointer;
margin-bottom: 30px;
}
form#confirm-deletion button.circle-button:hover{
background-color: #9E9F9F;
color:rgba(0,0,0,.6);
}
form#confirm-deletion button.circle-button{
width: 185px;
height: 185px;
border-radius: 50%;
background-color: #737370;
font:normal 37px "HelveticaBold",sans-serif;
letter-spacing: .8px;
transition:all .5s;
color:#fff;
cursor: pointer;
float: left;
}
form#confirm-deletion button.delete-button{
float: right;
color:#737370;
font:normal 37px "HelveticaBold",sans-serif;
letter-spacing: .8px;
background-color: transparent;
position: relative;
margin-right: 60px;
cursor: pointer;
width: 158px;
height: 135px;
text-align: left;
transition:all .5s;
}
form#confirm-deletion button.delete-button:hover{
color:#9E9F9F;
}
form#confirm-deletion button.delete-button .name-button-wrapp{
position: absolute;
top: 0;
}
form#confirm-deletion button.delete-button .transform-1{
transform:rotate(20deg);
margin:0 5px;
position: relative;
top: 2px;
display: inline-block;
}
form#confirm-deletion button.delete-button .transform-2{
transform:rotate(45deg);
position: relative;
top: 16px;
display: inline-block;
}
form#confirm-deletion button.delete-button .square{
border:10px solid #737370;
border-top: none;
display: block;
width: 70px;
height: 80px;
position: absolute;
right: 2px;
bottom: -2px;
}
form#confirm-deletion button.delete-button .square:before{
content:'';
position: absolute;
right: -17px;
top: -21px;
width: 60px;
height: 7px;
background-color: #737370;
transform:rotate(45deg);
}
/***END THIRD MODAL WINDOW***/