/*----------------------------------------------
Author : www.webthemez.com
License: Commons Attribution 3.0
http://creativecommons.org/licenses/by/3.0/
------------------------------------------------*/
:root {
    --primary-color         : #2ab27b;
    --primary-color-rgba    : rgba(2, 6, 89, .1);
    --primary-color-alt     : #2ab27b;
    --secondary-color       : #c2f1f1;
    --secondary-color-rgba  : rgba(242, 222, 162, .6);

    --link-color            : #60686f;
    --nav-drop-color        : #ffffff;
    --nav-active-color      : #efefef;
    --grid-head-color       : #dddddd;
    --grid-head-hover-color : #bdbdbd;
    --grid-text-color       : #000000;
}

/*----------------------------------------------
    COMMON  STYLES    
------------------------------------------------*/
body {
    font-family: 'Roboto', sans-serif;
}

 #wrapper {
    width: 100%;
    background:#1f2125;
}

#page-wrapper {
    /*min-height: 600px;*/
    /*min-height: 84vh;*/
    background:#fff;
    padding: 20px 0;
}
#page-inner {
    margin: auto !important;
    background-color:transparent;
}

.text-center {
    text-align:center;
}
.no-boder {
    border:1px solid #f3f3f3;
}

h1, .h1, h2, .h2, h3, .h3 {
margin-top: 7px;
margin-bottom: -5px;
}
h2 {
    color: #000;
}
h4 {
    padding-top:10px;
}

p {
    font-size:16px;
    line-height:25px;
    padding-top:20px;
}

/*----------------------------------------------
   DASHBOARD STYLES    
------------------------------------------------*/
.page-header {
padding-bottom: 9px;
margin: 10px 0 45px;
border-bottom: 1px solid rgb(26, 36, 24);
}


/*----------------------------------------------
    MENU STYLES    
------------------------------------------------*/


.user-image {
    margin: 25px auto;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
max-height:170px;
max-width:170px;
}

.top-navbar{
margin:0px;
}

.top-navbar .navbar-brand {
    color: #fff;
    text-align: left;
    height: 80px;
    font-size: 25px;
    font-weight: 100;
    line-height: 30px;
    margin-right: 20px;
    margin-left: 20px;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    width: auto;
    padding: 0 !important;
}

.top-navbar .nav > li {
position: relative;
display: inline-block;
}

.top-navbar .nav > li > a {
position: relative;
display: block;
padding: 19px 15px;
color: #fff;
}
.top-navbar .nav > li > a:hover,
.top-navbar .nav > li > a:focus,
.top-navbar .nav > li > a:active,
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover{
text-decoration: none;
background-color: #92C151;
color: #fff !important;
border-bottom: 2px solid #F3DD28 !important;
}

.top-navbar .dropdown-menu{
min-width: 550px;
border-radius: 0 0 4px 4px;
}

.top-navbar .dropdown-messages{
height: 350px;
overflow-y: auto;
}

.top-navbar .dropdown-menu > li > a:hover, .top-navbar .dropdown-menu > li > a:focus{
color: #225081;
background:none;
}

.dropdown-tasks{
width: 255px;
}

.dropdown-tasks .progress {
height: 8px;
margin-bottom: 8px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 0px;
}
.dropdown-tasks > li > a { 
padding: 0px 15px;
}
.dropdown-tasks p {
font-size: 13px;
line-height: 21px;
padding-top: 4px;
}
.active-menu {
    background-color: #92C151!important;
    color: #fff !important;
    border-left: 1px solid #F3DD28;
}

.arrow {
    float: right;
}

.fa.arrow:before {
    content: "\f104";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}


.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
}

.nav-second-level li a {
    padding-left: 30px;
}

.nav-third-level li a {
    padding-left: 55px;
}
.sidebar-collapse , .sidebar-collapse .nav{
	background:none;
}
.sidebar-collapse .nav {
	padding:0;
}
.sidebar-collapse .nav > li > a {
	color: #fff;
	background:transparent;
	text-shadow:none;
	
}
.sidebar-collapse > .nav > li > a {
	padding:15px 10px;
}
.sidebar-collapse > .nav > li {
	border-bottom: 1px solid rgba(107, 108, 109, 0.19);
}
ul.nav.nav-second-level.collapse.in {
background: #172D44;
}
.sidebar-collapse .nav > li > a:hover,
.sidebar-collapse .nav > li > a:focus {
	 
	outline:0;
}
 
