/*!
 * Template Name: Omember - OmarKenthir - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.0
 * Version: 1.0
 * Author: @myrindaman
 * Website: http://www.netsolmind.com/
 * Email: designer@esoftdream.net
*/


/*** Import fonts ***/
/*Load Open Sans Font from google fonts*/
@import url('//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700');

body {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    padding: 0px !important;
    margin: 0px !important;
    font-size: 13px;
    direction: ltr;

    color: #35363a;
    background-color: #35363a !important;	
}

th {
    font-size: 12px;
}

.required {
    color: red;
}

/*
Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't 
properly apply the media queries in Bootstrap's CSS. To address this, 
you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix.
*/
@-webkit-viewport { 
    width: device-width; 
}

@-moz-viewport { 
    width: device-width; 
}

@-ms-viewport { 
    width: device-width; 
}

@-o-viewport { 
    width: device-width; 
}

@viewport { 
    width: device-width; 
}

/* Internet Explorer 10 doesn't differentiate device width from viewport width, 
and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied */
@-ms-viewport { 
    width: auto !important; 
}


/*** General typography ***/
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color: #444;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300 !important;
}

h1.block, h2.block, h3.block, h4.block, h5.block, h6.block {
    padding-top: 10px;
    padding-bottom: 10px;
}

a {
    text-shadow: none !important;
    color: #0d638f;
}

/*** Fix link outlines after click ***/
a,a:focus, a:hover, a:active {
    outline: 0;
}

/*** Font Awesome Icons ***/
[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    margin-top: 1px;
    font-size: 14px;
    *margin-right: .3em;
    line-height: 14px;
}

/*** Make font awesome icons fixed width(latest version issue) ***/
li [class^="icon-"], li [class*=" icon-"] {
    display: inline-block;
    width: 1.25em;
    text-align: center;
}
li [class^="icon-"].icon-large,li [class*=" icon-"].icon-large {
    /* increased font size for icon-large */
    width: 1.5625em;
}

/*** Close icon used for modal dialog and other UI element close buttons ***/
.close {
    display: inline-block;
    margin-top: 0px;
    margin-right: 0px;
    width: 9px;
    height: 9px;
    background-repeat: no-repeat !important;
    background-image: url("../images/remove-icon-small.png") !important;
}

/*** General HR ***/
hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #E0DFDF;
    border-bottom: 1px solid #FEFEFE;
}

/*** Tools ***/
.display-none, .display-hide {
    display: none;
}

.no-space {
    margin: 0px !important;
    padding: 0px !important;
}

.margin-bottom-10 {	margin-bottom: 10px !important;}
.margin-top-10 { margin-top: 10px !important;}
.margin-bottom-15 { margin-bottom: 15px !important;}
.margin-bottom-20 { margin-bottom: 20px !important;}
.margin-top-20 { margin-top: 20px !important;}
.margin-bottom-25 { margin-bottom: 25px !important;}
.margin-right-10 { margin-right: 10px !important;}

.bold { font-weight:600 !important;}
.fix-margin { margin-left: 0px !important}
.border { border: 1px solid red;}
.inline { display: inline;}

/*** ie8 & ie9 modes ***/
.visible-ie8 { display: none;}
.ie8 .visible-ie8 { display: inherit !important;}
.visible-ie9 { display: none;}
.ie9 .visible-ie9 { display: inherit !important;}
.hidden-ie8 { display: inherit;}
.ie8 .hidden-ie8 { display: none !important;}
.hidden-ie9 { display: inherit;}
.ie9 .hidden-ie9 { display: none !important;}


/******************** GENERAL LAYOUT *********************/
/*** Header and header elements. ***/

.header {
    width: 100%; 
    padding: 0 20px 0 20px;
    margin: 0;
    border: 0px;
    padding: 0px; 
    box-shadow: none;
    /*height: 45px; */
    min-height: 45px;

    margin-top: 25px;
}

/*.header.navbar-fixed-top {
    z-index: 999;

    background-color: #30599f;
    background-image: -moz-linear-gradient(top, #325da7, #2c5293);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#325da7), to(#2c5293));
    background-image: -webkit-linear-gradient(top, #325da7, #2c5293);
    background-image: -o-linear-gradient(top, #325da7, #2c5293);
    background-image: linear-gradient(to bottom, #325da7, #2c5293);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff325da7', endColorstr='#ff2c5293', GradientType=0);
    border: 1px solid #1e3864;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);	
}*/

.header .navbar-brand {
    display: inline-block;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    width: 215px;
    padding: 8px 0px;
}

.header .navbar-brand img {
    margin-left: 20px;
    height: 50px;
}

.header .info-brand {
    display: block;
    width: 100%;
    color: #FFF;
    position: absolute;
    top: -30px;
    font-size: 11px;
    height: 30px;
    background-color: #35363a !important;
    text-indent: 20px;
    line-height: 33px;
}

.bg-image {
    background: #FFF;
    padding: 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;

    border: 1px solid #cacaca;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;	
}

/* quick search */
.header .search-form,
.page-sidebar-menu .search-form {
    display: inline-block;
    margin-top: 7px;
    margin-left: 25px;
}

.header .search-form .form-control,
.page-sidebar-menu .search-form .form-control {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding-top: 3px;
}

.header .search-form .input-icon > i,
.page-sidebar-menu .search-form .input-icon > i {
    margin-top: 9px;
}

.header .search-form .input-icon > i:hover,
.page-sidebar-menu .search-form .input-icon > i:hover {
    cursor: pointer;
}

.page-sidebar-menu .search-form {
    margin: 15px 10px 15px 15px;
}

/* sidebar toggle */
.header .navbar-toggle {
    margin: 10px 6px 4px 6px;
    padding: 0; 
    padding-top:2px;
    padding-bottom: 6px; 
    background-image: none;
    filter:none;
    box-shadow: none;
    color: #fff;
    border: 0;
}

