/*
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
*/

@-moz-document url-prefix() {
   input[type="date"]{
        line-height:25px;
    }
	}




body
{
    min-height: 100%;
    background: #E8E8E8 !important;
}
 #sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em;box-shadow:rgba(0,0,0,.117647) 0 1px 6px, rgba(0,0,0,.117647) 0 1px 4px;}
.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;
}*/
.mainmenu li a:hover,
.mainmenu 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);
}

.mainmenu /*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);*/
	
	-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);
}

.mainmenu li a /*sidebar-nav li a*/
{
    border-radius: 0 !important;
    color: #DDDDDD;
   
    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 */

/*.mainmenu li a:hover,
.mainmenu 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*/
.mainmenu li a i
{
    font-size:1.5em;
    vertical-align: sub;
    margin-right: 5px;
}
.mainmenu li .submenu li a i{font-size:16px;padding-right:10px}
.mainmenu li .submenu li a
{
/*-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);
	*/
	background-color:rgba(29,46,55,0.78);
	}

.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 span{text-transform:capitalize}
.head-line img
{
    margin-right: 12px;
	height:35px;
	width:35px;
}
.head-line a
{
    margin-right: 1em;
}

.work-content
{
    padding: 0.6em;
    border-radius: 3px;
    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, li .btn, .col-md-6 .btn{font-size:12px;padding:2px 5px;text-transform:capitalize}
		li .btn{margin-right:5px}
		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:left;}
		
		#sortable li{ vertical-align:middle;color:#000000;font-size:14px}
		.accounts-table .col-xs-4{text-align:left;}
		.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}
				  li{text-transform:capitalize}
				  .cob{margin-bottom:10px}
				  .cob .btn{font-size:12px;padding:2px 3px;float:right;margin-top:5px;;margin-bottom:5px}
		/*	 .cob .col-xs-6{padding:0}*/
			 .bbbb h6, .cob h6{font-size:13px;color:#006699;text-align:left}
			 #ed{padding:2px 5px;font-size:12px;}
			.hda{text-align:right}	 
			.ui-state-default .col-xs-2, .ui-state-default .col-xs-1, .ui-state-default .col-xs-3, .ui-state-default .col-xs-4, .ui-state-default .col-xs-5, .ui-state-default .col-xs-6, .ui-state-default .col-xs-7{padding-top:12px;} 
@font-face
{
	src:url('../../fonts/roboto/RobotoCondensed-Regular.ttf');
	font-family:rob_cond;
}			
			
			
			/*.btn-group-justified{width:30%;float:right;margin-right:15px}*/
.prtn{margin-bottom:30px;}
.prtn h4{color:#003366;border-bottom:1px dotted #003366}
.col-md-9 .prtn label{font-family:rob_cond;text-transform:capitalize;}

 .slec{background-color:#FFFFFF; margin-bottom:15px;box-shadow: rgba(0,0,0,.117647) 0 1px 6px, rgba(0,0,0,.117647) 0 1px 4px; padding:15px}
		  .slec label{margin-right:60px;font-size: 18px;
    /* font-weight: lighter; */
    font-family: calibri;}
	.slec h6{margin:0px; color:#FF0000; font-family:calibri}
	.slec h6 span{color:#000000}			
			
    @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, .col-xs-6 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, li .col-xs-4, li .col-xs-3{font-size:12px;}
		
		 #sortable li {min-height:80px;}
		 .ui-state-default .col-xs-3{padding-top:2px;}
    }
    @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;}
	li .col-xs-5 button, .col-xs-6 button{padding:0px;}
		
    }
    .col-sm-2 , .col-sm-3{
        margin-top: 7px;
    }