.navbar-side {
	border:none;
	background-color: transparent;
	
}
.top-navbar {
	background: var(--primary-color) !important;
    border-bottom:none;	
}
.top-navbar .nav > li > a > i {
margin-right: 2px;
}
.top-navbar .navbar-brand:hover { 
color:#fff;

}
.dropdown-user li {
margin: 8px 0;
}
.navbar-default {
border:0px solid black;
/*height: 8vh !important;*/
height: 80px !important;
}
.navbar-header {
    background: #020659;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #020659;
}
.navbar-default .navbar-toggle {
border-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
background-color: #FFF;
}
.nav > li > a > i {
    margin-right:10px;
}

.nav > li > a > img{
    max-width: none;
    padding-right: 10px;
}

/*----------------------------------------------
    UI ELEMENTS STYLES     
------------------------------------------------*/
.btn-circle {
width: 50px;
height: 50px;
padding: 6px 0;
 -webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
text-align: center;
font-size: 12px;
line-height: 1.428571429;
}

/*----------------------------------------------
    MEDIA QUERIES     
------------------------------------------------*/
 

@media(min-width:1100px) {
body.full-height footer.float{
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    height: 80px;
}
body.full-height #page-wrapper{
    display: grid;
    vertical-align: middle;
    height: calc(100% - 160px);
}
}
@media(min-width:768px) {
    body{
        display: flex;
        min-height: 100vh;
    }
     #page-wrapper{
        margin: auto;
        /*padding: 10px 0 0;*/
        background: #fff !important;
    }
    .navbar-side {
        z-index: 1;
        position: absolute;
        width: 220px;
    }
   .navbar {
     border-radius: 0px; 
    } 
}

@media(max-width:480px) {
    .page-header small {
        display: block;
        padding-top: 14px;
        font-size: 19px;
    }
}

@media(max-width:620px) {
     #page-wrapper{
        padding: 75px 5px !important;
    }
}

















/*UI*/

/*!
 * jQuery UI CSS Framework 1.11.2
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
 */


/* Component containers
----------------------------------*/
.content-jqgrid .ui-widget {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1.1em;
}
.content-jqgrid .ui-widget .ui-widget {
    font-size: 1em;
}
.content-jqgrid .ui-widget input,
.content-jqgrid .ui-widget select,
.content-jqgrid .ui-widget textarea,
.content-jqgrid .ui-widget button {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1em;
}
.content-jqgrid .ui-widget-content {
    border: 1px solid #e4e4e4;
    background-color: #e5ebf2;
    font-size: 14px;
    color: #666666;
}
.content-jqgrid .ui-widget-content a {
    color: #333333;
}
.content-jqgrid .ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}
.content-jqgrid .ui-widget-header a {
    color: #ffffff;
}

/* Interaction states
----------------------------------*/
.content-jqgrid .ui-state-default,
.content-jqgrid .ui-widget-content .ui-state-default,
.content-jqgrid .ui-widget-header .ui-state-default {
    border: 1px solid #e5ebf2;
    color: #fff;
    background: #333333;
    font-size: 16px;
    font-weight: 600;
    height: 36px;
}
.content-jqgrid .ui-state-default a,
.content-jqgrid .ui-state-default a:link,
.content-jqgrid .ui-state-default a:visited {
    color: #1c94c4;
    text-decoration: none;
}

.content-jqgrid .ui-widget-content .table-list .ui-state-hover,
.content-jqgrid .ui-widget-header .ui-state-hover,
.content-jqgrid .ui-state-focus,
.content-jqgrid .ui-widget-content .ui-state-focus,
.content-jqgrid .ui-widget-header .ui-state-focus {
    background: #00b259 !important;
    color: #fff;
}



