/*
 * eGov suite of products aim to improve the internal efficiency,transparency,
 * accountability and the service delivery of the government  organizations.
 *
 *  Copyright (C) 2016  eGovernments Foundation
 *
 *  The updated version of eGov suite of products as by eGovernments Foundation
 *  is available at http://www.egovernments.org
 *
 *  This program is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License as published by
 *  the Free Software Foundation, either version 3 of the License, or
 *  any later version.
 *
 *  This program is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with this program. If not, see http://www.gnu.org/licenses/ or
 *  http://www.gnu.org/licenses/gpl.html .
 *
 *  In addition to the terms of the GPL license to be adhered to in using this
 *  program, the following additional terms are to be complied with:
 *
 *      1) All versions of this program, verbatim or modified must carry this
 *         Legal Notice.
 *
 *      2) Any misrepresentation of the origin of the material is prohibited. It
 *         is required that all modified versions of this material be marked in
 *         reasonable ways as different from the original version.
 *
 *      3) This license does not grant any rights to any user of the program
 *         with regards to rights under trademark law for use of the trade names
 *         or trademarks of eGovernments Foundation.
 *
 *  In case of any queries, you can reach eGovernments Foundation at contact@egovernments.org.
 */
/*Default settings - Font*/
@font-face {
    font-family: regular;
    src: url(../../fonts/OpenSans-Regular.ttf);
}

@font-face {
    font-family: semibold;
    src: url(../../fonts/OpenSans-Semibold.ttf);
}

/*Default settings - Color variables*/
@basecolor : #6b4f2c;
@active : #f2851f;
@separation : @basecolor - #111111;
@whitecolor : #fff;
@placeholdercolor: #999999;

/*LESS - Parametric Mixins*/
.font-size(@font){
	font-size: @font;
}

/*Default settings - Pre-defined*/
html, body {
	margin:0;
	padding:0;
	width: 100%;
	height:100%;
	font-family: regular;
	text-align:left;
	word-wrap:break-word;
}

body {
    padding-top: 72px;
    
    #loadingMask {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 20000;
        background-color: @whitecolor;
    }
    
    #loading {
        position: absolute;
        left: 48%;
        top: 40%;
        padding: 2px;
        z-index: 20001;
        height: auto;
        width: 500px;
    }

    .loading-indicator {
        background: @whitecolor;
        color: #444;
        font: bold 13px tohoma,arial,helvetica;
        padding: 10px;
        margin: 0;
        height: auto;
    }
    
    .spinner {
		margin: 0px auto;
		width: 50px;
		height: 30px;
		text-align: center;
		font-size: 10px;
	
		div {
			background-color: @whitecolor;
			height: 100%;
			width: 6px;
			display: inline-block;
			-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
			animation: stretchdelay 1.2s infinite ease-in-out;
		}
		
		.rect2 {
			-webkit-animation-delay: -1.1s;
			animation-delay: -1.1s;
		}
		
		.rect3 {
			-webkit-animation-delay: -1.0s;
			animation-delay: -1.0s;
		}
		
		.rect4 {
			-webkit-animation-delay: -0.9s;
			animation-delay: -0.9s;
		}
		
		.rect5 {
			-webkit-animation-delay: -0.8s;
			animation-delay: -0.8s;
		}
		
	}
	
	.spinner-margin
	{
		margin-top:250px;
	}
	
	.spinner-text
	{
		color:@whitecolor;
	}
	
	@keyframes stretchdelay {
		0% { 
			transform: scaleY(0.4);
			-webkit-transform: scaleY(0.4);
		}  
		40% { 
			transform: scaleY(0.4);
			-webkit-transform: scaleY(0.4);
		}
		100% { 
			transform: scaleY(0.4);
			-webkit-transform: scaleY(0.4);
		}
		20% { 
			transform: scaleY(1.0);
			-webkit-transform: scaleY(1.0);
		}
	}
    
}

::-webkit-input-placeholder {
   color: @placeholdercolor;
}

:-moz-placeholder { /* Firefox 18- */
   color: @placeholdercolor;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: @placeholdercolor;  
}

:-ms-input-placeholder {  
   color: @placeholdercolor;  
}

*
{
	border:none;
	outline: none;
}

a, a:focus, a:hover
{
	text-decoration:none;
	outline: none;
}

b, label, strong{
    font-weight:normal;
}

.display-hide, .hiddenError{
	display:none;
}

.error-msg, label.error {
    color: rgb(255, 0, 0);
    .font-size(13px);
}

.success-msg{
	color: #4CAF50;
}

.form-control.error{
	border-color: rgb(255, 0, 0);
}

.modal {
    z-index: 10001;
}

.add-border {
    border-bottom: 1px solid #ebebeb;
    padding:5px 0;
}

.add-padding{
	padding:0 5px;
	cursor:pointer;
}

.add-border:last-child {
    border-bottom: none;
    padding-bottom:0;
}

.view-content {
    font-family: semibold;
}

.img-width{
	width:100%;
}

.font-12 {
    .font-size(12px);
}

.history-size {
    .font-size(18px);
}

.mandatory1 {
    font-weight: normal;
    color: red;
}

