﻿/*
    Jumpeye framework    
	Version: 1.0.0
	www.jumpeye.com
	
	Created by Jumpeye Components
 
 
    Table style-2
*/

    .table.style-2 { 
        border: 1px solid; 
        border-color: #ecedee #d6d7d8 #c1c2c2 #d6d7d8;
        box-shadow: 0 2px 2px -2px rgba(0,0,0,0.25); 
        -moz-box-shadow: 0 2px 2px -2px rgba(0,0,0,0.25);
        -webkit-box-shadow: 0 2px 2px -2px rgba(0,0,0,0.25);
    }    

    .table.style-2 thead tr th:first-child { box-shadow: inset 1px 0 0 0 #fff, inset 0 1px 0 0 #fff; }    
    .table.style-2 thead tr th { box-shadow: inset 0 1px 0 0 #fff; }
    .table.style-2 thead tr th:last-child { box-shadow: inset -1px 0 0 0 #fff, inset 0 1px 0 0 #fff; }
    
    .table.style-2 tbody tr td:first-child { box-shadow: inset 1px 0 0 0 #fff; }
    .table.style-2 tbody tr td:last-child { box-shadow: inset -1px 0 0 0 #fff; }
    
    .table.style-2 thead tr th{
        color: #000;
        font-weight: bold; font-size: 14px;  
        padding: 15px 25px;
        background: #f6f6f6;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #f6f6f6 0%, #ffffff 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#ffffff));
        background: -webkit-linear-gradient(top,  #f6f6f6 0%,#ffffff 100%);
        background: -o-linear-gradient(top,  #f6f6f6 0%,#ffffff 100%);
        background: -ms-linear-gradient(top,  #f6f6f6 0%,#ffffff 100%);
        background: linear-gradient(to bottom,  #f6f6f6 0%,#ffffff 100%);
    }
    
    .table.style-2 tfoot tr td,
    .table.style-2 tbody tr td {
        color: #666;
        font-size: 12px;  
        padding: 15px 25px;        
    }
    
    
    .table.style-2 tbody tr:hover td:first-child,
    .table.style-2 tbody tr:hover td:last-child { box-shadow: none; }
    
    .table.style-2 thead tr th,
    .table.style-2 tbody tr td,
    .table.style-2 tfoot tr td { border-left: 1px solid #c9c9c9; }
    
    .table.style-2 thead tr th:first-child,
    .table.style-2 tbody tr td:first-child,
    .table.style-2 tfoot tr td:first-child { border-left: none; }  

    .table.style-2 tbody tr td { border-top: 1px solid #c1c1c1; }
    
    .table.style-2 tbody tr.even td { 
        background: #f6f6f6;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #f6f6f6 0%, #ffffff 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#ffffff));
        background: -webkit-linear-gradient(top,  #f6f6f6 0%,#ffffff 100%);
        background: -o-linear-gradient(top,  #f6f6f6 0%,#ffffff 100%);
        background: -ms-linear-gradient(top,  #f6f6f6 0%,#ffffff 100%);
        background: linear-gradient(to bottom,  #f6f6f6 0%,#ffffff 100%);
    }
    
    .table.style-2 tbody tr.odd td { background: #fff; }
    .table.style-2 tbody tr:hover td { background: #dadada; }
    
    .table.style-2 tfoot { border-top: 1px solid #c9c9c9; }