/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 16 Apr, 2015, 10:57:23 AM
    Author     : Admin
*/







body
{
    min-height: 100%;
    background: #E8E8E8 !important;
}

.site-logo
{
    font-size: 1.5em;
    line-height: 2.4em;
    text-decoration: none;
    vertical-align: middle;
    color: #FFFFFF !important;

    -webkit-background: linear-gradient(#18262D,#0F181C);
    -moz-background: linear-gradient(#18262D,#0F181C);
    -ms-background: linear-gradient(#18262D,#0F181C);
    -o-background: linear-gradient(#18262D,#0F181C);
    background: linear-gradient(#18262D,#0F181C);
}
.site-logo:hover
{
    text-decoration: none;

}
.site-logo img
{

}
.navbar
{
    background-color: #1D2E37;
    margin-bottom: 0px !important;
    clear: both;
}

.navbar
{
    border-radius: 0 !important;
    border-color: #10171A !important;
    border-left: 0 !important;
    border-right: 0 !important;
    -webkit-background: linear-gradient(#233843,#1D2E37);
    -moz-background: linear-gradient(#233843,#1D2E37);
    -ms-background: linear-gradient(#233843,#1D2E37);
    -o-background: linear-gradient(#233843,#1D2E37);
    background: linear-gradient(#233843,#1D2E37);
}
.navbar-nav li a
{
    color: #EEEEEE;
}
.navbar-nav li ul
{
    -webkit-background: linear-gradient(#233843,#1D2E37);
    -moz-background: linear-gradient(#233843,#1D2E37);
    -ms-background: linear-gradient(#233843,#1D2E37);
    -o-background: linear-gradient(#233843,#1D2E37);
    background: linear-gradient(#233843,#1D2E37);
}
.navbar-nav li ul li a
{
    color: #EEEEEE;
}
.navbar-nav li a:hover,
.navbar-nav li a:active
{
    color: #FFFFFF;
    -webkit-background: linear-gradient(#18262D,#0F181C);
    -moz-background: linear-gradient(#18262D,#0F181C);
    -ms-background: linear-gradient(#18262D,#0F181C);
    -o-background: linear-gradient(#18262D,#0F181C);
    background: linear-gradient(#18262D,#0F181C);
}

.sidebar-nav
{
    -webkit-background: linear-gradient(#435862,#1D2E37);
    -moz-background: linear-gradient(#435862,#1D2E37);
    -ms-background: linear-gradient(#435862,#1D2E37);
    -o-background: linear-gradient(#435862,#1D2E37);
    background: linear-gradient(#435862,#1D2E37);
}
.sidebar-nav li a
{
    border-radius: 0 !important;
    color: #DDDDDD;
    float: left;
    width: 100%;
    border-top: 1px solid #4A5B63;
    border-bottom: 1px solid #1D2E37;
    -webkit-background: linear-gradient(#394C56,#31424B);
    -moz-background: linear-gradient(#394C56,#31424B);
    -ms-background: linear-gradient(#394C56,#31424B);
    -o-background: linear-gradient(#394C56,#31424B);
    background: linear-gradient(#394C56,#31424B);
}
.sidebar-nav li a:hover,
.sidebar-nav li .active
{
    color: #FFFFFF;
    -webkit-background: linear-gradient(#455964,#3D4F59);
    -moz-background: linear-gradient(#455964,#3D4F59);
    -ms-background: linear-gradient(#455964,#3D4F59);
    -o-background: linear-gradient(#455964,#3D4F59);
    background: linear-gradient(#455964,#3D4F59);
}

.sidebar-nav li a i
{
    font-size: 1.5em;
    vertical-align: sub;
    margin-right: 5px;
}


.work-area
{
    border: 1px solid #D3D3D3;
    background-color: #F4F4F4;
    border-radius: 3px;
    padding: 0.5em;
    margin-right: -15px;
}

.head-line
{
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 30px;
    font-weight: normal;
    line-height: 30px;
    color: #008592;
    margin: 10px 0px 10px 10px !important;
    text-shadow: 0 1px 0 #FFFFFF;
    text-rendering: optimizelegibility;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.head-line img
{
    margin-right: 12px;
	height:35px;
	width:35px;
}
.head-line a
{
    margin-right: 1em;
}

.work-content
{
    padding: 0.6em 0.6em 30px 0.6em;
    border-radius: 2px;
    border: 1px solid #D8DCE0;
    background-color: #E7ECF0;
}

.accounts-table
{
 clear:both;
	
}
#sortable
{clear:both;}
.accounts-table div
{
	 color: #FFFFFF;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
	padding-top:5px;
	padding-bottom:5px;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
    -webkit-background: linear-gradient(#8F9FA7,#738791);
    -moz-background: linear-gradient(#8F9FA7,#738791);
    -ms-background: linear-gradient(#8F9FA7,#738791);
    -o-background: linear-gradient(#8F9FA7,#738791);
    background: linear-gradient(#8F9FA7,#738791);
}
.accounts-table thead th
{
    color: #FFFFFF;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
    -webkit-background: linear-gradient(#8F9FA7,#738791);
    -moz-background: linear-gradient(#8F9FA7,#738791);
    -ms-background: linear-gradient(#8F9FA7,#738791);
    -o-background: linear-gradient(#8F9FA7,#738791);
    background: linear-gradient(#8F9FA7,#738791);
}
.pagination li a
{
    font-weight: 600;
}
.footer-links
{
    padding: 1em;
    text-align: center;
}
.footer-links,.footer-links a
{
    font-size: 12px;
}

label span
{
    color: #FF0000;
    font-weight: bold;
}

.modal-title
{
    color: #008592;
}

.zero-record
{
    margin: 1em;
    padding: 1em;
    background-color: #D4E3EA;
    border: 1px solid #BCD9E7;
    border-radius: 3px;
}
.rows-per-page
{
    padding: 0.3em;
    border-radius: 0.2em;
    box-shadow: 0 2px 4px #DDDDDD inset;
}

.form-box
{
    padding: 1em;
    border: 1px solid #D8DCE0;
    border-radius: 3px;
    background-color: #E7ECF0;
}

    .form-box-heading
    {
        padding: 0.8em;
        margin-bottom: 1em;
        border-radius: 3px;
        -webkit-background: linear-gradient(#D0D4D8,#C1D8D4);
    -moz-background: linear-gradient(#D0D4D8,#C1D8D4);
    -ms-background: linear-gradient(#D0D4D8,#C1D8D4);
    -o-background: linear-gradient(#D0D4D8,#C1D8D4);
    background: linear-gradient(#D0D4D8,#C1D8D4);
    }
    
    .menu-btn
    {
        margin-top: 10px;
        margin-left: 15px;
        padding: 0.3em 0.5em !important;
    }
    
    .bootstrap-datetimepicker-widget
    {
        cursor: pointer;
        position: absolute;
        top:auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
    }
    .picker-switch
    {
        text-align: center;
    }
    .datepicker-months table tr td span,
    .datepicker-years table tr td span
    {
        width: 160px;
        display: list-item;
        text-align: center;
    }
	
		li .col-xs-4 button,td a .btn{font-size:12px;padding:2px 5px;text-transform:capitalize}
		li .col-xs-3 button, li .col-xs-5 button{font-size:12px;padding:2px 5px;text-transform:capitalize;}
		#sortable .col-xs-4{text-align:center;}
		
		.accounts-table .col-xs-4{text-align:center;}
		.bkl{text-transform:capitalize;margin:5px 0 10px 0;}
		.pic i{font-size:12px;color:#006699;padding-right:6px}
		.pic h4{text-transform:capitalize;color:#000000;font-family:calibri}
		.rem{float:right;color:#FF0000;font-size:14px}
		.pc{color:#CCCC00;font-size:14px}
    @media screen and (max-width: 768px)
    {
        .work-area
        {
            margin-left: -15px;
            margin-right: -15px;
        }
        .navbar-header
        {
            text-align: center;
            display: block;
        }
        .small-center
        {
            text-align: center !important;
        }
        .sm-hide
        {
            display: none !important;
        }
        .work-area
        {
            padding-left: 0 !important;
            padding-right: 0 !important;
            padding-bottom: 0 !important;
        }
        .work-content
        {
            border: 0 !important;
            padding: 0 !important;
        }
		.sim{max-width:60px;}
		li .col-xs-4 button, li .col-xs-5 button{font-size:10px;padding:2px;}
		li .col-xs-3 button{font-size:10px;padding:2px;}
		li .col-xs-2, li .col-xs-1, li .col-xs-4{font-size:12px;}
		li .col-xs-4 {text-align:center;}
		#sortable .col-xs-5{font-size:12px;}
    }
    @media screen and (max-width: 480px)
    {
        .site-logo
        {
            font-size: 1.3em;
            line-height: 3em;
        }
        .xs-hide
        {
            display: none !important;
        }
        .container-fluid
        {
            padding: 0 !important;
        }
        .menu-btn
        {
            margin-left: 25px !important;
            margin-right: 25px !important;
        }
        .xs-getreport
        {
            width: 100%;
            padding-left: 15px;
            padding-right: 15px;
            float: none !important;
            margin: auto !important;
            text-align: left;
            display: block !important;
        }
		.sim{max-width:60px;}
		li .col-xs-4 button{font-size:10px;padding:2px;}
		li .col-xs-3 button{font-size:10px;padding:2px;}
		.accounts-table div, li .col-xs-2, li .col-xs-2, .col-xs-4{font-size:12px; text-transform:lowercase}
		li .col-xs-4 {text-align:center;}
		#sortable .col-xs-5{font-size:12px;}
		
    }
    .col-sm-2 , .col-sm-3{
        margin-top: 7px;
    }