/*LESS - Functions*/
.oldbuttonsection{
    div.buttonbottom {
        margin-bottom: 0px;
        margin-top: 10px;
        padding: 15px 15px 5px 15px;
        font-family: regular;
        .font-size(11px);
        color: #000000;
        text-align: center;
    }

    input.buttonsubmit, input.button {
        width: auto;
        font-family: semibold;
        text-align: center;
        border-style: none;
        .font-size(12px);
        font-weight: bold;
        padding: 6px 12px;
        background: @basecolor none repeat scroll 0% 0%;
        color:@whitecolor;
        height: 30px;
        border-radius: 3px;
        border:1px solid @basecolor;
        margin-right: 5px;
    }

    input.buttonsubmit.normal, input.button
    {
     color: #333;
     background-color: @whitecolor;
     border-color: #CCC;
    }

    input.buttonsubmit:hover, input.buttonsubmit:active, input.buttonsubmit:focus, input.button:hover, input.button:focus, input.button:active
    {
        color: @whitecolor;
        background-color: @active;
        border-color: @active;
    }
}

/*parent section inside body*/
.page-container {
    position: relative;
    min-height: 100%;
    width: 100%;
    background: @whitecolor;
    table-layout: fixed;
}

.page-container.horizontal-menu {
    padding-left: 0;
    padding-top: 62px;
    
    .search{
    	position:fixed;
    	top:63px;
    	left:0;
    	z-index:10;
    	width:250px;
    	background:@basecolor;
    	
    	#searchtree{
    		position:relative;
    		padding:15px;
    		width:250px;
    		color:@whitecolor;
    		background:@basecolor;
    		
    		&::-webkit-input-placeholder{color:#bbb !important}
    		
    		&:hover, &:focus{
    			background:@basecolor + #111111;
    		}
    		
    		& ~ .applyanimation{
    			position: relative;
			    display: block;
			    width: 250px;
    		}
    		
    		& ~ .applyanimation:before, & ~ .applyanimation:after 	{
				content:'';
				height:3px; 
				width:0;
				bottom:-1px; 
				position:absolute;
				background:@active; 
				transition:0.2s ease all; 
				-moz-transition:0.2s ease all; 
				-webkit-transition:0.2s ease all;
			}
			
			& ~ .applyanimation:before {
				left:50%;
			}
			
			& ~ .applyanimation:after {
				right:50%; 
			}
			
			/* active state */
			&:focus ~ .applyanimation:before, &:focus ~ .applyanimation:after {
				width:50%;
			}
    
    	}
    	
    	.searchicon{
		    position: absolute;
		    right: 20px;
		    top: 18px;
		    color:@whitecolor;
		    cursor:pointer;
    	}
		
    }
    
    .search_list{
    	position:fixed;
    	top:114px;
    	left:0;
    	z-index:9;
    	background:@basecolor;
    	width:250px;
    	
    	.list{
    		position:relative;
    		
    		ul{
	    		margin:0;
	    		padding:0;
	    		
	    		a{
		    		position: relative; 
		    		color:@whitecolor;
			        padding: 11px 16px;
		    		display: block;
		    		border-bottom:1px solid @separation;
		    	}
		    	
		    	a:focus, a:hover, li.focus{
		    		background:@active;
		    	}
		    	
	    	}
    	}
    	
    }
    
    .search_list::-webkit-scrollbar{
		width:5px;
		background-color:@active;
	} 
	
	.search_list::-webkit-scrollbar-thumb{
		background-color:@active;
		border-radius:10px;
	}
	.search_list::-webkit-scrollbar-thumb:hover{
		background-color:@active;
	}
	.search_list::-webkit-scrollbar-thumb:active{
		background-color:@active;
	} 
	.search_list::-webkit-scrollbar-track{
		border:1px gray solid;
		border-radius:10px;
		-webkit-box-shadow:0 0 6px gray inset;
	}
}

/*Homepage header - Left and right side */
.page-container.horizontal-menu header.navbar {
    
    position: absolute;
    z-index: 8;
    background: @basecolor;
    padding: 0;
    margin-bottom: 0;
    border: 0;
    left: 0;
    right: 0;
    top: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    
    .navbar-brand {
        padding: 0 12px;
        padding-right: 0;
        padding-top: 1px;
        padding-bottom: 1px;
        
        .homepage_logo {
            border-radius: 50%;
        }
        
        .horizontal-page-title.homepage {
            font-family: semibold;
            .font-size(17px);
            line-height: 63px;
            margin: 0;
            color: @whitecolor;
        }
        
    }
    
    ul.nav > li {
        float: left;
        
        a {
            display: block;
            float: left;
            padding: 22px 20px;
            color: @whitecolor;
            .font-size(13px);
            line-height: 1.42857143;
            outline: none;
        }
        
        a.profile-name{
        	white-space: nowrap;overflow: hidden;width:120px;text-overflow: ellipsis;
        }
        
    }
    
    ul.nav > li.menu-responsive {
        border-left: 1px solid @separation;
        border-right: 1px solid @separation;
        
        a:hover, a:focus{
            color:@whitecolor;
            background-color: @active;
        }
    }
    
    ul.nav > li.dropdown{
        
        a{
            position: relative;
            display: block;
            padding: 8px 9px;
            margin: 14px 15px 5px 0;
            
        }
        
        a:hover, a:focus{
            background-color: @basecolor;
        }
        
        a.workspace:hover, a.workspace.active{
            -webkit-box-shadow: 0 0 20px rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);
            -moz-box-shadow: 0 0 20px rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);
            box-shadow: 0 0 20px rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);
            border-radius: 50%;
            background: @basecolor;
        }
        
    }
    
    .navbar-right{
        margin:0;
        
        li ul {
            position: absolute;
            list-style: none;
            margin: 0;
            padding: 0;
            left: 0;
            top: 60px;
            margin-top: 2px;
            background-color: @basecolor;
            min-width: 250px;
            display: none;
            
            li {
                position: relative;
                width:250px;
                overflow:auto;
                border-bottom: 1px solid @separation;
                
                a {
                    display: block;
                    padding: 10px 20px;
                    white-space: nowrap;
                    .font-size(13px);
                    color: @whitecolor;
                    text-decoration: none;
                    width:inherit;
                    
                    span {
                        padding: 0 5px;
                    }
                }
                
            }
        }
    }
    
}