.header .navbar-toggle:hover {
    text-decoration: none;
    background: none;
}

.header .navbar-nav {
    height: 65px;
    margin-right: 20px;
    display: block; 
}

.header .navbar-nav > li {
    margin: 0px !important;
    padding: 10px 5px !important;
    height: 65px;
}

.header .navbar-nav > li > .li-titles {
    padding: 2px 4px 8px 9px;
    color: #FFF;
    font-size: 14px;
    font-weight: bold !important;
    text-transform: uppercase;
}

.header .navbar-nav > li.devider {
    margin-left: 10px !important;
    margin-right: 5px !important;
    height: 65px;
    width: 1px !important;
}

.header .navbar-nav > li.devider {
    border-left: 1px solid #eee !important;
}

.header .navbar-nav > li.dropdown, 
.header .navbar-nav > li.dropdown > a {
    padding-left: 4px; 
    padding-right: 4px;
}

.header .navbar-nav > li.dropdown > a:last-child {
    padding-right: 0;
}

.header .navbar-nav > li.dropdown:last-child {
    padding-right: 2px;
}

.header .navbar-nav > li.dropdown .dropdown-toggle {
    padding: 14px 7px 11px 5px;
}

.header .navbar-nav > li.dropdown .dropdown-toggle > i {
    font-size: 18px;
    margin-right: 2px;
}

.header .navbar-nav > li.dropdown .dropdown-menu > li > a > i {
    font-size: 14px;
}

.header .navbar-nav li.dropdown .dropdown-toggle i {
    color: #999ba2 !important;
}

.header .navbar-nav > li.dropdown.user .dropdown-toggle {
    margin: 0 !important;
    padding: 8px 4px 8px 9px;
}

.header .navbar-nav > li.dropdown.user .dropdown-toggle:hover {
    text-decoration: none;
    background: rgba(0,0,0,0.2);
}

.navbar-inverse .navbar-nav > .open > a {background: rgba(0,0,0,0.2);}

.header .navbar-nav li.dropdown.user .dropdown-toggle i {
    display: inline-block;
    margin-top: 5px;
    margin: 0;
    font-size: 16px;
}

.header .navbar-nav > li.dropdown.user .dropdown-menu i {
    display: inline-block;
}

.header .navbar-nav li.dropdown.user img {
    border-radius: 50%;
    margin-right: 10px;
}

.header .navbar-nav > li.dropdown .dropdown-toggle .badge {
    /*border-radius: 2px !important;*/
    /*padding: 10px 8px;
    height: 15px;*/
    margin-top: -10px;
    margin-left: -2px;
}

/*** Top bar menu ***/

/* enable arrow for dropdown menu */
.header .nav > li > .dropdown-menu:before {
    position: absolute;
    top: -7px;
    right: 9px;
    display: inline-block !important;
    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: '';
}

.header .nav > li > .dropdown-menu:after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block !important;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}

.header .navbar-nav .dropdown-menu {
    margin-top: 3px;
}

.badge {
    font-size: 11px !important;
    font-weight: bold;
    text-align: center;
    background-color: #e02222;
    height: 18px;
    padding: 3px 6px 3px 6px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    text-shadow:none !important;
    text-align: center;
    vertical-align: middle;
}

.badge-default,
.label-default  {
    background-color: #999 !important;
}

.badge-primary,
.label-primary {
    background-color: #428bca !important;
}

.label-success, 
.badge-success {
    background-color: #3cc051;
    background-image: none !important;
}

.label-warning, 
.badge-warning {
    background-color: #fcb322;
    background-image: none !important;
}

.label-danger, 
.badge-danger {
    background-color: #ed4e2a;
    background-image: none !important;
}

.label-info, 
.badge-info {
    background-color: #57b5e3;
    background-image: none !important;
}

/* extended dropdowns */
.dropdown-menu.extended {
    padding: 0 0 4px 0;
    border-radius: 4px !important;
    min-width: 160px !important;
    max-width: 300px !important;
    width: 233px !important;
    background-color: #ffffff !important;
}

.dropdown-menu.extended:before,
.dropdown-menu.extended:after {
    border-bottom-color: #eee !important;
}

.dropdown-menu.extended li a{
    display: block;
    padding: 5px 10px !important;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    white-space: normal !important;
}

.dropdown-menu.extended li i{
    margin-right: 3px;
}

.dropdown-menu.extended li a{
    font-size: 13px;
    padding: 10px !important;
    background-color: #ffffff;
}

.dropdown-menu.extended li a:hover {
    background-image: none;
    background-color: #f5f5f5;
    color: #000;
    filter:none;
}

.dropdown-menu.extended li p {
    border-radius: 4px 4px 0px 0px !important;
    padding: 10px;
    background-color: #eee;
    margin: 0px;
    font-size: 14px;
    font-weight: 300;
    color: #333;
}

.dropdown-menu.extended li a{
    padding: 7px 0 5px 0px;
    list-style: none;
    border-bottom: 1px solid #f4f4f4 !important;
    font-size: 12px;
    text-shadow: none;
}

.dropdown-menu.extended li:first-child a {
    border-top: none;
    border-bottom: 1px solid #f4f4f4 !important;
}

.dropdown-menu.extended li:last-child a {
    border-top: 1px solid white !important;
    border-bottom: 1px solid #f4f4f4 !important;
}


.dropdown-menu.extended li.external > a {
    font-size: 13px;
    font-weight: 400;    
    border-bottom: 0 !important;
}


/* header notifications dropdowns */
.dropdown-menu .dropdown-menu-list.scroller {
    padding-right: 0 !important;
    padding-left: 0;
    list-style: none;
}

