#contents12 > .tiles {
    text-align: center;
    width: 100%;
    height: 45px;
    padding: 43px 44px;
}

.tiles > .tile {
    display: block;
    height: 128px;
    width: 145px;
    text-decoration: none;
    color: #fff;
    position: relative;
    font-weight: 300;
    font-size: 12px;
    letter-spacing: .02em;
    line-height: 20px;
    overflow: hidden;
    border: 4px solid transparent;
    margin: 3px;
    opacity: 0.8;
}

.tiles > .double-tile {
    width: 304px !important;
    display: block;
    height: 128px;
    text-decoration: none;
    color: #fff;
    position: relative;
    font-weight: 300;
    font-size: 12px;
    letter-spacing: .02em;
    line-height: 20px;
    overflow: hidden;
    border: 4px solid transparent;
    margin: 3px;
    opacity: 0.8;
}

    .tiles > .double-tile > div {
        width: 48%;
        display: inline-block;
        vertical-align: middle;
    }

        .tiles > .double-tile > div:first-child {
            padding: 30px 0px;
        }


        .tiles > .double-tile > div:nth-child(2) {
            padding: 17px 0px;
            text-align: left;
        }

            .tiles > .double-tile > div:nth-child(2) > span {
                display: block;
            }

            .tiles > .double-tile > div:nth-child(2) > a {
                display: block;
                color:white;
                margin-bottom:4px;
            }





/*.tiles > .tile.double > div:first-child {
            display: block;
            float: left;
            height: 100%;
            width: 50px;
            padding: 49px;
            background-color: #87CEEB;
        }

        .tiles > .tile.double > div:nth-child(2) {
            display: block;
            height: 100%;
            margin-left: 116px;
            color: #FFF;
            text-align: left;
            padding: 21px 48px;
            font-weight: bold;
            font-size: 14px;
        }

            .tiles > .tile.double > div:nth-child(2) > span {
                display: block;
                padding: 4px 0px;
            }*/

.tiles > .tile:hover {
    cursor: pointer;
    opacity: 1;
}

.tiles > .double-tile:hover {
    cursor: pointer;
    opacity: 1;
}

.tiles > .tile > div:first-child {
    padding: 23px 16px 19px 16px;
}

.tiles > .tile > div:nth-child(2) {
    padding: 3px 5px;
    font-weight: bold;
    font-size: 14px;
}



/*---------------rtl-ltr Support------------------*/


.h-rtl > #contents12 > .tiles > .tile {
    float:right;
}


.h-rtl > #contents12 > .tiles > .double-tile {
    float:right;
}

.h-rtl > #contents12 > .tiles > .double-tile > div:nth-child(2) {
    text-align:right;
}

.h-ltr > #contents12 > .tiles > .double-tile > div:nth-child(2) {
    text-align:left;
}

.h-ltr > #contents12 > .tiles > .tile {
    float:left;
}


.h-ltr > #contents12 > .tiles > .double-tile {
    float:left;
}


/*---------------Icons------------------*/

.iconContract-56 {
    background-image: url( "../Icons/dashboard/contract-56.png" );
}

.iconNotif-56 {
    background-image: url( "../Icons/dashboard/notif-56.png" );
}

.iconStart-56 {
    background-image: url( "../Icons/dashboard/start-56.png" );
}

.iconInvoice-56 {
    background-image: url( "../Icons/dashboard/invoice-56.png" );
}

.iconExcel-56 {
    background-image: url( "../Icons/dashboard/excel-56.png" );
}

.iconDaily-56 {
    background-image: url( "../Icons/dashboard/daily-56.png" );
}

.iconDetention-56 {
    background-image: url( "../Icons/dashboard/detention-56.png" );
}

.iconCustomer-56 {
    background-image: url( "../Icons/dashboard/customer-56.png" );
}

.iconReport-56 {
    background-image: url( "../Icons/dashboard/report-56.png" );
}

.iconInbox-56 {
    background-image: url( "../Icons/dashboard/inbox-56.png" );
}

.iconDate-56 {
    background-image: url( "../Icons/dashboard/date-56.png" );
}

.iconUser-90 {
    background-image: url( "../Icons/dashboard/icon-user.png" );
}

.iconLocation-56 {
    background-image: url( "../Icons/dashboard/gps-56.png" );
}

.iconClaim-56 {
    background-image: url( "../Icons/dashboard/claim-56.png" );
}

.iconReportGenerator-56 {
    background-image: url( "../Icons/dashboard/reportGen-56.png" );
}



/*---------------Color------------------*/

.d-blue {
    background-color: #5eb2d4;
}

.d-red {
    background-color: red;
}

.d-purple {
    background-color: #be57bc;
}

.d-yellow {
    background-color: #E4CC4A;
}

.d-bluegreen {
    background-color: #26c6a4;
}

.d-green {
    background-color: #25B92C;
}

.d-pink {
    background-color: #ff006e;
}

.d-orange {
    background-color: #fa810e;
}

.d-grayblue {
    background-color: #448099;
}

.d-gray {
    background-color: #808080;
}

.d-darkblue {
    background-color: #26405b;
}

.d-lightred {
    background-color: #f6473c;
}

.d-pure {
    background-color: #168ab9;
}