.page-container.horizontal-menu header.navbar.navbar-fixed-top {
    position: fixed;
    min-height: 63px;
    z-index: 999;
}

.page-container.horizontal-menu header.navbar.navbar-fixed-top.border-header {
    border-bottom: 1px solid @separation;
}

/*Homepage mid-section*/
.home-container {
    display: block;
    width: 100%;
}

#menu.homepage {
    position: relative;
    display: inline-block;
    float: left;
}

.multilevelpushmenu_wrapper{

	position: fixed;
    top: 63px;
    
    h2 {
        color: @whitecolor;
        font-weight: normal;
        font-family: regular;
        .font-size(18px);
        height: 20px;
		overflow: hidden;
    }
    
    ul {
        font-family: regular;
        border-top: 1px solid @separation;
    }
    
    li, li:last-child{
        border-top: 0;
        border-bottom: 1px solid @separation;
    }
    
    li:hover {
        background-color: @active;
    }
    
    a[href$='javascript:void(0);'] {
        .font-size(14px);
    }
    
    a {
        .font-size(13px);
        padding: 5px 10px;
        vertical-align: top;
    }
    
    .floatLeft {
        padding-right: 8px;
    }
    
    .levelHolderClass {
        background: @basecolor;
        box-shadow: 5px 0 5px -5px @basecolor;
    }
    
    .backItemClass {
        background:@active;
        border-top: 1px solid @active;
    }
    
    .cursorPointer {
	    color: @whitecolor;
	    position: relative;
	    z-index: 9999;
	}
	
	ul::-webkit-scrollbar{
		width:5px;
		background-color:@active;
	} 
	
	ul::-webkit-scrollbar-thumb{
		background-color:@active;
		border-radius:10px;
	}
	ul::-webkit-scrollbar-thumb:hover{
		background-color:@active;
	}
	ul::-webkit-scrollbar-thumb:active{
		background-color:@active;
	} 
	ul::-webkit-scrollbar-track{
		border:1px gray solid;
		border-radius:10px;
		-webkit-box-shadow:0 0 6px gray inset;
	}
	
}

.added-as-fav {
    color: yellow;
}

.remove-favourite {
    .font-size(16px);
}

.inline-main-content {
	display: inline-block;
    float: right;
    padding: 18px;
    overflow-x: hidden;
    width: ~"calc(100% - 250px)";
    padding-bottom: 40px;
        
}

.table-header {
    .font-size(20px);
}

.add-margin
{
	margin:3px 0;
}

.inline-elem {
    display: inline-block;
    vertical-align: middle;
}

.nav-pills > li {
    margin-bottom: 5px;
    
    a {
        padding: 5px;
        font-size: 12px;
        
        span{
        	margin: 0 3px;
        }
    }
}

/*Custom Header*/
.navbar-custom {
    background: @basecolor;
    color: #ebe8e4;
    border-color:  @basecolor;
    
    .container-fluid {
        min-height: 72px;
        padding-right: 0;
        padding-left: 0;
    }
    
    .navbar-header > a{
        
        height: 72px;
        padding: 5px 10px;
        padding-left: 20px;
        cursor: default;

        img {
            vertical-align: top;
            border-radius: 50%;
        }
        
        img, div {
            display: inline-block;
        }
        
        div {
            padding: 14px 0px;
        }
        
        span {
            font-family: semibold;
            display: block;
            .font-size(17px);
            line-height: 42px;
            margin-top: -3px;
        }
        
        span.title2 {
            color: @whitecolor;
        }
        
        span.citizen-title {
            line-height: 1.2;
        }
        
    }  
}

.navbar-header > a > img, .navbar-header > a > div {
    display: inline-block;
}