.dropdown-menu.notification li > a .time {
    font-size: 12px;
    font-weight: 600;
    text-align: right;
    font-style: italic;
}

/* header inbox dropdowns */
.dropdown-menu.inbox li > a .photo {
    float: left;
    padding-right: 6px;
}

.dropdown-menu.inbox li > a .photo > img {
    height: 40px;
    width: 40px;
}

.dropdown-menu.inbox li > a .subject {
    display: block;
}

.dropdown-menu.inbox li > a .subject .from {
    font-size: 14px;
    font-weight: 400;
    color: #02689b;
}

.dropdown-menu.inbox li > a .subject .time {
    font-size: 12px;
    font-weight: 600;
    font-style: italic;
    position: relative;
    float: right;
}

.dropdown-menu.inbox li > a .message {
    display: block !important;
    font-size: 12px;
}

/* header tasks */
.dropdown-menu.tasks .task {
    margin-bottom: 5px;
}

.dropdown-menu.tasks .task .desc {
    font-size: 13px;
    font-weight: 300;
}

.dropdown-menu.tasks .task .percent {
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    float: right;
    display: inline-block;
}

.dropdown-menu.tasks .progress {
    display: block;
    height: 11px;
    margin: 0px;
}

/* extended dropdowns */
.dropdown-menu.extended {
    padding: 0 0 4px 0;
    border-radius: 4px !important;
    min-width: 160px !important;
    max-width: 300px !important;
    width: 233px !important;
    background-color: #ffffff !important;
}

.dropdown-menu.extended:before,
.dropdown-menu.extended:after {
    border-bottom-color: #eee !important;
}

.dropdown-menu.extended li a{
    display: block;
    padding: 5px 10px !important;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    white-space: normal !important;
}

.dropdown-menu.extended li i{
    margin-right: 3px;
}

.dropdown-menu.extended li a{
    font-size: 13px;
    padding: 10px !important;
    background-color: #ffffff;
}

.dropdown-menu.extended li a:hover {
    background-image: none;
    background-color: #f5f5f5;
    color: #000;
    filter:none;
}

.dropdown-menu.extended li p {
    border-radius: 4px 4px 0px 0px !important;
    padding: 10px;
    background-color: #eee;
    margin: 0px;
    font-size: 14px;
    font-weight: 300;
    color: #333;
}

.dropdown-menu.extended li a{
    padding: 7px 0 5px 0px;
    list-style: none;
    border-bottom: 1px solid #f4f4f4 !important;
    font-size: 12px;
    text-shadow: none;
}

.dropdown-menu.extended li:first-child a {
    border-top: none;
    border-bottom: 1px solid #f4f4f4 !important;
}

.dropdown-menu.extended li:last-child a {
    border-top: 1px solid white !important;
    border-bottom: 1px solid #f4f4f4 !important;
}


.dropdown-menu.extended li.external > a {
    font-size: 13px;
    font-weight: 400;    
    border-bottom: 0 !important;
}


/* header notifications dropdowns */
.dropdown-menu .dropdown-menu-list.scroller {
    padding-right: 0 !important;
    padding-left: 0;
    list-style: none;
}

.dropdown-menu.notification li > a .time {
    font-size: 12px;
    font-weight: 600;
    text-align: right;
    font-style: italic;
}

/* header inbox dropdowns */
.dropdown-menu.inbox li > a .photo {
    float: left;
    padding-right: 6px;
}

.dropdown-menu.inbox li > a .photo > img {
    height: 40px;
    width: 40px;
}

.dropdown-menu.inbox li > a .subject {
    display: block;
}

.dropdown-menu.inbox li > a .subject .from {
    font-size: 14px;
    font-weight: 400;
    color: #02689b;
}

.dropdown-menu.inbox li > a .subject .time {
    font-size: 12px;
    font-weight: 600;
    font-style: italic;
    position: relative;
    float: right;
}

.dropdown-menu.inbox li > a .message {
    display: block !important;
    font-size: 12px;
}

/* header tasks */
.dropdown-menu.tasks .task {
    margin-bottom: 5px;
}

.dropdown-menu.tasks .task .desc {
    font-size: 13px;
    font-weight: 300;
}

.dropdown-menu.tasks .task .percent {
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    float: right;
    display: inline-block;
}

.dropdown-menu.tasks .progress {
    display: block;
    height: 11px;
    margin: 0px;
}

/*Fixing dropdown issue on mobile devices in Bootstrap 3.2.2*/
.dropdown-backdrop {
    position: static;
}

.dropdown:hover .caret, 
.open.dropdown .caret {
    opacity: 1;
    filter: alpha(opacity=100);
}

.dropdown.open .dropdown-toggle {
    color: #08c;
    background: #ccc;
    background: rgba(0, 0, 0, 0.3);
}

/*** Dropdown Menu ***/

.dropdown-menu {
    border-radius: 4px !important;
    min-width: 220px;
}

.dropdown.inline .dropdown-menu {
    display: inline-block;  
    position: relative;
}

.dropdown-menu.bottom-up {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

.dropdown-menu li > a {
    padding: 10px 0 10px 13px;
    color: #333;
    text-decoration: none;
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    white-space: nowrap;
}

.dropdown-menu li > a:hover, 
.dropdown-menu .active > a, 
.dropdown-menu .active > a:hover {
    text-decoration: none;
    background-image: none;
    background-color: #eee;
    color: #333;
    filter:none;
}

/* dropdown sub menu support for Bootsrap 3 */

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropup .dropdown-submenu > .dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px;
}

.dropdown-submenu > a:after {
    position: absolute;
    display: inline-block;
    font-size: 14px;
    right: 7px;
    top: 9px;
    font-family: FontAwesome;
    height: auto;
    content: "\f105";
    font-weight: 300;
}