.content-jqgrid ..ui-state-hover a,
.content-jqgrid .ui-state-hover a:hover,
.content-jqgrid .ui-state-hover a:link,
.content-jqgrid .ui-state-hover a:visited,
.content-jqgrid .ui-state-focus a,
.content-jqgrid .ui-state-focus a:hover,
.content-jqgrid .ui-state-focus a:link,
.content-jqgrid .ui-state-focus a:visited {
    color: #c77405;
    text-decoration: none;
}
.content-jqgrid .ui-state-active,
.content-jqgrid .ui-widget-content .ui-state-active,
.content-jqgrid .ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #eb8f00;
}
.content-jqgrid .ui-state-active a,
.content-jqgrid .ui-state-active a:link,
.content-jqgrid .ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.content-jqgrid .ui-state-highlight,
.content-jqgrid .ui-widget-content .ui-state-highlight,
.content-jqgrid .ui-state-highlight,
.content-jqgrid .ui-widget-content,
.content-jqgrid .ui-widget-header .ui-state-highlight{
    background: #eeeeee ;
    color: #666666;
}
.content-jqgrid .ui-state-highlight a,
.content-jqgrid .ui-widget-content .ui-state-highlight a,
.content-jqgrid .ui-widget-header .ui-state-highlight a {
    color: #363636;
}
.content-jqgrid .ui-state-error,
.content-jqgrid .ui-widget-content .ui-state-error,
.content-jqgrid .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
    color: #ffffff;
}
.content-jqgrid .ui-state-error a,
.content-jqgrid .ui-widget-content .ui-state-error a,
.content-jqgrid .ui-widget-header .ui-state-error a {
    color: #ffffff;
}
.content-jqgrid .ui-state-error-text,
.content-jqgrid .ui-widget-content .ui-state-error-text,
.content-jqgrid .ui-widget-header .ui-state-error-text {
    color: #ffffff;
}
.content-jqgrid .ui-priority-primary,
.content-jqgrid .ui-widget-content .ui-priority-primary,
.content-jqgrid .ui-widget-header .ui-priority-primary {
    font-weight: bold;
}
.content-jqgrid .ui-priority-secondary,
.content-jqgrid .ui-widget-content .ui-priority-secondary,
.content-jqgrid .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter:Alpha(Opacity=70); /* support: IE8 */
    font-weight: normal;
}
.content-jqgrid .ui-state-disabled,
.content-jqgrid .ui-widget-content .ui-state-disabled,
.content-jqgrid .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter:Alpha(Opacity=35); /* support: IE8 */
    background-image: none;
}
.content-jqgrid .ui-state-disabled .ui-icon {
    filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.content-jqgrid .ui-icon {
    width: 16px;
    height: 16px;
}
.content-jqgrid .ui-icon,
.content-jqgrid .ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
}
.content-jqgrid .ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}
.content-jqgrid .ui-state-default .ui-icon {
    background-image: url("images/ui-icons_333333_256x240.png");
}
.content-jqgrid .ui-state-hover .ui-icon,
.content-jqgrid .ui-state-focus .ui-icon {
    background-image: url("images/ui-icons_333333_256x240.png");
}
.content-jqgrid .ui-state-active .ui-icon {
    background-image: url("images/ui-icons_333333_256x240.png");
}
.content-jqgrid .ui-state-highlight .ui-icon {
    background-image: url("images/ui-icons_228ef1_256x240.png");
}
.content-jqgrid .ui-state-error .ui-icon,
.content-jqgrid .ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_ffd27a_256x240.png");
}

