/*
=========================================================================================
            page/TrackIndex.php
-----------------------------------------------------------------------------------------
*/

[dir=ltr] .layout-login {
    background-size: cover;
/*    background-image: url(../images/login/kirana11.jpg);*/
    background-image: url(../img/bg-2.jpg);
    background-repeat: no-repeat;
    position: relative
}

[dir=ltr] .layout-login__overlay {
    background-color: rgba(54, 76, 102, .2);
}

#refer_bg_block {
   width:250px;
   height: 200px;
/*   background: rgba(76, 175, 80, 0.3);*/
   background-color: white;
/* center h & v*/
    left: 0;
    right: 0;
    position: fixed;
    top:0;
    bottom: 0;
    margin: auto;
/* opacity */
    opacity: 0.1;
    filter: alpha(opacity=10); /* For IE8 and earlier */
    z-index: -1; /* Ensure div tag stays behind content; -999 might work, too. */
}

#refer_text_block {
   width:250px;
   height: 200px;
/*   background: rgba(76, 175, 80, 0.3);
   background-color: white;*/
/* center horizontally */
    left: 0;
    right: 0;
/* center vertically*/
    position: absolute;
    top:0;
    bottom: 0;
    margin: auto;
/* opacity */
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    z-index: 2; /* Ensure div tag stays behind content; -999 might work, too. */
}

#refer_block {

/*   background-color: yellow;*/
   color: white;
   font: 26px arial;
/*   
   font: italic 30px raleway;
    font-weight:bold;*/

   width:330px;
   height: 130px;
/*   background: rgba(76, 175, 80, 0.3);
   background-color: white !important;*/
/* center horizontally */
    left: 480px;
/*    right: 0;*/
/* center vertically*/
    position: absolute;
    top:150px;
/* top:250px; */
/*    bottom: 0;*/
    margin: auto;
}
#refer_block .font_man {
   width: 320px;
   color: white;
   background-color:#1a8e56;
   font: 30px arial;
   font-weight:bold;
   margin-top: 10px;
}

@media (max-width:768px) {
    #refer_block {
        color: black;
        font: 26px arial;
        left: 0;
        right: 0;
        top:650px;
        margin-bottom:100px;
    }
}




/*
=========================================================================================
            page/header.php
-----------------------------------------------------------------------------------------
*/
.izin-bg-search {
    background-color:#1a8e56!important
}

/* HIJAU - App.css */
.bg-izin{
    background-color:#23bb71!important
}

.bg-c-green {
    background:linear-gradient(45deg, #93F9B9 ,#1D976C)
}


/*
=========================================================================================
            system/sidebar.php
-----------------------------------------------------------------------------------------
*/

[dir=ltr] .dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.25rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
/*
    background-color: red;
*/
    background-color: transparent;
    border: 0
}

[dir=ltr] .dropdown-item:focus,
[dir=ltr] .dropdown-item:hover {
    color: #384e68;
    text-decoration: none;
    background-color: transparent
}

[dir=ltr] .dropdown-item.active,
[dir=ltr] .dropdown-item:active {
    color: #23bb71;
    text-decoration: none;
    background-color: transparent
}

[dir=ltr] .dropdown-item.disabled,
[dir=ltr] .dropdown-item:disabled {
    color: #6c757d;
    background-color: transparent
}

[dir=ltr] .dropdown-item-text {
    display: block;
    padding: .25rem 1.25rem;
    color: #212529
}

[dir=ltr] .dropdown-menu.navbar-notifications-menu .dropdown-item {
    text-transform: none;
    letter-spacing: normal;
    font-size: .9375rem;
    font-weight: 400;
    color: #112b4a
}

[dir=ltr] .dropdown-menu.navbar-notifications-menu>.dropdown-item {
    background: #f7f8f9;
    border-bottom: 1px solid #efefef
}

[dir=ltr] .dropdown-menu.navbar-notifications-menu .navbar-notifications-menu__content .dropdown-item {
    white-space: normal
}










/*
=========================================================================================
            Grantmenu.php
-----------------------------------------------------------------------------------------
*/




.dropdown-item-sysmn {
left: 29px;
    display:block;
	position: relative;
/*    width:100%;*/
    padding:.25rem 1.25rem;
/*    clear:both;*/
    font-weight:400;
    color:#212529;
/*    text-align:inherit;*/
    white-space:nowrap;
    background-color:transparent;
    border:0;
}


.dropdown-item-sysmn:focus,.dropdown-item-sysmn:hover {
    color:#384e68;
    text-decoration:none;
    background-color:transparent;
}

.dropdown-item-sysmn.active,.dropdown-item-sysmn:active {
    color:#23bb71;
    text-decoration:none;
    background-color:transparent;
}
.dropdown-item-sysmn.disabled,.dropdown-item-sysmn:disabled {
    color:#6c757d;
    background-color:transparent;
}



.dropdown-item-sysmn-icon {
	position: fixed;
	height: 28px;
	width: 28px; 
    padding:7px 7px;
    background-color:transparent;
    border:0;
}

.dropdown-liner {
/*    display:block; */
/* display: inline-block;*/
/*    clear:both;
	position: relative;
    border:0
    /*background-color:red;*/
/*background: #F87;*/
}



/*
-----------------------------------------------------------------------------------------
            End of Grantmenu.php
=========================================================================================
*/

/*
=========================================================================================
            apps_account.css
-----------------------------------------------------------------------------------------
*/

/*
-----------------------------------------------------------------------------------------
            End of apps_account.css
=========================================================================================
*/


/*
=========================================================================================
            MATERIAL ICONS
-----------------------------------------------------------------------------------------


@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */

/*
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
    url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
    url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}
*/

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}


/*
-----------------------------------------------------------------------------------------
            End of MATERIAL ICONS
=========================================================================================
 */


/*left space*/
.wiz_ls-20{
	margin-left: 20px;
}

.wiz_ls-100{
	margin-left: 100px;
}


/*top space*/
.wiz_ts-10{
	margin-top: 10px;
}

.wiz_ts-25{
	margin-top: 25px;
}

.wiz_ts-50{
	margin-top: 50px;
}

.wiz_ts-100{
	margin-top: 100px;
}

.wiz_ts-200{
	margin-top: 200px;
}