﻿.heading-blue {
    font-size: 20px;
    color: #3E85BF;
    font-weight: bold;
}

.main-container-square {
    width: 100%;
    float: left;
    display: block;
    margin-bottom: 50px;
}

.container-square {
    width: 300px;
    min-height: 200px;
    float: left;
}

.container-square-header {
    color: #515458;
    font-size: 20px;
    padding: 10px;
    background: #f8f8fa; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2VjZjBmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY5JSIgc3RvcC1jb2xvcj0iI2U3ZWNlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmU3ZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f8f8fa 0%, #ecf0f4 33%, #e7ecef 69%, #e2e7eb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8fa), color-stop(33%,#ecf0f4), color-stop(69%,#e7ecef), color-stop(100%,#e2e7eb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f8f8fa 0%,#ecf0f4 33%,#e7ecef 69%,#e2e7eb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f8f8fa 0%,#ecf0f4 33%,#e7ecef 69%,#e2e7eb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f8f8fa 0%,#ecf0f4 33%,#e7ecef 69%,#e2e7eb 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f8f8fa 0%,#ecf0f4 33%,#e7ecef 69%,#e2e7eb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8fa', endColorstr='#e2e7eb',GradientType=0 ); /* IE6-8 */
}

.container-square-body {
    min-height: 200px;
    background: #f8f8fa; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2VlZjBmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iI2U5ZWNmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmU3ZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f8f8fa 0%, #eef0f3 50%, #e9ecf0 67%, #e2e7eb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8fa), color-stop(50%,#eef0f3), color-stop(67%,#e9ecf0), color-stop(100%,#e2e7eb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f8f8fa 0%,#eef0f3 50%,#e9ecf0 67%,#e2e7eb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f8f8fa 0%,#eef0f3 50%,#e9ecf0 67%,#e2e7eb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f8f8fa 0%,#eef0f3 50%,#e9ecf0 67%,#e2e7eb 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f8f8fa 0%,#eef0f3 50%,#e9ecf0 67%,#e2e7eb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8fa', endColorstr='#e2e7eb',GradientType=0 ); /* IE6-8 */
    font-size: 15px;
    padding: 10px;
}

.container-square-body-left {
    float: left;
    width: 40%;
}

.container-square-body-right {
    float: left;
    width: 60%;
}

.container-square-body-int {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.account-subscriptions {
    margin-left: 15px;
}

.container-square-subscription-left {
    float: left;
    width: 15%;
}

.container-square-subscription-right {
    float: left;
    width: 85%;
}

.container-square-details {
    margin-bottom: 10px;
}

.arrow-position {
    float: right;
    position: relative;
    top: 5px;
}

.sidemenu-account-hover {
    background-color: #C4C8CB;
}

    .sidemenu-account-hover > a {
        color: #3E85BF !important;
    }

.container-display-deletCC  .display-label {
    width: 100px;
}