/* positioning */
.content-jqgrid .ui-icon-blank { background-position: 16px 16px; }
.content-jqgrid .ui-icon-carat-1-n { background-position: 0 0; }
.content-jqgrid .ui-icon-carat-1-ne { background-position: -16px 0; }
.content-jqgrid .ui-icon-carat-1-e { background-position: -32px 0; }
.content-jqgrid .ui-icon-carat-1-se { background-position: -48px 0; }
.content-jqgrid .ui-icon-carat-1-s { background-position: -64px 0; }
.content-jqgrid .ui-icon-carat-1-sw { background-position: -80px 0; }
.content-jqgrid .ui-icon-carat-1-w { background-position: -96px 0; }
.content-jqgrid .ui-icon-carat-1-nw { background-position: -112px 0; }
.content-jqgrid .ui-icon-carat-2-n-s { background-position: -128px 0; }
.content-jqgrid .ui-icon-carat-2-e-w { background-position: -144px 0; }
.content-jqgrid .ui-icon-triangle-1-n { background-position: 0 -16px; }
.content-jqgrid .ui-icon-triangle-1-ne { background-position: -16px -16px; }
.content-jqgrid .ui-icon-triangle-1-e { background-position: -32px -16px; }
.content-jqgrid .ui-icon-triangle-1-se { background-position: -48px -16px; }
.content-jqgrid .ui-icon-triangle-1-s { background-position: -64px -16px; }
.content-jqgrid .ui-icon-triangle-1-sw { background-position: -80px -16px; }
.content-jqgrid .ui-icon-triangle-1-w { background-position: -96px -16px; }
.content-jqgrid .ui-icon-triangle-1-nw { background-position: -112px -16px; }
.content-jqgrid .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.content-jqgrid .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.content-jqgrid .ui-icon-arrow-1-n { background-position: 0 -32px; }
.content-jqgrid .ui-icon-arrow-1-ne { background-position: -16px -32px; }
.content-jqgrid .ui-icon-arrow-1-e { background-position: -32px -32px; }
.content-jqgrid .ui-icon-arrow-1-se { background-position: -48px -32px; }
.content-jqgrid .ui-icon-arrow-1-s { background-position: -64px -32px; }
.content-jqgrid .ui-icon-arrow-1-sw { background-position: -80px -32px; }
.content-jqgrid .ui-icon-arrow-1-w { background-position: -96px -32px; }
.content-jqgrid .ui-icon-arrow-1-nw { background-position: -112px -32px; }
.content-jqgrid .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.content-jqgrid .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.content-jqgrid .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.content-jqgrid .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.content-jqgrid .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.content-jqgrid .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.content-jqgrid .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.content-jqgrid .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.content-jqgrid .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.content-jqgrid .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.content-jqgrid .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.content-jqgrid .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.content-jqgrid .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.content-jqgrid .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.content-jqgrid .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.content-jqgrid .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.content-jqgrid .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.content-jqgrid .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.content-jqgrid .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.content-jqgrid .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.content-jqgrid .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.content-jqgrid .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.content-jqgrid .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.content-jqgrid .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.content-jqgrid .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.content-jqgrid .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.content-jqgrid .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.content-jqgrid .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.content-jqgrid .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.content-jqgrid .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.content-jqgrid .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.content-jqgrid .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.content-jqgrid .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.content-jqgrid .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.content-jqgrid .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.content-jqgrid .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.content-jqgrid .ui-icon-arrow-4 { background-position: 0 -80px; }
.content-jqgrid .ui-icon-arrow-4-diag { background-position: -16px -80px; }
.content-jqgrid .ui-icon-extlink { background-position: -32px -80px; }
.content-jqgrid .ui-icon-newwin { background-position: -48px -80px; }
.content-jqgrid .ui-icon-refresh { background-position: -64px -80px; }
.content-jqgrid .ui-icon-shuffle { background-position: -80px -80px; }
.content-jqgrid .ui-icon-transfer-e-w { background-position: -96px -80px; }
.content-jqgrid .ui-icon-transferthick-e-w { background-position: -112px -80px; }
.content-jqgrid .ui-icon-folder-collapsed { background-position: 0 -96px; }
.content-jqgrid .ui-icon-folder-open { background-position: -16px -96px; }
.content-jqgrid .ui-icon-document { background-position: -32px -96px; }
.content-jqgrid .ui-icon-document-b { background-position: -48px -96px; }
.content-jqgrid .ui-icon-note { background-position: -64px -96px; }
.content-jqgrid .ui-icon-mail-closed { background-position: -80px -96px; }
.content-jqgrid .ui-icon-mail-open { background-position: -96px -96px; }
.content-jqgrid .ui-icon-suitcase { background-position: -112px -96px; }
.content-jqgrid .ui-icon-comment { background-position: -128px -96px; }
.content-jqgrid .ui-icon-person { background-position: -144px -96px; }
.content-jqgrid .ui-icon-print { background-position: -160px -96px; }
.content-jqgrid .ui-icon-trash { background-position: -176px -96px; }
.content-jqgrid .ui-icon-locked { background-position: -192px -96px; }
.content-jqgrid .ui-icon-unlocked { background-position: -208px -96px; }
.content-jqgrid .ui-icon-bookmark { background-position: -224px -96px; }
.content-jqgrid .ui-icon-tag { background-position: -240px -96px; }
.content-jqgrid .ui-icon-home { background-position: 0 -112px; }
.content-jqgrid .ui-icon-flag { background-position: -16px -112px; }
.content-jqgrid .ui-icon-calendar { background-position: -32px -112px; }
.content-jqgrid .ui-icon-cart { background-position: -48px -112px; }
.content-jqgrid .ui-icon-pencil { background-position: -64px -112px; }
.content-jqgrid .ui-icon-clock { background-position: -80px -112px; }
.content-jqgrid .ui-icon-disk { background-position: -96px -112px; }
.content-jqgrid .ui-icon-calculator { background-position: -112px -112px; }
.content-jqgrid .ui-icon-zoomin { background-position: -128px -112px; }
.content-jqgrid .ui-icon-zoomout { background-position: -144px -112px; }
.content-jqgrid .ui-icon-search { background-position: -160px -112px; }
.content-jqgrid .ui-icon-wrench { background-position: -176px -112px; }
.content-jqgrid .ui-icon-gear { background-position: -192px -112px; }
.content-jqgrid .ui-icon-heart { background-position: -208px -112px; }
.content-jqgrid .ui-icon-star { background-position: -224px -112px; }
.content-jqgrid .ui-icon-link { background-position: -240px -112px; }
.content-jqgrid .ui-icon-cancel { background-position: 0 -128px; }
.content-jqgrid .ui-icon-plus { background-position: -16px -128px; }
.content-jqgrid .ui-icon-plusthick { background-position: -32px -128px; }
.content-jqgrid .ui-icon-minus { background-position: -48px -128px; }
.content-jqgrid .ui-icon-minusthick { background-position: -64px -128px; }
.content-jqgrid .ui-icon-close { background-position: -80px -128px; }
.content-jqgrid .ui-icon-closethick { background-position: -96px -128px; }
.content-jqgrid .ui-icon-key { background-position: -112px -128px; }
.content-jqgrid .ui-icon-lightbulb { background-position: -128px -128px; }
.content-jqgrid .ui-icon-scissors { background-position: -144px -128px; }
.content-jqgrid .ui-icon-clipboard { background-position: -160px -128px; }
.content-jqgrid .ui-icon-copy { background-position: -176px -128px; }
.content-jqgrid .ui-icon-contact { background-position: -192px -128px; }
.content-jqgrid .ui-icon-image { background-position: -208px -128px; }
.content-jqgrid .ui-icon-video { background-position: -224px -128px; }
.content-jqgrid .ui-icon-script { background-position: -240px -128px; }
.content-jqgrid .ui-icon-alert { background-position: 0 -144px; }
.content-jqgrid .ui-icon-info { background-position: -16px -144px; }
.content-jqgrid .ui-icon-notice { background-position: -32px -144px; }
.content-jqgrid .ui-icon-help { background-position: -48px -144px; }
.content-jqgrid .ui-icon-check { background-position: -64px -144px; }
.content-jqgrid .ui-icon-bullet { background-position: -80px -144px; }
.content-jqgrid .ui-icon-radio-on { background-position: -96px -144px; }
.content-jqgrid .ui-icon-radio-off { background-position: -112px -144px; }
.content-jqgrid .ui-icon-pin-w { background-position: -128px -144px; }
.content-jqgrid .ui-icon-pin-s { background-position: -144px -144px; }
.content-jqgrid .ui-icon-play { background-position: 0 -160px; }
.content-jqgrid .ui-icon-pause { background-position: -16px -160px; }
.content-jqgrid .ui-icon-seek-next { background-position: -32px -160px; }
.content-jqgrid .ui-icon-seek-prev { background-position: -48px -160px; }
.content-jqgrid .ui-icon-seek-end { background-position: -64px -160px; }
.content-jqgrid .ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.content-jqgrid .ui-icon-seek-first { background-position: -80px -160px; }
.content-jqgrid .ui-icon-stop { background-position: -96px -160px; }
.content-jqgrid .ui-icon-eject { background-position: -112px -160px; }
.content-jqgrid .ui-icon-volume-off { background-position: -128px -160px; }
.content-jqgrid .ui-icon-volume-on { background-position: -144px -160px; }
.content-jqgrid .ui-icon-power { background-position: 0 -176px; }
.content-jqgrid .ui-icon-signal-diag { background-position: -16px -176px; }
.content-jqgrid .ui-icon-signal { background-position: -32px -176px; }
.content-jqgrid .ui-icon-battery-0 { background-position: -48px -176px; }
.content-jqgrid .ui-icon-battery-1 { background-position: -64px -176px; }
.content-jqgrid .ui-icon-battery-2 { background-position: -80px -176px; }
.content-jqgrid .ui-icon-battery-3 { background-position: -96px -176px; }
.content-jqgrid .ui-icon-circle-plus { background-position: 0 -192px; }
.content-jqgrid .ui-icon-circle-minus { background-position: -16px -192px; }
.content-jqgrid .ui-icon-circle-close { background-position: -32px -192px; }
.content-jqgrid .ui-icon-circle-triangle-e { background-position: -48px -192px; }
.content-jqgrid .ui-icon-circle-triangle-s { background-position: -64px -192px; }
.content-jqgrid .ui-icon-circle-triangle-w { background-position: -80px -192px; }
.content-jqgrid .ui-icon-circle-triangle-n { background-position: -96px -192px; }
.content-jqgrid .ui-icon-circle-arrow-e { background-position: -112px -192px; }
.content-jqgrid .ui-icon-circle-arrow-s { background-position: -128px -192px; }
.content-jqgrid .ui-icon-circle-arrow-w { background-position: -144px -192px; }
.content-jqgrid .ui-icon-circle-arrow-n { background-position: -160px -192px; }
.content-jqgrid .ui-icon-circle-zoomin { background-position: -176px -192px; }
.content-jqgrid .ui-icon-circle-zoomout { background-position: -192px -192px; }
.content-jqgrid .ui-icon-circle-check { background-position: -208px -192px; }
.content-jqgrid .ui-icon-circlesmall-plus { background-position: 0 -208px; }
.content-jqgrid .ui-icon-circlesmall-minus { background-position: -16px -208px; }
.content-jqgrid .ui-icon-circlesmall-close { background-position: -32px -208px; }
.content-jqgrid .ui-icon-squaresmall-plus { background-position: -48px -208px; }
.content-jqgrid .ui-icon-squaresmall-minus { background-position: -64px -208px; }
.content-jqgrid .ui-icon-squaresmall-close { background-position: -80px -208px; }
.content-jqgrid .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.content-jqgrid .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.content-jqgrid .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.content-jqgrid .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.content-jqgrid .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.content-jqgrid .ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.content-jqgrid .ui-corner-all{
    border: 0;
}
.content-jqgrid .ui-corner-all,
.content-jqgrid .ui-corner-top,
.content-jqgrid .ui-corner-left,
.content-jqgrid .ui-corner-tl {
    border-top-left-radius: 0px;
}
.content-jqgrid .ui-corner-all,
.content-jqgrid .ui-corner-top,
.content-jqgrid .ui-corner-right,
.content-jqgrid .ui-corner-tr {
    border-top-right-radius: 0px;
}
.content-jqgrid .ui-corner-all,
.content-jqgrid .ui-corner-bottom,
.content-jqgrid .ui-corner-left,
.content-jqgrid .ui-corner-bl {
    border-bottom-left-radius: 0px;
}
.content-jqgrid .ui-corner-all,
.content-jqgrid .ui-corner-bottom,
.content-jqgrid .ui-corner-right,
.content-jqgrid .ui-corner-br {
    border-bottom-right-radius: 0px;
}

