﻿/* close button */
.close-button {
    /*display: inline-block;*/
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 26px;
    height: 26px;
    position: relative;
    border: none;
    -webkit-border-radius: 1em;
    -ms-border-radius: 1em;
    border-radius: 1em;
    font: normal 8em/normal Arial, Helvetica, sans-serif;
    color: rgba(0,0,0,1);
    -o-text-overflow: clip;
    -moz-text-overflow: clip;
    text-overflow: clip;
    background: #A5B7C4;
}

.close-button::before {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 15px;
    height: 3px;
    position: absolute;
    content: "";
    top: 12px;
    left: 6px;
    border: none;
    font: normal 100%/normal Arial, Helvetica, sans-serif;
    color: rgba(0,0,0,1);
    -o-text-overflow: clip;
    -moz-text-overflow: clip;
    text-overflow: clip;
    background: #ffffff;
    -ms-text-shadow: none;
    text-shadow: none;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.close-button::after {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 15px;
    height: 3px;
    position: absolute;
    content: "";
    top: 12px;
    left: 6px;
    border: none;
    font: normal 100%/normal Arial, Helvetica, sans-serif;
    color: rgba(0,0,0,1);
    -o-text-overflow: clip;
    -moz-text-overflow: clip;
    text-overflow: clip;
    background: #ffffff;
    -ms-text-shadow: none;
    text-shadow: none;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}

.close-button.sm {
cursor: pointer;
width: 21px;
height:21px;
}
.close-button.sm:before,
.close-button.sm:after {
    top: 9px;
    left: 4px;
    width: 13px;
}