﻿/*    --------------------------------------------------
	:: General
	-------------------------------------------------- */
body {
    /*padding-top: 50px;*/
    /*padding-bottom: 20px;*/
    font-family: T'Segoe UI', Tahoma, Geneva, Verdana, 'Open Sans', sans-serif;
    color: #353535;
}

.content h1 {
    text-align: center;
}

.content .content-footer p {
    color: #6d6d6d;
    font-size: 12px;
    text-align: center;
}

    .content .content-footer p a {
        color: inherit;
        font-weight: bold;
    }

/*	--------------------------------------------------
	:: Table Filter
	-------------------------------------------------- */
.panel {
    border: 1px solid #ddd;
    background-color: #fcfcfc;
    
}

    .panel .btn-group {
        margin: 15px 0 30px;
    }

        .panel .btn-group .btn {
            transition: background-color .3s ease;
        }

.table-filter {
    background-color: #fff;
    border-bottom: 1px solid #eee;
}

    .table-filter tbody tr:hover {
        cursor: pointer;
        background-color: #eee;
    }

    .table-filter tbody tr td {
        padding: 5px;
        vertical-align: middle;
        border-top-color: #eee;
    }

    .table-filter tbody tr.selected td {
        background-color: #eee;
    }



.table-filter .media-meta {
    font-size: 11px;
    color: #999;
}

.table-filter .media .title {
    color: #2BBCDE;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    margin: 0;
}

    .table-filter .media .title span {
        font-size: .8em;
        margin-right: 20px;
    }

        .table-filter .media .title span.ok {
            color: #5cb85c;
        }

        .table-filter .media .title span.warning {
            color: #f0ad4e;
        }

        .table-filter .media .title span.error {
            color: #d9534f;
        }

.table-filter .media .summary {
    font-size: 14px;
}
/*Grid*/

   h2{
            color:#2b2b2b;/*#3c454f;*/
            font-size: 20px;
        }
        h3{
             color:#2b2b2b;/*#3c454f;*/
            font-size: 15px;
        }
        h4{
            color:#2b2b2b;/*#3c454f;*/
            font-size: 12px;
        }
        h6{
            color:#2b2b2b;/*#3c454f;*/
            font-size: 8px;

        }

        /*#version{
             color:#3c454f;
            font-size: 8px;
        }*/
        
        .Grid{
             border-collapse: collapse;
        }
        .Grid td:nth-child(2)
		{
           padding: 5px 0px 5px 0px;
                color:#2b2b2b;/*#454545;*/
                font-family: Arial, Helvetica, sans-serif;
                font-size: 12px;
                border: 1px solid #d1d1d1; /*#cccccc;*/
                vertical-align: middle;
                text-align:left;
		}
		.Grid td
		{
           padding: 5px 0px 5px 0px;
                color: #2b2b2b;/*#454545;*/
                font-family: Arial, Helvetica, sans-serif;
                font-size: 12px;
                border: 1px solid #d1d1d1;/*#cccccc;*/
                vertical-align: middle;
                text-align:center;
		}
        .Grid td:last-child
		{
           padding: 5px 0px 5px 0px;
                color:#2b2b2b;/*#454545;*/
                font-family: Arial, Helvetica, sans-serif;
                font-size: 12px;
                border: 1px solid #d1d1d1;/*#cccccc;*/
                vertical-align: middle;
                text-align:center;
		}

		.Grid th
		{
             background-color: white; /*#3c454f;*/
                color: #2b2b2b; /*#ffffff;*/
                padding: 10px 5px 10px 5px;
                border: 1px solid #d1d1d1;/*#cccccc;*/
                font-family: Arial, Helvetica, sans-serif;
                font-size: 12px;
                font-weight: normal;
                text-transform:capitalize;
		}

        .Grid tr:nth-child(2n+2)
            {
                background-color: #d1d1d1; /*#f3f4f5;*/
            }
        .Grid tr:nth-child(2n+1) 
            {
                background-color: white; /*#d6dadf;*/
                color:#2b2b2b; /*#454545;*/
            }

        .ChildGrid{
             border-collapse: collapse;
        }
        .ChildGrid th
		{
            display:none;
             /*background-color: #3c454f;
                color: #ffffff;*/
              background-color: white; /*#3c454f;*/
                color: #2b2b2b; /*#ffffff;*/
                padding: 10px 5px 10px 5px;
                border: 1px solid #d1d1d1; /*#cccccc;*/
                font-family: Arial, Helvetica, sans-serif;
                font-size: 12px;
                font-weight: normal;
                text-transform:capitalize;
		}
        .ChildGrid td:nth-child(1)
		{
            padding: 5px 0px 5px 0px;
                color: #2b2b2b;/*#454545;*/
                font-family: Arial, Helvetica, sans-serif;
                font-size: 12px;
                border: 1px solid #d1d1d1;/*#cccccc;*/
                vertical-align: middle;
                text-align:left;
		}
        .ChildGrid td:nth-child(2)
		{
            padding: 5px 0px 5px 0px;
                color: #2b2b2b;/*#454545;*/
                font-family: Arial, Helvetica, sans-serif;
                font-size: 12px;
                border: 1px solid #d1d1d1;/*#cccccc;*/
                vertical-align: middle;
                text-align:center;
		}
		.ChildGrid td
		{
            padding: 5px 0px 5px 0px;
                color:#2b2b2b; /*#454545;*/
                font-family: Arial, Helvetica, sans-serif;
                font-size: 12px;
                border: 1px solid #d1d1d1;/*#cccccc;*/
                vertical-align: middle;
                text-align:center;
		}
        .ChildGrid td:last-child
		{
            padding: 5px 0px 5px 0px;
                color:#2b2b2b; /*#454545;*/
                font-family: Arial, Helvetica, sans-serif;
                font-size: 12px;
                border: 1px solid #d1d1d1;/*#cccccc;*/
                vertical-align: middle;
                text-align:center;
		}
        
        .ChildGrid tr:nth-child(2n+2)
            {
                background-color:#d1d1d1; /*#f3f4f5;*/
            }
        .ChildGrid tr:nth-child(2n+1) 
            {
                /*background-color: #d6dadf;
                color: #454545;*/
                background-color: white;/*#d1d1d1;*/ /*#d6dadf;*/
                color:#2b2b2b; /*#454545;*/
            }


        .GridTop{
             border-collapse: collapse;
        }

		.GridTop td
		{
           padding: 5px 0px 5px 0px;
                color: #454545;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 10px;
                border: 1px solid #cccccc;
                vertical-align: middle;
                text-align:center;
		}
		.GridTop th
		{
             background-color: #3c454f;
                color: #ffffff;
                padding: 10px 5px 10px 5px;
                border: 1px solid #d1d1d1;/*#cccccc;*/
                font-family: Arial, Helvetica, sans-serif;
                font-size: 10px;
                font-weight: normal;
                text-transform:capitalize;
		}