/* Overlays */
.content-jqgrid .ui-widget-overlay {
    background: #666666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
    opacity: .5;
    filter: Alpha(Opacity=50); /* support: IE8 */
}
.content-jqgrid .ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
    opacity: .2;
    filter: Alpha(Opacity=20); /* support: IE8 */
    border-radius: 5px;
}

/******************************************
  GRILLA - JQGRID
******************************************/
.content-jqgrid .ui-jqgrid .ui-grid-ico-sort{
    display: none
}
.content-jqgrid .ui-jqgrid tr.jqgrow{
    height: 30px
}
.content-jqgrid .ui-jqgrid tr.jqgrow{
    background: #fff;
    color: #666666;
}
.content-jqgrid .ui-jqgrid tr.ui-row-ltr td{
    padding-left: 2px;
    padding-right: 8px;
}
.content-jqgrid .ui-jqgrid .ui-jqgrid-htable th div{
    text-align: left;
    padding-left: 5px;
    height: auto;
}
.content-jqgrid .ui-widget-content .ui-state-default.ui-jqgrid-pager{
    background: #f2f2f2;
    color: #333333;
    font-size: 12px;
    margin-top: 15px !important;
}
.content-jqgrid .ui-state-default{
    font-size: 14px !important;
    font-weight: 400 !important;
    height: 25px !important;
}
.content-jqgrid .ui-jqgrid .ui-pg-button:hover{
    padding: 1px
 }