.hr-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    
    li {
        position: relative;
        display: inline-block;
        height: 72px;
        padding: 20px 10px;
        
        a {
            display: block;
            height: 32px;
            line-height: 32px;
            color: @whitecolor;
            /* font-weight: bold; */
            .font-size(13px);
            text-decoration: none;
            
            span.title {
                padding: 0 5px;
            }
            
            .custom-badge {
                padding: 5px 10px;
                .font-size(11px);
                background-color: @active;
            }
            
        }
        
        .right-arrow.dropdown-menu:before {
            position: absolute;
            top: -7px;
            right: 10px;
            display: inline-block;
            border-right: 7px solid transparent;
            border-bottom: 7px solid #ccc;
            border-left: 7px solid transparent;
            border-bottom-color: rgba(0, 0, 0, 0.2);
            content: '';
        }

        .right-arrow.dropdown-menu:after {
            position: absolute;
            top: -6px;
            right: 12px;
            display: inline-block;
            border-right: 6px solid transparent;
            border-bottom: 6px solid @whitecolor;
            border-left: 6px solid transparent;
            content: '';
        }
        
        ul.dropdown-menu {
            top: 78%;
            left: auto;
            right: 0;
            
            li {
                padding: 0;
                height: auto;
                display: block;
                
                a {
                    display: block;
                    height: auto;
                    line-height: 0;
                    padding: 5px 15px;
                    clear: both;
                    .font-size(14px);
                    color: black;
                    font-weight: normal;
                    
                    i {
                        .font-size(18px);
                        padding-right: 5px;
                        width: 25px;
                    }
                    
                }
                
            }
            
        }
        
    }
    
    li.ico-menu a > i {
        .font-size(25px);
        vertical-align: middle;
        color: #a69681;
        padding-right: 3px;
    }
    
    span.separator {
        color: #a69681;
    }
    
    li.active a, li a:hover {
        color: @active;
    }
    
}

.nav-right-menu {
    @media (max-width: 1199px){
        position: absolute;
        right: 0px;
    }
}

.nav-menu {
    @media (max-width: 1199px){
        border-top: 1px solid #F58522;    
    }
    li{
        @media (max-width: 1199px){
            height: auto;
            padding: 5px;
        }
    }
}

