.box-container{box-shadow:0 10px 16px -8px rgba(30,30,40,.1);clear:both;> .box-content{display:block;overflow:hidden;border-color:#ddd;border-style:solid;border-width:1px;border-radius:5px;margin:2em 0;padding:1em;> p:last-child{margin-bottom:0}}> .box-content:focus{outline:transparent!important}> .box-blue,
    > .box-blue:focus{background-color:#eef6ff;border-color:#9eb7d7}> .box-grey,
    > .box-grey:focus{background-color:#f3f4f9;border-color:#abafb8}> .box-yellow,
    > .box-yellow:focus{background-color:#faf9eb;border-color:#e7cf81}> .box-pink,
    > .box-pink:focus{background-color:#f7edf3;border-color:#e1b6e5}> .box-green,
    > .box-green:focus{background-color:#f2fbf2;border-color:#9fca9f}> .box-dotted,
    > .box-dotted:focus{border:1px dashed #4577b0}> .box-transparent,
    > .box-transparent:focus{background:hsla(0,0%,100%,.65)}
    > .box-alert-danger,> .box-alert-info,
    > .box-alert-success,
    > .box-alert-warning{background:hsla(0,0%,100%,.85);border-style:solid;border-width:1px 1px 1px .8em;border-radius:5px;overflow:hidden;margin:2em 0;padding:1em}.box-alert-info{border-color:#1e84e9}.box-alert-warning{border-color:#ea9920}.box-alert-success{border-color:#20bf77}.box-alert-danger{border-color:#e91e63}}