.ui-jqgrid .ui-jqgrid-view input,
.ui-jqgrid .ui-jqgrid-view select{
    font-size: 14px !important;
    padding: 2px;
    color: #666;
}
.ui-jqgrid .ui-jqgrid-view select{
    width: 100%;
}

.ui-jqgrid .ui-jqgrid-hdiv{
    overflow: hidden !important;
}


.content-jqgrid .ui-widget input{
    height: 20px;
}
.ui-jqgrid .ui-jqgrid-bdiv{
    overflow-x: hidden;
    background-color: #F2F2F2;
}

#main-menu i{
    font-size: 25px;
    vertical-align: middle;
}

/* Header */
.navbar-default .navbar-toggle{
    bottom: -5px;
}
/* /Header */

/* Tables */
.content-jqgrid{
    overflow-x: auto;
}

.content-jqgrid .ui-state-default, .content-jqgrid .ui-widget-content .ui-state-default, .content-jqgrid .ui-widget-header .ui-state-default{
    color:#ffffff;;
    background: #020659;
    border-right: 1px solid #fff;
    height: 40px !important;
    font-size: 15px !important;
}

.content-jqgrid .ui-state-highlight, .content-jqgrid .ui-widget-content .ui-state-highlight, .content-jqgrid .ui-state-highlight, .content-jqgrid .ui-widget-content .ui-state-hover, .content-jqgrid .ui-widget-header .ui-state-highlight{
    background: #020659;
    color: #ffffff;
}