/*main-content*/
.page-container {
    
    .main-content{
        
        position: relative;
        display: block;
        vertical-align: top;
        padding: 20px;
        width: 100%;
        padding-bottom: 70px;
        
        .file-ellipsis {
            white-space: nowrap;
            width: 200px;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .top-space {
            padding: 50px 20px;
        }
        
        .side-space {
            padding: 0 40px;
        }
        
        .community-card {
            
            @media (max-width: 992px){
                display: inline-block;
                width: 98%;
                text-align: left;
                margin: 10px 0px;
                padding: 2px 10px;
            }
            
            margin: 5px 0px;
            padding: 2px 10px;
            
            a {
                color: #333;
            }
            
            .rounded-circle {
                display: inline-block;
                width: 50px;
                height: 50px;
                border-radius: 50%;
                line-height: 50px;
                background: @whitecolor;
                text-align: center;
                border: 1px solid #ddd;
                
                i{
                    .font-size(22px);
                }
                
                i.a {
                    color: #F7CA18;
                }
                
                i.b {
                    color: #F89406;
                }
                
                i.c {
                    color: #00C853;
                }
                
            }
            
            .label-font {
                .font-size(16px);
                display: inline-block;
                vertical-align: top;
                padding: 0 5px;
                
                .label-subfont {
                    .font-size(12px);
                }
            }
            
        }
        
        .side-space {
            @media (max-width: 992px){
                padding: 0 10px;
            }
        }
        
        .top-space {
            @media (max-width: 980px){
                padding: 0;
            }
        }
        
        .signin-formcontent {
            width: 84%;
            margin: 0 auto;
            
            @media (max-width: 992px){
                width: 97%;
                margin: 20px auto;
            }
            
            #signform {
                border: 1px solid #f2f2f2;
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
                padding: 15px 22px 15px 10px;
                
                .signin-leftpadding {
                    padding-left: 18px;
                }
            }
            
        }
        
        .signin-title {
            .font-size(22px);
            padding: 0 0 0 10px;
        }
        
        .feature-top {
            padding: 20px 0 10px 0;
            .font-size(28px);
            border-top: 1px solid #eee;
        }
        
        .top-community-space {
            padding-top: 20px;
        }
        
        .login-content {
            position: relative;
            max-width: 450px;
            margin: 5px auto;
            border: 1px solid #f2f2f2;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            
            .login-body {
                background: @whitecolor;
                padding: 20px;
            }
            
        }
        
        .login-content-margin {
            margin: 4% auto 0% auto;
        }
        
        .citizen-screens{
            
            .padding-tb {
                padding: 10px 0px;

                .search-box {
                    position: relative;

                    i {
                        position: absolute;
                        padding: 8px 12px;
                        color: #d1d1d1;
                        .font-size(18px);
                        pointer-events: none;
                    }

                    input {
                        padding-left: 35px;
                    }
                }
                
                .xs-margin-top-10 {
                    @media (max-width: 768px){
                        margin-top: 10px;
                    }
                }

                #sortby_drop {
                    float: right;
                }

            }
            
            .container-msgs {
                margin-top: 10px;
            }
            
            .msg {
                background: @whitecolor;
                padding: 15px 30px;
                border: 1px solid #d5d9db;
                border-radius: 5px;
                cursor: pointer;

                header{

                    i {
                        width: 34px;
                        .font-size(18px);
                        padding: 4px 5px;
                        text-align: center;
                    }

                    i.read-msg {
                        color: #c9c9c9;
                    }

                    i.unread-msg {
                        color: @active;
                    }

                    a {
                        color: #333;
                        text-decoration: none;
                    }

                    h3, a {
                        margin: 0;
                        padding: 0;
                        /*font-weight: bold;*/
                        display: inline-block;
                        word-wrap: break-word;
                        /*font-family: semibold;*/
                    }

                     span.msg-status {
                        margin: 0 15px;
                        padding: 5px 15px;
                        background: #c9c9c9;
                        .font-size(13px);
                        color: @whitecolor;
                        border-radius: 5px;
                        white-space: nowrap;
                        font-weight: normal;
                        font-family: regular;
                    }

                    .msg-info {
                        padding-top: 5px;
                        padding-left: 20px;
                        font-style: italic;
                        .font-size(14px);

                        .dot {
                            .font-size(15px);
                        }

                        .msg-date {
                            color: #a7a9ab;
                        }
                    }
                }

                .msg-content > p {
                    margin: 15px 20px 0px 20px;
                    .font-size(14px);
                }

            }
            
            section div.msg, section div.msg {
                /* margin-top: 10px; */
                margin-bottom: 5px;
                overflow: hidden;
                position: relative;
            }
            
            .content-wrap {
                position: relative;
                
                section {
                    display: none;
                    padding: 1em;
                    border: 1px solid rgba(40,44,42,0.1);
                    border-top: none;
                    
                    .myaccount-actions {
                        position: absolute;
                        top: 15px;
                        right: 15px;
                    }
                }
            }
            
            .content-wrap section.content-current-newreq, .content-wrap section.content-current-myacc {
			    display: block;
			}
            
        }
        
        .tabs {
            position: relative;
            overflow: hidden;
            margin: 10px auto;
            width: 100%;
            font-weight: 300;
            .font-size(1.25em);
            
            nav {
                text-align: center;
                
                ul {
                    position: relative;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: -moz-flex;
                    display: -ms-flex;
                    display: flex;
                    margin: 0 auto;
                    padding: 0;
                    list-style: none;
                    
                    li {
                        position: relative;
                        z-index: 1;
                        display: block;
                        margin: 0;
                        text-align: center;
                        flex: 1;
                        
                        a {
                            position: relative;
                            display: block;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            line-height: 1.0;
                            
                            div {
                                padding: 5px;
                            }
                            
                            span {
                                vertical-align: middle;
                                font-weight: normal;
                                font-family: regular;
                            }
                        }
                    }
                }
            }
            
        }
        
        .tabs-style-topline nav{
            
            li:not(:last-child) {
                border-right: none;
            }
            
            li.tab-current-newreq, li.tab-current-myacc {
                border-top-color: @active;
                border-bottom: none;
                
                a, .tabs-style-topline nav li.tab-current-myacc a {
                    background: none;
                    box-shadow: inset 0 3px 0 @active;
                    color: @active;
                    .font-size(20px);
                }
            }
            
            li {
                border: 1px solid rgba(40,44,42,0.1);
            }
            
            a {
                padding: 0.65em 0 0.5em;
                background: #f2f2f2;
                color: @basecolor;
                line-height: 1;
                -webkit-transition: color 0.2s;
                transition: color 0.2s;
                
                span {
                    text-transform: uppercase;
                    letter-spacing: 1px;
                    font-weight: 700;
                    .font-size(11px);
                }
            }
            
        } 
        
        .page-error-404 {
            
            color: #303641;
            text-align: center;
            
            .error-text {
                padding-bottom: 25px;
                .font-size(16px);
            }
            
            .error-symbol {
                .font-size(50px);
            }
        }
        
        #tabmenu {
			z-index: 1;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 0px;
			margin-left: 0px;
			padding-top: 6px;
			padding-bottom: 6px;
			text-decoration: none;
		}
		
		#tabmenu li {
			display: inline;
			overflow: hidden;
			list-style-type: none;
			.font-size(11px);
			color: #121212;
			text-decoration: none;
			font-weight: bold;
		}
		
		#tabmenu a  {
			color: #121212;
			margin: 0px;
			text-decoration: none;
			.font-size(11px);
			font-weight: bold;
			position: static;
			padding: 6px 10px;
		}
		
		#tabmenu a.active {
			text-decoration: none;
			.font-size(11px);
			font-weight: bold;
			padding: 6px 10px;
			color: #0099ff;
		}
		
		#tabmenu a.active {
			background-color: @whitecolor;
			text-decoration: none;
			border-top-width: 1px;
			border-top-style: solid;
			border-top-color: #CCCCCC;
			border-right-width: 1px;
			border-bottom-width: 0px;
			border-left-width: 1px;
			border-right-style: solid;
			border-bottom-style: solid;
			border-left-style: solid;
			border-right-color: #CCCCCC;
			border-bottom-color: #CCCCCC;
			border-left-color: #CCCCCC;
			color: #0099ff;
		}
		
		#tabmenu a:hover {
			color: #0099ff;
			padding-right: 10px;
			padding-left: 10px;
			text-decoration: none;
			padding-top: 6px;
		}
		
		#tabmenu a:visited {
			color: #121212;
			padding-right: 10px;
			padding-left: 10px;
			text-decoration: none;
		}
		
		#tabmenu a.active:hover {
			color:#0099ff;
			padding-right: 10px;
			padding-left: 10px;
			text-decoration: none;
			border-top-width: 1px;
			border-top-style: solid;
			border-top-color: #CCCCCC;
			border-right-width: 1px;
			border-bottom-width: 0px;
			border-left-width: 1px;
			border-right-style: solid;
			border-bottom-style: solid;
			border-left-style: solid;
			border-right-color: #CCCCCC;
			border-bottom-color: #CCCCCC;
			border-left-color: #CCCCCC;
		}
		
		div.egov{
			width:55px; 
			text-align:right; 
			float:right;
			margin-right:15px;
		}
		
		div.gov{
			width:54px; 
			text-align:right; 
			float:left;
			margin-left:15px;
		}
			
		div.navibar {
			background-color: #eceded;
			margin-bottom: 8px;
			padding-top: 0px;
			padding-right: 15px;
			padding-bottom: 0px;
			padding-left: 15px;
			text-align: left;
			background-image: url(../images/bgtop.gif);
			background-repeat: repeat-x;
			vertical-align: middle;
			height: 26px;
		}
		
		div.mainheading { 
			padding-top:6px;
		}
		
		div.formmainbox {
            border-radius: 3px;
            display: inline-block;
            min-width: 100%;
            padding-bottom:15px;
            background: @whitecolor;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
            
            td.greybox {
				background-color: @whitecolor;
				.font-size(12px);
				padding:8px 5px;
				color: #000000;
				text-align: left;
				font-family: regular;
			}
			
			textarea {
				font-family: regular;
				.font-size(11px);
				color: #333333;
				padding: 6px 12px;
			}
			
			input, input.amount, input.tablerow, #select, input.hiddenslno, td.greybox input.hiddentext {
				font-family: regular;
				.font-size(11px);
				color: #333333;
				background-color:@whitecolor;
				border: 1px solid #CCCCCC;
				padding-top: 2px;
				padding-right: 2px;
				padding-bottom: 2px;
				padding-left: 4px;
			}
			
			input.tablerow {
				width: 95%;
			}
            
            input.hiddenslno, td.greybox input.hiddentext {
                color: #000000;
                background-color: #eceded;
                text-align: center;
                vertical-align: middle;
            }
            
            td.greybox input.hiddentext {
                cursor: not-allowed;
            }
            
            .bold {
                font-weight: bold;	
                font-family:semibold;
            }
            
            div.commontopyellowbg {
                background-image:url(../images/commonnewTopbg.jpg);
                background-color: #ffad01;
                background-position: right bottom;
                font-family: regular;
                .font-size(20px);
                font-weight: bold;
                color: @whitecolor;
                text-align: center;
                white-space: normal;
                background-repeat: no-repeat;
                padding-top:12px;
                padding-bottom:14px;
                font-style: normal;
                display: block;
            }
            
            div.commontopbluebg {
                background-image:url(../images/commonnewTop2bg.jpg);
                background-color: #486f9f;
                background-position: right bottom;
                font-family: regular;
                .font-size(11px);
                color: #cccccc;
                text-align: left;
                white-space: normal;
                background-repeat: repeat;
                padding-top:9px;
                padding-bottom:9px;
                font-style: normal;
                display: block;
                padding-right: 15px;
                padding-left: 15px;
            }
            
            div.commontopdate {
                width:150px;
                float:right;
                text-align: right;
                font-family: regular;
                .font-size(11px);
                color: #000;
            }
            
            div.commontopbreadc {
                background-color:@whitecolor;
                font-family: regular;
                .font-size(11px);
                color: #999;
                text-align: left;
                white-space: normal;
                padding-top:9px;
                padding-bottom:9px;
                font-style: normal;
                display: block;
                padding-right: 15px;
                padding-left: 15px;
                background-image: url(../images/commonnewTopbc.jpg);
                background-repeat: repeat;
                background-position: center top;
            }
            
            .commonbcarrow {
                font-family: regular;
                color:#416a9c;
                font-weight: bold;
                .font-size(10px);
                margin-left:4px;
                margin-right: 4px;
            }
            
            .errorcontent2 {
                margin-top: 0px;
                margin-right: 7px;
                margin-bottom: 0;
                margin-left: 7px;
                padding-top: 2px;
                padding-right: 12px;
                padding-bottom: 12px;
                padding-left: 12px;
             }
            
            .errorroundbox2 {
                background-image: url(../images/nt.gif);
                background-repeat: repeat;
                width: 100%;
                margin-top: 0em;
                margin-right: auto;
                margin-bottom: 0em;
                margin-left: auto;
            }
            
            .errortop2 div { background: url(../images/tl.gif) no-repeat top left; }
            .errortop2 { background: url(../images/tr.gif) no-repeat top right; }
            .errorbot2 div { background: url(../images/bl.gif) no-repeat bottom left; }
            .errorbot2 { background: url(../images/br.gif) no-repeat bottom right; }
            
            input[type="text"]:read-only, textarea:read-only, textarea:disabled, input[type="text"]:disabled, input[type="text"]:-moz-read-only, select[disabled], textarea[disabled],input[disabled]
            {
                background-color: #eceded !important;
                cursor: not-allowed !important;
            }
            
            textarea
            {
              padding: 6px 12px;
              line-height: 1.42857143;
              border: 1px solid #ccc;
              border-radius: 4px;
              -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
              box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
              -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
              -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
              transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
            }
            
            .margin-5
            {
                margin:5px;
            }
            
            .oldbuttonsection;
            
        }
        
         div.subheadnew {
          font-family: semibold;
          .font-size(16px);
          font-weight: bold;
          color: @active;
          padding: 15px 15px;
          background:@whitecolor;
        }
        
        div.subheadsmallnew{
            background-color:@whitecolor;
            color: @active;
        }
        
        .oldbuttonsection;
        
        th.bluebgheadtd {
          height: 28px;
          border-right-width: 1px;
          border-bottom-width: 1px;
          border-right-style: solid;
          border-bottom-style: solid;
          border-right-color: @basecolor;
          border-bottom-color: @basecolor;
          font-family: semibold;
          .font-size(10px);
          font-weight: bold;
          color: @whitecolor;
          padding: 4px;
          background-color: @basecolor;
          background-image:none;
          text-align: center;
        }
        
        .yui-skin-sam .yui-dt th {
          color:@whitecolor;
          background: @active;
        }

        .yui-skin-sam .yui-dt td {
          border-right: 1px solid #E9E9E9;
        }
        
        .yui-skin-sam .yui-ac-input {
            position: relative;
        }
        
        table.setborder{
            border:1px solid #84B1AD;
        }
        
        table.setborder tr{
            border-bottom:1px solid #84B1AD;
        }
        
        div.buttonbottom table{
            margin:0 auto;
        }
        
        .tblactionicon i
        {
            .font-size(1.7em);
        }
        
        .tblactionicon.add
        {
            color:#4CAF50;
        }
        
        .tblactionicon.delete
        {
            color:#F44336;
        }
        
        .doctable input[type="file"]
        {
            display:inline-block;
        }

        a.fileclear
        {
            margin-left:5px;
        }
        
        .no-print, .no-print *
        {
            @media print
            {
                display: none !important;
            }
        }
        
        .new-page-header {
		    font-family: semibold;
		    .font-size(20px);
		    color: @active;
		    text-align: center;
		    padding: 0 15px 15px;
		}
        
        td.greybox input[type="text"], td.greybox select, td.bluebox input[type="text"], td.bluebox select
        {
            width:auto;
            height: 30px;
            padding: 5px 10px;
            .font-size(12px);
            line-height: 1.5;
            border-radius: 3px;
            background-color: @whitecolor;
            background-image: none;
            border: 1px solid #CCC;
            webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        }

        td.greybox input[type="text"]:focus, td.greybox select:focus, td.bluebox input[type="text"]:focus, td.bluebox select:focus, td.bluebox textarea:focus, td.greybox textarea:focus
        {
            border-color: #66afe9;
		    outline: 0;
		    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
		    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        }
        
        td.bluebox.setborder, td.greybox.setborder{
            border:1px solid #84B1AD;
            border-top:0;
        }
        
    }
    
    .with-hr-menu {
        @media (max-width: 1199px){
            padding-top: 70px !important;    
        }
    }
    
    .nav-tabs{
    
    	li > a {
		    position: relative;
		    color: rgba(0, 0, 0, 0.5);
		    border: 0px;
		    font-weight: bold;
		    font-family: semibold;
		    text-transform: uppercase;
		    padding: 12px 15px 14px 15px;
		    .font-size(14px);
		}
		
		li.active > a:first-of-type, li.active>a:first-of-type:focus, li.active>a:first-of-type:hover, li.active>a:first-of-type:active {
		    background: transparent;
		    color: @basecolor;
		    cursor: default;
		    border: 0;
		}
		
		li.active>a:after {
		    display: block;
		    content: '';
		    position: absolute;
		    bottom: 0;
		    left: 0;
		    width: 100%;
		    height: 4px;
		    background: @active;
		}
		
		li > a:hover, li > a:focus {
		    background: transparent;
  			outline: 0;
		}

    }
    
}


