input.error ,select.error{
	border-bottom: 5px solid #ff4455;
}
.confirmmodal{ text-align:center; padding:20px;}
.hasdatepicker{padding-right:3px !important;}
label.error {display:none !important;}
.inlinefrm{
	min-height:200px;
	min-width:200px;
	background:white;
	border:1px solid #ddd;
	padding:20px;
}
select {margin: 10px !important;
margin-left: 18px !important;}

 .laberfrm {margin: 10px 0px !important; padding-right:0px !important; text-align:right;}
.container-fluid .row .main {
    margin-top: 50px;
}

.pagetitle{
	background:#222;
	color:#fff !important;
	height:50px;
	line-height:50px;
	padding:0px;
	margin-right:-50px;
}

.userinfo{float:right; padding-right:50px;}
.pagetitlecontainer{padding:0px !important;}
.bodycontainer{ display:block; width:98%; padding:30px 0px;}
.bodycontainer td{ vertical-align:top; text-align:left; padding:0px; padding-left:30px;}
.menucol{width:250px;padding-left:0px !important; }
.searchinput-group{
  margin:0px !important;
  float:left;
  width:100% !important;
  margin:10px; margin-left:18px !important;
}
.searchinput-icon{
    line-height: 32px;
	margin-left: -25px;
	padding-top:10px;
}
#maincontainer{
    bottom: 0;
    left: 250px;
	padding-top:15px;
}
.modalwindow{
position:absolute;
z-index: 19999;
margin:auto auto;
left:50%;top:10%;
}

.modalwindow >div{
position:relative; 
left:-50%;
min-height:200px;
min-width:200px;
display:inline-block; 
background:white;
border-bottom:1px solid #ddd;
}
.modaloverlay{
background:url('images/overlay.png') repeat;
position:fixed;
width:130%;
height:130%;
top:-10%;
left:-10%;
z-index: 9999;
}
.modalwindow .modaltitle{
color: #333;
background-color: #f5f5f5;
border-bottom:1px dotted #ddd;
height:40px;
line-height:40px;
padding:0px 5px 0px 20px;
}

.modalwindow .modaltitle i{
height: 25px;
line-height: 25px;
width: 25px;
text-align: center;
margin: 8px 0px;
}
.closemodal{
	float:right;
	color:#000;
	background:#fff !important;
	border:1px solid #ddd;
}
.closemodal:hover{
	color:#fff !important;
	background:#000;
}
/*  left menu */
.nav-sidebar {
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
    padding: 0px;
    min-width: 200px;
}

    .nav-sidebar.accordion-menu ul {
        list-style: none;
        padding-left: 0px;
    }
	
	.nav-sidebar.accordion-menu >li>a,.nav-sidebar.accordion-menu >li>a:visited{
		position: relative;
        display: block;
        padding: 10px 25px 10px 30px !important;
        text-decoration: none;
		color: #eee;
		background: #0AAB8A;
		border-bottom:1px dotted #555;
	}
        .nav-sidebar.accordion-menu ul a {
            position: relative;
            display: block;
            padding: 10px 15px 10px 40px !important;
            text-decoration: none;
			background-color:white;
			color:#0AAB8A;
			border-bottom: 1px dotted #0AAB8A;
        }

.accordion-menu > li > ul a:hover, .accordion-menu > li > ul li.active-item a {
    color: #fff !important;
    background-color: #428bca;
}

.nav-sidebar > li > a {
    padding-left: 20px;
}

.nav-sidebar > li.active > a,.nav-sidebar > li > a:hover {
    color: #fff !important;
    background: #222 !important;
}

.nav-sidebar > li > ul {
    display: none;
}

.nav-sidebar > li.active > ul {
    display: block;
}