i.fa.fa-pencil,
i.fa.fa-trash-o{
    background-color: white;
    padding: 5px;
    border-radius: 25%;
}
/* /Tables */


@media screen and (max-width: 768px){
    /* Header */
    .top-navbar .dropdown-menu{
        min-width: auto;
    }
    /* /Header */
}


/*STYLES CHANGES - LOGO*/
#wrapper {
    /*background: #020659!important;*/
}
.navbar-header {
    background: none;
    display: table;
    height: 80px;
    width: 100%;
}

.fa-fw {
    width: 1.985714em;
    text-align: center;
}

.sidebar-collapse .nav > li > a:hover {
    color: #fff !important;
    background: #92C151 !important;
}

.sidebar-collapse > .nav > li:hover {
    /*border-left: 3px solid #F3DD28 !important;*/
}

.btn-lg {
    color: #fff;
    background-color: #581F15;
    border-color: #581F15;
}

.btn-lg:hover, .btn-lg:focus,
.btn-lg:active, .btn-lg:active:hover{
    color: #fff;
    background-color: #983624 !important;
    border-color: #581F15 !important;
}
/*
li > .nav-second-level > li > a > i,
li > .nav-second-level > li > a > img{
    transition: all 600ms;
    -webkit-transition: all 600ms;
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
}

li ul li a.active-menu {
    text-align: center;
    transition: all 800ms;
    -webkit-transition: all 800ms;
}

li ul li a.active-menu img{
    -webkit-transform: translateX(60px) !important;
    transform: translateX(60px) !important;
}

li ul li a.active-menu i,
li ul li a.active-menu img{
    transition: all 800ms;
    -webkit-transition: all 800ms;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    display: block;
    font-size: 24px !important;    
}*/

li ul li a i{
    font-size: 24px;
}

li ul li a.active-menu i{
    color: #fff;
}

ul.nav.nav-second-level.collapse.in {
    background: #020659!important;
}

li > .nav-second-level > li > a {
    color: #fff !important;
}


.content-jqgrid tr.ui-widget-content.ui-state-hover{
    background-color: rgb(146, 193, 81) !important;
    color: #fff !important;
    border-bottom: 1px solid #F3DD28 !important;
}
.jqgrid-rownum {
    background: #fff !important;
    color: #555555 !important;
}