/*** Page sidebar ***/

/* ie8 fixes */
.ie8 .page-sidebar {
    position: absolute;
    width: 215px;
}

.page-sidebar.navbar-collapse {
    padding: 0;
}

.page-sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 0;
    padding: 0; 
}

.page-sidebar-menu > li {
    display: block;
    margin: 0;
    padding: 0; 
    border: 0px;
}

.page-sidebar-menu > li.start > a {
    border-top-color: transparent !important;
}

.page-sidebar-menu > li:last-child > a,
.page-sidebar-menu > li.last > a {
    border-bottom-color: transparent !important;
}

.page-sidebar-menu > li > a {
    display: block;
    position: relative;
    margin: 0;
    border: 0px;
    padding: 10px 15px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
}

.page-sidebar-fixed .page-sidebar-menu > li > a {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.page-sidebar-menu > li > a i {
    font-size: 16px;
    margin-right: 5px;
    text-shadow:none; 
}

.page-sidebar-menu > li.break {
    margin-bottom: 20px;
}

.page-sidebar-menu > li.active > a {
    border: none; 
    text-shadow:none;
}  

.page-sidebar-menu > li.active  {
    border-right: 4px solid #0098cb;
}

.page-sidebar ul > li > a > .arrow:before {  
    float: right;
    margin-top: 0px;
    margin-right: 5px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    text-shadow:none;
}

.page-sidebar ul > li.active > a > .arrow:before {
    margin-right: 1px;
}

.page-sidebar-menu > li > a > .arrow.open:before {   
    float: right;
    margin-top: 0px;
    margin-right: 3px;
    display: inline;
    font-family: FontAwesome;
    height: auto;
    font-size: 16px;
    content: "\f107";
    font-weight: 300;
    text-shadow:none;
}
.page-header-fixed .page-container {
    margin-top: 90px;
}

/* bagin: sidebar menu badges */
.page-sidebar-menu li > a > .badge {
    float: right;
    margin-top: 1px;
    margin-right: 13px;
}

/* end: sidebar menu badges */

.page-sidebar-menu .sub-menu {
    padding: 0;
}

.page-sidebar-menu > li > ul.sub-menu {
    display: none;
    list-style: none;
    clear: both;
    margin: 8px 0px 8px 0px;
}

.page-sidebar-menu > li.active > ul.sub-menu {
    display: block;
}

.page-sidebar-menu > li > ul.sub-menu > li {
    background: none;
    margin: 0px;
    padding: 0px;
    margin-top: 1px !important;
}

.page-sidebar-menu > li > ul.sub-menu > li > a {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px;
    padding-left: 35px !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    background: none;
}

/* 3rd level sub menu */
.page-sidebar-menu > li > ul.sub-menu  > li ul.sub-menu {
    display: none;
    list-style: none;
    clear: both;
    margin: 0px 0px 0px 0px;
}

.page-sidebar-menu > li > ul.sub-menu  li > a > .arrow:before   {  
    float: right;
    margin-top: 1px;
    margin-right: 20px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    text-shadow:none;
}

.page-sidebar-menu > li > ul.sub-menu  li > a > .arrow.open:before {   
    float: right;
    margin-top: 1px;
    margin-right: 18px;
    display: inline;
    font-family: FontAwesome;
    height: auto;
    font-size: 16px;
    content: "\f107";
    font-weight: 300;
    text-shadow:none;
}

.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu {
    display: block;
}

.page-sidebar-menu > li > ul.sub-menu > li  ul.sub-menu li {
    background: none;
    margin: 0px;
    padding: 0px;
    margin-top: 1px !important;
}

.page-sidebar-menu > li > ul.sub-menu  li > ul.sub-menu > li > a {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    background: none;
}

.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {  
    padding-left: 60px;
}

.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {  
    padding-left: 80px;
}

.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu > li.active ul.sub-menu {
    display: block;
}


.page-sidebar-menu > li > ul.sub-menu  li > ul.sub-menu > li > a > i {
    font-size: 13px;
}

/*** Sidebar toggler(show/hide) ***/

.sidebar-toggler {
    -webkit-border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
    cursor: pointer;
    display: block;
    float: right;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 23px;
    height: 23px;
    background-color: #FcFcFc;
}

.sidebar-toggler:before {
    margin: 0px 2px 3px 8px;
    display: inline-block;
    font-size: 18px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    text-shadow:none;
}

.page-sidebar-closed .sidebar-toggler:before {
    content: "\f105";
    margin: 0px 2px 3px 10px;
}

.page-sidebar-closed .page-sidebar-menu > li > a > .title,
.page-sidebar-closed .page-sidebar-menu > li > a > .arrow {
    display: none !important;
}

.page-sidebar-closed .page-sidebar-menu {
    width: 35px !important;
}

.page-sidebar-closed .page-sidebar-menu > li > a {
    padding-left: 7px;
}

.page-sidebar-fixed.page-sidebar-closed .page-sidebar-menu > li > a {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.page-sidebar-closed .page-sidebar-menu > li:hover {
    width: 236px !important;
    position: relative !important;
    z-index: 2000;
    display: block !important;
}

.page-sidebar-closed .page-sidebar-menu > li:hover .sidebar-toggler {
    float: left;
    margin-left: 13px;
}

.page-sidebar-closed .page-sidebar-menu > li:hover .selected {
    display: none;
}

.page-sidebar-closed .page-sidebar-menu > li:hover > a > i {
    margin-right: 10px;
}

.page-sidebar-closed .page-sidebar-menu > li:hover .title {
    display: inline !important;
}

.page-sidebar-closed .page-sidebar-menu > li > .sub-menu {
    display: none !important;
}

.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu {  
    width: 200px;
    position: absolute;
    z-index: 2000;
    left: 36px;
    margin-top: 0;
    top: 100%;
    display: block !important;
    border-radius: 0 0 4px 4px;
}

.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu,
.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu > li > .sub-menu {
    width: 200px;
}

/* 2rd level sub menu*/
.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > a {
    padding-left: 15px !important;
}

/* 3rd level sub menu*/
.page-sidebar-closed .page-sidebar-menu > li > ul.sub-menu > li > .sub-menu > li > a {  
    padding-left: 30px !important;
}

/* 4rd level sub menu*/
.page-sidebar-closed .page-sidebar-menu > li > ul.sub-menu > li > .sub-menu > li > .sub-menu > li > a {  
    padding-left: 45px !important;
}

/* sidebar container */

.page-sidebar-closed  .page-sidebar {
    width: 35px;
}

.page-sidebar-closed  .page-content {
    margin-left: 35px !important;
}


/*** Page content ***/
.page-content {  
    margin-top: 0px;   
    padding: 0px;
    background-color: #FaFaFa; 
    background-image1: url(../img/patterns/pattern1.png);
    border-radius: 0 0 0 4px;
}

.breadcrumb .icon-home {margin: 0; font-size: 18px; width: auto;}
.page-content-no-pattern .page-content {
    background-image: none !important;
}

.page-boxed .page-content,
.page-sidebar-fixed .page-content {
    border-radius: 0;
}

.ie8 .page-content { 
    padding: 20px;
    margin-left: 215px; 
    margin-top: 0px;
    min-height: 760px;
}

.ie8 .page-sidebar-fixed .page-content {
    min-height: 600px; 
}

.ie8 .page-content.no-min-height {
    min-height: auto;
}

.page-full-width .page-content {
    margin-left: 0px !important;
}

.page-sidebar {
    background: #35363a;
}
ul.page-sidebar-menu > li > a {
    border-top: 1px solid #414247;
    border-bottom: 1px solid #292a2d;
    color: #ffffff;
}
ul.page-sidebar-menu > li:last-child > a {
    border-bottom: 1px solid transparent;
}
ul.page-sidebar-menu > li a i {
    color: #999ba2;
}
ul.page-sidebar-menu > li.open > a,
ul.page-sidebar-menu > li > a:hover,
ul.page-sidebar-menu > li:hover > a {
    background: #222225;
}
ul.page-sidebar-menu > li.active > a {
    color: #ffffff;
    background: #222225 !important;
    border-top: 1px solid #222225 !important;
    border-bottom: 1px solid #222225 !important;
}
ul.page-sidebar-menu > li.active > a i {
    color: #ffffff;
}
ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {
    border-top: 0px !important;
}
ul.page-sidebar-menu > li > ul.sub-menu > li.active > a,
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
    color: #ffffff !important;
    background: #414247 !important;
}
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
    background: #414247 !important;
}
/* 3rd level sub menu */
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,
ul.page-sidebar-menu > li > ul.sub-menu li.open > a {
    color: #ffffff !important;
    background: #414247 !important;
}
/* font color for all sub menu links*/
ul.page-sidebar-menu li > ul.sub-menu > li > a {
    color: #cecfd3;
}
/* menu arrows */
ul.page-sidebar-menu > li > a .arrow:before,
ul.page-sidebar-menu > li > a .arrow.open:before {
    color: #8c8e96 !important;
}
ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,
ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {
    color: #999ba2 !important;
}
ul.page-sidebar-menu > li > a > .arrow.open:before {
    color: #a6a8ae !important;
}
ul.page-sidebar-menu > li.active > a .arrow:before,
ul.page-sidebar-menu > li.active > a .arrow.open:before {
    color: #ffffff !important;
}
/* sub menu bg color on hover menu item */
.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {
    background-color: #35363a;
}
.navbar-inverse .navbar-nav > li > a {
    color: #DDD;
}