/*--------------------------------------------------
	:: Login Section
-------------------------------------------------- */
#login {
    padding-top: 50px;
}

    #login .form-wrap {
        width: 40%;
        margin: 0 auto;
        text-align: center;
        background-color: #EEEEEE;
        border-radius: 10px;
        padding: 10px 80px;
    }

        #login .form-wrap img {
            text-align: center;
            margin: auto 0;
            padding-bottom: 20px;
            padding-top: 20px;
        }

    #login .form-group {
        margin-bottom: 25px;
    }

    #login .checkbox {
        margin-bottom: 20px;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
    }

        #login .checkbox.show:before {
            content: '\e013';
            color: #1fa67b;
            font-size: 17px;
            margin: 1px 0 0 3px;
            position: absolute;
            pointer-events: none;
            font-family: 'Glyphicons Halflings';
        }

        #login .checkbox .character-checkbox {
            width: 25px;
            height: 25px;
            cursor: pointer;
            border-radius: 3px;
            border: 1px solid #ccc;
            vertical-align: middle;
            display: inline-block;
        }

        #login .checkbox .label {
            color: #6d6d6d;
            font-size: 13px;
            font-weight: normal;
        }

    #login .btn.btn-custom {
        font-size: 14px;
        margin-bottom: 20px;
    }

    #login .forget {
        font-size: 13px;
        text-align: center;
        display: block;
    }

/*--------------------------------------------------
	:: Inputs & Buttons
-------------------------------------------------- */
.form-control {
    color: #212121;
}

.btn-custom {
    color: #fff !important;
    background-color: #1fa67b;
}

    .btn-custom:hover,
    .btn-custom:focus {
        color: #fff !important;
    }

/*--------------------------------------------------
    :: Footer
-------------------------------------------------- */
#footer {
    color: #6d6d6d;
    font-size: 12px;
    text-align: center;
}

    #footer p {
        margin-bottom: 0;
    }

    #footer a {
        color: inherit;
    }

.welcomeMessage {
    color: white;
    font-size: 15px;
    font-weight: bold;
    line-height: 50px;
}

    .welcomeMessage a:hover {
        text-decoration: underline;
        color: white;
    }

/*--------------------------------------------------
    :: Grid
-------------------------------------------------- */

.data-grid {
    border-collapse: collapse;
    width: 100%;
    margin: 50px 0px;
}

.data-grid-header-row {
    line-height: 24px;
}

.data-grid-header-row td, .data-grid-header-row th {
	font-size: 16px;
	font-weight: bold;
	border-top: 1px solid #ddd;
	border-bottom: 2px solid #ddd;
	padding: 8px;
	line-height: 20px;
}

.data-grid-header-row td > span > span, .data-grid-header-row td > span > i {
	float: left;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.data-grid-header-row td > span > span:hover {
	text-decoration: underline;
}

.data-grid-norecord{ background:white; font-weight:bold; height:35px;}
.data-grid-norecord td{vertical-align:middle;}
.data-row td, .data-row-odd td {
    padding: 8px;
    line-height: 20px;
    vertical-align: top;
    border-top: 2px solid #ddd;
    background-color: white;
    color: #333;
}

.data-row-odd td {
    background-color: #f9f9f9;
}

.sort-data {
    float: left;
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url('./themes/base/images/ui-icons_222222_256x240.png') no-repeat;
    background-position: -128px -48px;
}

.sort-data-sortasc {
    background-position: 0px -48px;
}

.sort-data-sortdesc {
    background-position: -64px -48px;
}

.data-grid-pagination > div.pages > span, .data-grid-pagination > div.pages-size > span, .data-grid-pagination > div.pages-size div, .data-grid-pagination > div.pages > label, .data-dropdown {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    padding: 0px;
    margin: 10px 1px;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    float: left;
    cursor: pointer;
}

.data-grid-pagination > div.pages-size {
    padding-left: 50px;
}

    .data-grid-pagination > div.pages-size > span, .data-dropdown {
        min-width: 60px;
        padding: 0px 5px;
    }

.data-dropdown {
    width: auto !important;
}

    .data-grid-pagination > div.pages-size > span > span:before, .data-dropdown > span:before {
        content: "\e114";
        font-family: 'Glyphicons Halflings';
        float: right;
        display: inline-block;
        padding: 0px;
        width: 16px;
        height: 16px;
    }

.data-grid-pagination > div.pages-size div {
    border: 0px solid transparent;
    margin-left: 50px;
    margin-right: 5px;
    width: auto;
}

ul.gridpaginationlist, ul[dropdown-unique-id] {
    position: absolute;
    display: none;
    list-style: none;
    padding: 0px;
    border: 1px solid #ddd;
}

    ul.gridpaginationlist li {
        display: block;
        cursor: pointer;
    }

        ul.gridpaginationlist li:hover {
            color: #fff !important;
            background-color: #428bca;
        }

.data-grid-pagination > div.pages > label {
    background: #454545;
    color: white;
}

.data-grid-pagination > div.pages .disabledpage {
    color: #ddd;
}