.ui-jqgrid tr.ui-row-ltr td {
    border-right-style: none !important;
}

li.no-read{
    background-color: aliceblue;
}
/*Button customize*/
.btn-green{
    background: var(--primary-color);
    border: 0;
    color: #fff;
    font-size: 16px;
    width: 100%;
    padding: 9px 0 8px;
    display: inline-block;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    -webkit-box-shadow: 0px 3px 0px #106e3f;
    -moz-box-shadow: 0px 3px 0px #106e3f;
    -o-box-shadow: 0px 3px 0px #106e3f;
    box-shadow: 0px 3px 0px #106e3f;
}
.btn-search,.btn-clean {
    position: relative;
    margin-top: 5px;
    padding: 4px 0 5px !important;
    width: 50px !important;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 6px !important;
}
.btn-search{
    background-image: url('../img/search.png') !important;
}
.btn-clean{
    background-image: url('../img/icons/clean-data.png');
}
.no-outline{
  outline: none !important;
  border: 1px solid #ccc !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
/*Modal customize*/
.modal-customize{
    width: 100%;
    margin: 0;
    display: block;
    /*box-shadow: 1px 1px 7px 2px rgba(0,0,0,0.5);
    padding: 10px;*/
}
.modal-customize .card-header{
    background-color: #f7f7f9;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.modal-customize .modal-header{
    
}
.modal-customize .modal-header h5{
    font-weight: bold;
}

@media (min-width: 992px){
    .modal-xl {
        width: 1140px;
    }
}


.row{
    margin-bottom: 0;
}
footer{
    min-height: 8vh;
    padding: 10px 0;
    background-color: #1f2125;
    text-align: left;
}
footer .col.s12{
    float: none;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
footer ul.footer-nav{
    margin: 0;
}
footer .logo{
    margin: 0 !important;
}
footer .row .col.s12:first-child{
    margin-right: -4px;
}

footer .footer-nav li{
    display: inline-block;
    margin-right: 16px;
}
footer .footer-nav li a{
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    letter-spacing: 0.2em;
    font-size: 12px;
}

footer .text{
    margin: 0;
    padding: 0;
    color: #888e9b;
}

footer .logo{
    text-align: center;
    margin-top: 20px;
}

@media only screen and (max-width: 601px){
    .navbar-default{
        height: 80px !important;
    }

    footer .footer-nav,footer .text{
        text-align: center;
    }

    .top-navbar .navbar-brand{
        text-align: center;
    }

}


.input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){
    border-bottom: 1px solid none;
    -webkit-box-shadow: 0 1px 0 0 none;
    box-shadow: 0 1px 0 0 none;
}

.input-field .prefix.active{
    color: none;
}

input:not([type]):focus:not([readonly])+label, input[type=text]:not(.browser-default):focus:not([readonly])+label, input[type=password]:not(.browser-default):focus:not([readonly])+label, input[type=email]:not(.browser-default):focus:not([readonly])+label, input[type=url]:not(.browser-default):focus:not([readonly])+label, input[type=time]:not(.browser-default):focus:not([readonly])+label, input[type=date]:not(.browser-default):focus:not([readonly])+label, input[type=datetime]:not(.browser-default):focus:not([readonly])+label, input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, input[type=tel]:not(.browser-default):focus:not([readonly])+label, input[type=number]:not(.browser-default):focus:not([readonly])+label, input[type=search]:not(.browser-default):focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label{
    color: none;
}

.btnCustom{
    background-color : #88D94E !important;
}

.btnCustom:hover,.btnCustom:focus{
    background-color:#304f79; 
}

/* ---- CUSTOM ---- */

.titlecn{
  text-align: center;
  margin-bottom: 20px;
  font-family: 'Roboto', sans-serif;
}

h1.titlecn{
  font-weight: 200;
  font-size: 3.2em;
}

h2.titlecn{
  font-size: 2em;
  font-weight: 300;
}

h3.titlecn{
  font-size: 1em;
  font-weight: 300;
}

td, th{
    padding: 5px 5px;
}

.btn-floating{
    background-color: var(--primary-color) !important;
}

.btn:hover {
  background-color : var(--primary-color-alt);
}