/*Custom form css overrided*/
.btn:hover, .btn:focus, .btn.focus{
    color: @whitecolor;
    outline:none;
}

.btn-custom {
    color: @whitecolor;
    background-color: #3A539B;
    border-color: #3A539B;
}

.btn-custom:hover, .btn-custom:focus, .btn-custom.focus, .btn-custom:active, .btn-custom.active, .btn-custom:active:hover, .btn-custom.active:hover, .btn-custom:active:focus, .btn-custom.active:focus,.btn-custom:active.focus, .btn-custom.active.focus{
    color: @whitecolor;
    outline:none;
}

.btn-primary {
    color:  @whitecolor;
    background-color: @basecolor;
    border-color: @basecolor;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary, .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default, .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus,.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
    color: @whitecolor;
    background-color: @active;
    border-color: @active;
    outline:none;
}

.btn-secondary {
    color: @whitecolor;
    background-color: #3599b2;
    border-color: #3599b2;
}

.tag-element {
    margin-top: 4px;
    margin-right: 9px;
}

.tour-section {
    position: absolute;
    top: 10px;
    right: 30px;
    z-index: 10;
    padding:0 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    cursor: pointer;
}

.form-group{

    margin-bottom: 0px;
    
    &.overflow{
    	overflow:auto;
    }
    
    label.align-top{
    	position:relative;
    	top:-15px;
    }
    
    div{
		margin-bottom:15px;
	}
	
	@media (max-width: 768px){
		padding-left: 15px;
    	padding-right: 15px;
	}
}