/*** box ***/
.box  {
    clear: both;
    margin-top: 0px;
    margin-bottom: 25px;
    padding: 0px;
    -webkit-box-shadow1: 0 1px 4px rgba(0, 0, 0, 0.07);
    box-shadow1: 0 1px 4px rgba(0, 0, 0, 0.07);
    border: 1px solid #ddd;
    border-radius: 4px;
}

.box > .box-title { 
    background-color: #eee;
    border-radius: 4px 4px 0 0;
    padding:10px 10px 2px 10px;
    height: 38px;
}

.box > .box-title:after,
.box > .box-title:before {
    content: "";
    display: table;
    line-height: 0;
}

.box > .box-title:after {
    clear: both;
}

.box > .box-title > .caption {
    color: #333;
    float: left;
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    margin-top: 1px; 
}

.box > .box-title > .caption > i {
    float: left;
    margin-top: 2px;
    display: inline-block !important;
    font-size: 13px;
    margin-right: 5px;
    color: #666;
}

.sortable .box > .box-title {
    cursor: move;
}

.box > .box-title > .pagination.pagination-sm {
    float: right !important;
    display: inline-block !important;
    margin: 0px;
    margin-top: -6px;
}

.box > .box-body {
    clear: both;  
    background-color: #fff;  
    border-radius: 0px 0px 4px 4px;
}
.box > .box-body label {font-weight: normal!important;}
.form-bordered .form-group {
    margin: 0;
    border-bottom: 1px solid #efefef;
}
.form-actions {
    padding: 20px 10px;
    margin-top: 20px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    border-radius: 0 0 4px 4px;
}
.form-actions.fluid {
    padding: 20px 0;
}
.form-bordered .form-body {
    margin: 0;
    padding: 0;
}
.form-bordered .form-actions {
    margin-top: 0;
}
.form-bordered .form-group > div {
    padding: 15px;
    border-left: 1px solid #efefef;
}


/* Geneology */
.std{
    width: 100%;
    border-collapse: collapse;
    display: block;
    margin-top: 10px;	
}
.std td, .std th{
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 12px;
    vertical-align: top;	
}
.std th{
    background: #ddd;
    border: 1px solid #ccc;
    text-align: center;
    padding: 10px 0;
    color: rgba(63,76,107,1);

    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

}

/* AWAL TREE */
.td-no-border td {border: 0;}
.tree-block {
    /*width: 656px;*/
    /*height: 850px;*/
    overflow: scroll;
    padding: 15px 15px 25px;
}

.tree { padding:10px 0; font-size:9px; }
.tree .box { border-collapse: collapse; margin:0; padding:0; border:2px solid #003366; background:#eee; }
.tree .box1 { 
    border-collapse: collapse; 
    margin:0; 
    padding:0; 

    background: #f9c667; /* Old browsers */
    background: -moz-linear-gradient(top,  #f9c667 0%, #f79621 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9c667), color-stop(100%,#f79621)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f9c667 0%,#f79621 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f9c667 0%,#f79621 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f9c667 0%,#f79621 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f9c667 0%,#f79621 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 ); /* IE6-9 */

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    box-shadow: 0 5px 5px -5px #333;
    -moz-box-shadow: 0 5px 5px -5px #333;
    -webkit-box-shadow: 0 5px 5px -5px #333;
}

.tree .box td { text-align:center; padding:3px !important; }
.tree .box1 td { text-align:center; padding:3px !important; }
.tree th { text-align:center; margin:0; padding:0; }
.tree td { font-family:verdana,Arial, Helvetica, sans-serif; padding:0 3px; }
.tree .line-top {border-top:1px solid #999; }
.tree .line-right { border-right:1px solid #999; }
.tree .line-bottom { border-bottom:1px solid #999; }
.tree .line-left { border-left:1px solid #003366; border-top: 1px solid transparent;}

.tree .mid { font-weight:bold; color:#900; font-size:10px; }
.tree .mid a { font-weight:bold; color:#a00; font-size:9px; }
.tree .data { font-weight:normal; color:#222; font-size:10px; line-height: 150%;}
.tree .node { font-weight:bold; color:#036; font-size:10px; border-bottom: #003366 solid 1px; }
.tree .node2 { font-weight:normal; color:#036; font-size:10px;}
.tree .up-next a { padding:5px 0; color:#aaa; font-weight:bold; text-decoration:none; }
.tree .up-next a:hover { color:#aaa; text-decoration:none; }

.tree a.bLink { color:#036; font-weight:bold; text-decoration:none; }
.tree a.bLink:hover { color:#e6f1fd; text-decoration:underline; }
.tree a.cloneLink { color:#fc0; font-weight:bold; text-decoration:none; }
.tree a.cloneLink:hover { color:#fc0; text-decoration:underline; }
.tree a.nextLink { color:#d00; font-weight:bold; text-decoration:none; }
.tree a.nextLink:hover { color:#d00; text-decoration:underline; }

.genealogy-tree {border-left: 1px solid #dddddd;}
/* .genealogy-tree td {padding: 10px; border: 0; min-width: 40px; text-align: center; position: relative;} */
.genealogy-tree td {padding: 10px; border: 0; min-width: 40px; text-align: center;}

.genealogy-tree td .node-box, .genealogy-tree .node-box {
    padding: 7px 5px;
    width: 80px;
    height: 140px;
    background: #DDD;
    background: #fceabb; /* Old browsers */
    background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 32%, #f8b500 33%, #fbdf93 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(32%,#fccd4d), color-stop(33%,#f8b500), color-stop(100%,#fbdf93)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 32%,#f8b500 33%,#fbdf93 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fceabb 0%,#fccd4d 32%,#f8b500 33%,#fbdf93 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fceabb 0%,#fccd4d 32%,#f8b500 33%,#fbdf93 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 32%,#f8b500 33%,#fbdf93 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */

    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;

    -webkit-box-shadow: 0 8px 6px -5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 8px 6px -5px rgba(0,0,0,0.3);
    box-shadow: 0 8px 6px -5px rgba(0,0,0,0.3);
    border: 1px solid #f8b500;
}
.genealogy-tree {border: 0; text-align: center;}
.genealogy-tree td .node-box span, .genealogy-tree .node-box span {display: block; margin-bottom: 4px; line-height: auto;}
.genealogy-tree td .node-box span.data, .genealogy-tree .node-box span.data {
    margin-bottom: 20px;
    height: 30px;
    overflow: hidden;
}
.genealogy-tree td .node-box span.node, .genealogy-tree .node-box span.node {padding-bottom: 5px;}
.genealogy-tree td .node-box span.node i,
.genealogy-tree .node-box span.node i,
.genealogy-tree td .node-box span.node2 i, 
.genealogy-tree .node-box span.node2 i {
    display: inline-block;
    padding: 0 5px;
}

.genealogy-tree td.hr-line, .genealogy-tree .hr-line {
    background: #FFF url(../images/node-line-hr.png) center top repeat-x;
}

.genealogy-tree td .hr-center, .genealogy-tree .hr-center {
    background: transparent url(../images/node-line-center.png) center top no-repeat;
    display: block;
    height: 35px;
    margin-top: -20px;
    margin-left: 7px;
}

.genealogy-tree td .hr-left, .genealogy-tree .hr-left {
    background: #FFF url(../images/node-line-left.png) right top no-repeat;
    display: block;
    height: 50px;
    width: 117px;
    margin-top: -10px;
    left: -5px;
    position: absolute;
}

.genealogy-tree td .hr-right, .genealogy-tree .hr-right {
    background: #FFF url(../images/node-line-right.png) left top no-repeat;
    display: block;
    height: 50px;
    width: 117px;
    margin-top: -10px;
    right: -5px;
    position: absolute;
}

/* generate level position */
.genealogy-tree .levels {
    display: inline-block;
    width: 1050px;
}
.genealogy-tree .levels .last {
    margin-right: 0;
}

.genealogy-tree .levels .mid a:hover {
    text-decoration: underline;
}

.genealogy-tree .levels .level4 {
    display: inline-block;
    float: left;
    margin-right: 30px;	
    background: url(../images/level4-line.png) center -5px no-repeat;
    padding-top: 60px;
}

.genealogy-tree .levels .level4 .node-box {
    display: inline-block; 
    float: left;
    /*margin-right: 20px;*/
}

.genealogy-tree .levels .level4 .left {
    margin-right: 10px;
}

.genealogy-tree .levels .level4 .right {
    margin-left: 10px;
}

.genealogy-tree .levels .level3 {
    display: inline-block;
    float: left;
    /*margin-right: 30px;	*/
    background: url(../images/level3-line.png) center -5px no-repeat;
    padding-top: 60px;
    /*width: 478px;*/
    margin-right: 30px;
}

.genealogy-tree .levels .level3 .node-box {
    display: inline-block; 
    float: left;
}

.genealogy-tree .levels .level3 .left {
    margin-right: 70px;
    margin-left: 60px;
}

.genealogy-tree .levels .level3 .right {
    margin-left: 80px;
}

.genealogy-tree .levels .level2 {
    display: inline-block;
    float: left;
    /*margin-right: 30px;	*/
    background: url(../images/level2-line.png) -10px 12px no-repeat;
    padding-top: 60px;
    width: 1016px;
    margin-right: 0px;
}

.genealogy-tree .levels .level2 .node-box {
    display: inline-block; 
    float: left;
}

.genealogy-tree .levels .level2 .left {
    margin-right: 100px;
    margin-left: 185px;
}

.genealogy-tree .levels .level2 .right {
    margin-left: 305px;
}

.genealogy-tree .levels .level1 {
    display: inline-block;
    float: left;
    width: 1016px;
    margin-right: 0px;
}

.genealogy-tree .levels .level1 .node-box {
    display: inline-block; 
    margin: 0 auto;
    margin-bottom: -11px;
    margin-left: -20px;	
}

/* trinary */
.trinary-tree .levels {
    /*width: 1434px;*/
    width: 900px;
}

.trinary-tree .levels .level1 {
    display: inline-block;
    float: left;
    width: 930px;
}

.trinary-tree .levels .level2 {width: auto;}
.trinary-tree .levels .level1 .node-box {
    margin-left: -40px;
}
.trinary-tree .levels .level2 {
    /*background: url(../images/level2-line-trinary.png) -20px 12px no-repeat;*/
    background: url(../images/hz-line.png) -20px 12px repeat-x;
}
.trinary-tree .levels .level3 {
    background: url(../images/level3-line-trinary.png) 0px 0px no-repeat;
}
.trinary-tree .levels .level2 .left {
    margin-right: 229px;
    margin-left: 95px;
}
.trinary-tree .levels .level2 .right {
    margin-left: 230px;
}

.trinary-tree .levels .level3 {margin-right: 0;}

.trinary-tree .levels .level3 .left {
    margin-right: 15px;
    margin-left: 40px;
}

.trinary-tree .levels .level3 .right {
    margin-left: 15px;
}

.genealogy-tree .levels .level3.first .left {
    margin-left: 0px!important;
}
.genealogy-tree .levels .level3.first {
    background: url(../images/level3-line-trinary.png) center -5px no-repeat;	
}
.genealogy-tree .levels .level3.last .right {
    margin-right: 0px!important;
}
.genealogy-tree .levels .node-lock {
    display: block;
    height: 140px;
    width: 100%;
    background: url(../images/lock.png) center 60% no-repeat;
}

/* AKHIR TREE */


/* Responsive tree node */
.genealogy-tree .table td {min-width: 20px;}
.genealogy-tree .table td {padding: 0; border: 0;}
.genealogy-tree .table td.top-line {border-bottom: 2px solid #333!important;}
.genealogy-tree .table td.connector {border-left: 2px solid #333!important;}
.genealogy-tree .table td.bot-line {}

.genealogy-tree .table td .node-lock {
    display: block;
    height: 140px;
    width: 100%;
    background: url(../images/lock.png) center 60% no-repeat;
}
/* end tree */

/** form object **/
#login-form .loginWarp input, 
#login-form .loginWarp textarea {
    outline: none;
}

#login-form .loginWarp input[type=text], 
#login-form .loginWarp input[type=password], 
#login-form .loginWarp input[type=date], 
#login-form .loginWarp input[type=datetime], 
#login-form .loginWarp input[type=time], 
#login-form .loginWarp textarea:not(.editor) {
    padding: 10px;

    box-shadow: inset 0 1px 1px rgba(0,0,0,0.22);
    border-radius: 3px;
    border: 2px solid #EEE;

    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#login-form .loginWarp input[type=text]:focus, 
#login-form .loginWarp input[type=password]:focus, 
#login-form .loginWarp input[type=date]:focus, 
#login-form .loginWarp input[type=datetime]:focus, 
#login-form .loginWarp input[type=time]:focus, 
#login-form .loginWarp textarea:not(.editor):focus {
    border: 2px solid #66afe9;

    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#login-form .loginWarp input[type=text][disabled], 
#login-form .loginWarp input[type=password][disabled], 
#login-form .loginWarp input[type=date][disabled], 
#login-form .loginWarp input[type=datetime][disabled], 
#login-form .loginWarp input[type=time][disabled], 
#login-form .loginWarp textarea:not(.editor)[disabled] {
    background: #e8e8e8;
    border: 1px solid #a0a0a0;
    cursor: not-allowed;
}

#login-form .loginWarp textarea[disabled] {
    resize: none;
}

#login-form .loginWarp input[type=button] {
    font-family: 'PT Sans',sans-serif;
}

#login-form .loginWarp input[disabled], 
#login-form .loginWarp select[disabled], 
#login-form .loginWarp textarea[disabled], 
#login-form .loginWarp input[readonly], 
#login-form .loginWarp select[readonly], 
#login-form .loginWarp textarea[readonly] {
    cursor: not-allowed;
}

/*form login*/
.loginWarp {
    width: 400px;
    margin: 0 auto;
    padding-top: 3%;
    color: #FFF;
}

#login-form {
    width: 100%;
    height: 100%;
    position: relative;
}

.radio {min-height: 0; padding-left: 10px;}
.radio input[type="radio"] {margin-right: 10px;}


/** login form content **/
.bypass {
    display: block;
    padding: 15px;
    background: #FFF;
    border: 1px solid #EEE;
    font-weight: bold;
}

.bypass .help-ico {
    background: #FFF url(../images/system-help.png) left 2px no-repeat;
    padding-left: 30px;
    padding-bottom: 5px;
    padding-top: 5px;
}

#login-form h1 {font-weight: normal; margin-top:0; padding-top: 0; margin-bottom: 30px; text-shadow: 0 1px 5px #FFF;}

#login-form .loginWarp {
    /*
    width:300px; 
    height:449px; 
    */
    margin: 0 auto;
    border-radius:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    /*
    font-size:20px; 
    color:#666; 
    line-height:200px; 
    text-align:center; 
    background:#FFF; 
    border: 2px solid #EEE; 	
    */
}

#login-form .loginWarp input, 
#login-form .loginWarp textarea, 
#login-form .loginWarp select, 
#login-form .loginWarp .input-group {
    width: 100%!important;
    display: inline-block;
    border-radius: 10!important;
    -moz-border-radius: 0!important;
    -webkit-border-radius: 10!important;
    -o-border-radius: 10!important;
    margin-bottom: 5px!important;
}

#login-form .loginWarp  span {
    display: table-cell;
    width: 400px;
    height: auto;
    vertical-align: top;
    text-align: left;
    line-height: 16px;
    font-size: 17px;
    padding: 10px;
    padding-top: 20px;
}

#login-form .loginWarp  span  h2 {
    font-size: 18px;
    color: #51a351;
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #BBB;
    font-weight: normal;
    margin-top: 0;
}

#login-form .loginWarp label {
    font-weight: bold;
    font-size: 14px;
    color: #FFF;
    display: block;
    padding-bottom: 5px;
}

#login-form .loginWarp > span div {
    border: 1px solid #DDD;
    background: #FFF;
    margin-bottom: 10px;
    position: relative;
} 

#login-form .loginWarp > span div input[type=text], 
#login-form .loginWarp > span div input[type=password] {
    width: 53%;
    margin-left: 10px;
    margin-right: 5px;
    color: #333;
    border-color: #FFF;
    box-shadow: none;
    margin: 0;
    padding: 7px 0;
    font-size: 14px;
    padding-left: 0;
}
#login-form .loginWarp > span div input[type=text]#captchaResponse { padding-left: 5px; }

#loginUsername, #loginPassword {
    padding-left: 40px !important;
    background-repeat: no-repeat;
    background-position: 12px center;
}

#loginUsername {
    background: #FFF url(../images/user.png) 12px 10px no-repeat;
}

#loginPassword {
    background: #FFF url(../images/key.png) 12px 10px no-repeat;
}

.roundButtonSmall {
    vertical-align:middle;
    padding:10px 25px;
    height:auto;
    min-width:90px;
    font-size:11px;
    font-weight:bolder;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 3px;
    /*background-color:#000000;*/
    color:#FFFFFF;
    border-color:#333333;
    width:auto;
    text-transform:uppercase;
    cursor: pointer;

    background-color: #b2d640;
    background-image: -moz-linear-gradient(top, #b2d640, rgb(157, 201, 18));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b2d640), to(#9dc912));
    background-image: -webkit-linear-gradient(top, #b2d640, #9dc912);
    background-image: -o-linear-gradient(top, #b2d640, #9dc912);
    background-image: linear-gradient(to bottom, #b2d640, #9dc912);
    background-repeat: repeat-x;
    border-color: #b2d640 #b2d640 #9dc912;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.roundButtonSmall:hover {
    vertical-align:middle;
    padding:10px 25px;
    height:auto;
    min-width:90px;
    font-size:11px;
    font-weight:bolder;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 3px;
    /*background-color:#000000;*/
    color:#FFFFFF;
    border-color:#333333;
    width:auto;
    text-transform:uppercase;
    cursor: pointer;

    background: rgb(157, 201, 18); /* Old browsers */
    background: -moz-linear-gradient(top,  rgb(157, 201, 18) 0%, rgb(141, 181, 12) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(157, 201, 18, 1)), color-stop(100%,rgba(141, 181, 12,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(157, 201, 18) 0%, rgb(141, 181, 12) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(157, 201, 18) 0%, rgb(141, 181, 12) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(157, 201, 18) 0%, rgb(141, 181, 12) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(157, 201, 18) 0%, rgb(141, 181, 12) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#299a0b',GradientType=0 ); /* IE6-9 */
}

/* ---------  edokter custom style ---------- */
.col-user-info {
    border: solid 1px #DFDFDF;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 15px 15px;
    background-color: #FCFCFC;
    border-radius: 4px;
    
}

.header.navbar-fixed-top {
    z-index: 999;
    /*background-color: #30599f;*/
    border-bottom: 2px solid #35363a;
    background-color: #c61e0d;
    /*border: 1px solid #1e3864;*/
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}