.form-group .input-group .input-group-addon.style-label {
    background: @whitecolor;
    border: none;
}
        
.form-group .input-group .input-group-addon {
    cursor: pointer;
    background: @basecolor;
    border: 1px solid @basecolor;
    color:@whitecolor;
    
    i {
        color: @basecolor;
        cursor:pointer;
    }
    
    i.specific {
        color: @whitecolor;
    }

    .style-color {
        color:@basecolor;
        .font-size(16px);
    }

}

.form-control.low-width {
    width: 99%;
}


.form-group .input-group .form-control.style-form, .form-control.style-form {
    border: 0;
    padding-left: 0;
    .font-size(15px);
    border-bottom: 1px solid #D0D2D7;
    outline: none;
    box-shadow: none;
    border-radius: 0px;
}

.mandatory:before {
    content: ' *';
    color: red;
}

.set-mandatory {
    position: absolute;
    top: 4px;
    right: 0px;
    z-index: 10;
}

.g-recaptcha div {
    margin: auto;
}

.panel-primary {
    border-color: @whitecolor;
	box-shadow: 0px 0px 5px 0px rgba(212,194,194,1);
    padding-bottom: 15px;
    
    .panel-heading {
        background-color:  @whitecolor;
        border-color:  @whitecolor;
        padding: 15px;
        position:relative;
        
        .panel-title {
            font-weight: normal;
            font-family: regular;
            .font-size(19px);
            color: #f5861f;
            text-align: left;
        }
        
        .history-icon {
		    position: absolute;
		    top: 17px;
		    right: 10px;
		    .font-size(16px);
		    color: @active;
		}
    }
    
    .panel-heading.slide-history-menu{
    	position: relative;
    	cursor:pointer;
    }
    
    .panel-body {
        padding-top: 0;
        
        .header-color {
		    color: @active;
		}

        .map-tool-class {
            cursor: pointer;
            color: @whitecolor;
            width: 20px;
            padding: 4px;
        }
        
        .dynamic-span span, .dynamic-span span label {
            padding: 0 5px;
            margin-top: 7px;
        }
        
        .dynamic-span.capitalize > span > label {
            text-transform: lowercase;
        }
        
        .dynamic-span.capitalize > span > label:first-letter{
			text-transform: uppercase;
		}
        
        .remove-img {
		    position: absolute;
		    top: -11px;
		    left: 5px;
		    .font-size(16px);
		    cursor: pointer;
		}
		
		.remove-img:hover {
		    color: @active;
		}
		
		.img-prop {
            height: 350px;
            width: 100%;
        }
        
        #normal .centerMarker {
            position: absolute;
            background: url(../../images/marker.png) no-repeat;
            top: 50%;
            left: 50%;
            z-index: 1;
            margin-left: -10px;
            margin-top: -34px;
            height: 34px;
            width: 20px;
            cursor: pointer;
        }

    }   
    
    .panel-body.custom-form {
        padding: 0;
    }
}

.table{
    
    thead:first-child > tr:first-child{
        
        th {
        	border-bottom:none;
            background: @active;
            color: @whitecolor;
            font-weight: normal;
            
            &:first-child {
	            border-left: 1px solid transparent;
	        }
        }
        
    }
    
    thead > tr > th{
    	vertical-align:top;
    }
    
    tbody tr:hover
    {
        background:#f7f7f7;
    }
     
}

/*datatable overrided properties*/
table.dataTable{

    @media screen and (max-width: 768px){
        display:block;
    }
    
    thead{
        @media  screen and (max-width: 768px){
            display: none;
            th{
                position:absolute;
                top:-9990px;
                left:-9990px;
                display: block;
            }
        }
        
        tr > th:hover{
        	cursor:pointer;
        }
        
    }
    
    tbody{
    	.font-size(13px);
        @media screen and (max-width: 768px){
            display: block;
            tr{
                display: block;
                td{
                    display: block;
                }
            }
        }
    }
    
    tbody tr:hover
    {
        background:#f7f7f7;
        cursor:pointer;
    }
    
    tbody.no-pointer tr:hover
    {
        cursor:default;
    }
}

.table-bordered{
    tbody > tr {
        @media (max-width: 768px){
            border-bottom:1px solid #ebebeb;
        }
        td{
            @media (max-width: 768px){
                border:none;
            }
        }
    }
    
}

.DTTT_container {
    
    margin: 5px 0;
        
    .DTTT_button {
        padding: 5px;
        position: relative;
        border: 1px solid #ddd;
        cursor: pointer;
    }
    
}

.multiheadertbl
{
	overflow:auto;
	
	thead th
	{
	  background: @active;
	  color: @whitecolor;
	  text-align:center;
	  vertical-align:middle !important;
	  .font-size(12px);
	  font-weight:normal;
	}
	
	tbody td
	{
		.font-size(10px);
	}
	
	tfoot td
	{
		font-weight:bold;
		.font-size(12px);
		font-family:semibold !important;
	}

}

.pagination {

    margin: 0;
    
	.active > a, .active > span, .active > a:hover, .active > span:hover, .active > a:focus, .active > span:focus {
	    background-color: @basecolor;
	    border-color: @basecolor;
	}
}

.buttons-margin{
	margin-top:10px;
}

/*Footer*/
footer.main {
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #f3f4f5;
    line-height: 40px;
    padding: 0 20px;
    .font-size(13px);
    color: rgb(116, 101, 101);
    text-align: left;
    
    a {
        color: @active;
    }
}

.DTTT_print_info
{
display:none;
}