/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 03 2, 17, 9:41:35 PM
    Author     : User
*/

.body{
    margin: 0px;
    padding: 0px;
    font-family:Futura,Trebuchet MS,Arial,sans-serif;;
}
.mainb{
   padding: 0px 10px; 
   float: right;
   font-size: 30px;
   visibility: visible;
}
.mainb i{
  color: #ffff;
}
.mainb:hover{
  background-color: rgba(46,46,46,9);
}

.logo {
    font-family:  Geneva,Tahoma,Verdana,sans-serif;
    float: left;
    margin-top: 4px;
    margin-left: 10px;
    font-weight: bold;
}
.mainb{
    margin-right: 2px;
    color: #333;
}

.logo a{
    text-decoration: none;
    font-size: 1.6em;
    color: #fff;
}
.logo a span{
    font-weight: bold;
}


* {
    box-sizing: border-box;
}
.main-header{
    position: absolute;
    width: 100%;
    height: 44px;
  /*  background: #3c763d;*/
    color: #fff;
    z-index: 4;

}

.gradient_s{
background: rgba(46,46,46,0.73);
/*background: -moz-linear-gradient(-45deg, rgba(46,46,46,0.73) 0%, rgba(54,54,54,0.76) 12%, rgba(61,61,61,0.8) 25%, rgba(41,41,41,0.84) 39%, rgba(26,26,26,0.87) 50%, rgba(0,0,0,0.87) 51%, rgba(10,10,10,0.89) 60%, rgba(26,26,26,0.94) 76%, rgba(18,18,18,0.98) 91%, rgba(10,10,10,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(46,46,46,0.73)), color-stop(12%, rgba(54,54,54,0.76)), color-stop(25%, rgba(61,61,61,0.8)), color-stop(39%, rgba(41,41,41,0.84)), color-stop(50%, rgba(26,26,26,0.87)), color-stop(51%, rgba(0,0,0,0.87)), color-stop(60%, rgba(10,10,10,0.89)), color-stop(76%, rgba(26,26,26,0.94)), color-stop(91%, rgba(18,18,18,0.98)), color-stop(100%, rgba(10,10,10,1)));
background: -webkit-linear-gradient(-45deg, rgba(46,46,46,0.73) 0%, rgba(54,54,54,0.76) 12%, rgba(61,61,61,0.8) 25%, rgba(41,41,41,0.84) 39%, rgba(26,26,26,0.87) 50%, rgba(0,0,0,0.87) 51%, rgba(10,10,10,0.89) 60%, rgba(26,26,26,0.94) 76%, rgba(18,18,18,0.98) 91%, rgba(10,10,10,1) 100%);
background: -o-linear-gradient(-45deg, rgba(46,46,46,0.73) 0%, rgba(54,54,54,0.76) 12%, rgba(61,61,61,0.8) 25%, rgba(41,41,41,0.84) 39%, rgba(26,26,26,0.87) 50%, rgba(0,0,0,0.87) 51%, rgba(10,10,10,0.89) 60%, rgba(26,26,26,0.94) 76%, rgba(18,18,18,0.98) 91%, rgba(10,10,10,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(46,46,46,0.73) 0%, rgba(54,54,54,0.76) 12%, rgba(61,61,61,0.8) 25%, rgba(41,41,41,0.84) 39%, rgba(26,26,26,0.87) 50%, rgba(0,0,0,0.87) 51%, rgba(10,10,10,0.89) 60%, rgba(26,26,26,0.94) 76%, rgba(18,18,18,0.98) 91%, rgba(10,10,10,1) 100%);
background: linear-gradient(135deg, rgba(46,46,46,0.73) 0%, rgba(54,54,54,0.76) 12%, rgba(61,61,61,0.8) 25%, rgba(41,41,41,0.84) 39%, rgba(26,26,26,0.87) 50%, rgba(0,0,0,0.87) 51%, rgba(10,10,10,0.89) 60%, rgba(26,26,26,0.94) 76%, rgba(18,18,18,0.98) 91%, rgba(10,10,10,1) 100%);
*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2e2e', endColorstr='#0a0a0a', GradientType=1 );
}

.sidebar-nav{
    position: absolute;
    width: 100%;
    background: rgba(46,46,46,3);
   /* background-color: #398439;*/
    height: 100vh;
    z-index: 3;
    padding-top: 44px;
}
.sidebar-nav.gwa{
    display: block;
}
.sidebar-nav.tago{
    display:none;
}

.sidebar-nav ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.sidebar-nav ul li {
    padding: 10px 10px;
    border-bottom: 1px solid #333;
}
.sidebar-nav ul li a {
    text-decoration: none;
    color: #fff;  
    margin:0px;
    display: block;
}

.sidebar-nav ul li a:hover {
   color: #333; 
   font-weight: bold;
}

.sidebar-nav ul li a:hover i{
   color: #333; 
   font-weight: bold;
}
.sidebar-nav ul li a:hover b{
   color: #333; 
   font-weight: bold;
}

.sidebar-nav ul li a:focus {
   color: #333; 
   font-weight: bold;
}

.sidebar-nav ul li a:focus i{
   color: #333; 
   font-weight: bold;
}
.sidebar-nav ul li a:focus b{
   color: #333; 
   font-weight: bold;
}



.sidebar-nav ul li a i {
    color: #f2f2f2;    
}
li.sidebar-nav{
   position: relative; 
}
ul.dropdown-menu {
   position:inherit;
   background-color: #333;
   color:#fff;
   top: 10px;
   Left: 0px;
   width: 100%; 
   padding: 0px;
   padding-bottom: 10px;
   margin: 0px;
   margin-bottom: 20px;
}

ul.dropdown-menu li {
    padding: 10px 10px;
    border-bottom: 1px solid #333;
}


.page-contents-wrapper{
    padding-top: 44px;
    max-height: 100vh;
    overflow-y: auto;
    overflow-style: scrollbar;
    overflow-x: hidden;
}
.page-contents-wrapper h1 {
	font-family: Andale Mono,AndaleMono,monospace;
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.4px;
}
.page-contents-wrapper h3 {
	font-family: Andale Mono,AndaleMono,monospace;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 15.4px;
}
.page-contents-wrapper p {
	font-family: Andale Mono,AndaleMono,monospace;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
}
.page-contents-wrapper blockquote {
	font-family: Andale Mono,AndaleMono,monospace;
	font-size: 21px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 30px;
}
.page-contents-wrapper pre {
	font-family: Andale Mono,AndaleMono,monospace;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 18.5667px;
}
.footer{
    	font-family: Ventura;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
}
.footer a{
        text-decoration: none;
}

.panel-dashboard{
    border-color: rgba(46,46,46,3);

}

.panel a {
  text-decoration: none;
}

.panel a:hover {
  color:#1d8348;
}

.panel-dashboard .panel-heading{
    background-color: #333;
    color:#fcf3cf ;
 /* background: rgba(77,119,135,1);
   color:#fff;
/*  font-family:Impact,Haettenschweiler,Franklin Gothic Bold,Charcoal,Helvetica Inserat,Bitstream Vera Sans Bold,Arial Black,sans serif;*/
  background: #1f618d;
  font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
  font-weight:lighter;
  font-size: 20px;
}
@media screen {	

.sm-shadow {
 -webkit-box-shadow: 10px 10px 66px -31px rgba(0,0,0,0.75);
 -moz-box-shadow: 10px 10px 66px -31px rgba(0,0,0,0.75);
 box-shadow: 10px 10px 66px -31px rgba(0,0,0,0.75);
}
.xs-shadow{
  -webkit-box-shadow: -1px 4px 4px 3px rgba(0,0,0,0.14);
-moz-box-shadow: -1px 4px 4px 3px rgba(0,0,0,0.14);
box-shadow: -1px 4px 4px 3px rgba(0,0,0,0.14);
}
.md-shadow{
   -webkit-box-shadow: 10px 10px 42px -26px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 42px -26px rgba(0,0,0,0.75);
box-shadow: 10px 10px 42px -26px rgba(0,0,0,0.75);

}
}

   .dropdown b{
       color: #f2f2f2;
       float: right;
       margin-top: 3px;
       margin-left: 80px; 
       display: block;
   }
   
div.icon-bar {
    margin: 20px;
    padding: 20px;
    width: 50%; /* Full-width */
    overflow: auto; /* Overflow due to float */
}

.icon-bar a {
    margin: 20px;
    padding: 20px;
    background-color: #555;
    float: left; /* Float links side by side */
    text-align: center; /* Center-align text */
    width: 20%; /* Equal width (5 icons with 20% width each = 100%)*/
    padding: 12px 0;  /* Some top and bottom padding */
    transition: all 0.3s ease; /* Add transition for hover effects */
    color: white; /* White text color */
    font-size: 36px; /* Increased font size */
    text-decoration: none;
}
.icon-bar a span{
    display: block;
    font-size: 16px;
}

.icon-bar a:hover {
    background: rgba(77,119,135,1);
    color: #fff;
}

.table-striped td{
    font-family: monospace;
    font-size: 12px;
}
.table-striped a{
  text-decoration: none;
}
.table-striped td i {
    font-size: 20px;
}
.fmessage{
  margin-top: -20px;
  margin-bottom: 5px;

}
.fmessage p{
  margin:0px;
  padding: 3px;
  font-family:Tahoma;
  font-size: 12px;
  width: 100%;
  color: #fff;    
}   
.fmessage .ferror {
   background-color: #a94442;
   border:1px solid #c7254e; 
}   
.ferror i{
   font-size: 16px; 
   color:#F1C40F;
   padding:0px 5px; 
}
.fmessage .fsuccess {
   background-color: #27AE60;
   border:1px solid #2b542c; 
   color: #fff;    
}   
.fsuccess i {
   font-size: 16px;
   color: #F1C40F;
   padding:0px 5px; 
}

.table th {
    font-family: Tahoma,Arial;
    font-size: 11px;
    font-weight: bolder;
} 
.table td {
    font-family: Tahoma,Arial;
    font-size: 3mm;
} 

.dataTables_wrapper .dataTables_filter{
    float:left;    
}
.dataTables_wrapper .dataTables_filter input{
    width:100%;
}
.tpat {
    overflow-x: scroll;
    max-height: 380px;
    min-height: 30px;
}

@media print {
 body {
 	font-family: Tahoma,Arial;
 	font-size: 10px;
 }	
 .noprint {
 	display: none;
 }
 .dataTables_length{
 	display:none;
 }
 .dataTables_filter{
 	display:none;
 }
 .dataTables_paginate{
 	display:none;	
 }
 .table{
 	width:300px;
 	border: 1px solid #333;
 }	
.table th{
 	font-family: Tahoma,Arial;
 	font-size: 10px;
 }	
.table td{
 	font-family: Tahoma,Arial;
 	font-size: 10px;
 }	

 .panel{
 	width: 100%;
 	border: 1px solid #333;
 }	
 #guarantee{
 	width: 100%;
 	font-family: Tahoma,Arial;
 	font-size: 10px;	
 }
 #guarantee thead{
 	width: 100%;
 }
 #guarantee tbody{
 	width: 100%;
 }
 
}


@media screen and (min-width: 600px){
    .sidebar-nav{
        width: 85px;
       height: 100vh;
    }

    .sidebar-nav.gwa{
         display: block;
    }
    .sidebar-nav.tago{
        display:block;
    }

    .sidebar-nav ul li{
        text-align: center;
    }
    .sidebar-nav ul li span:nth-child(2){
        display: none;
    }
    .sidebar-nav ul li a i {
        font-size: 30px;
    }
    .page-contents-wrapper{
        margin-left: 85px;
    }

    .mainb{
        display: none;
    }
   
    ul.dropdown-menu{
      
       position:absolute;
       top: 0px;
       width: 200px;
       left: 85px;
       margin-left: -1px;
   }  
   .dropdown b{
       color: #f2f2f2;
       float: right;
       display: none;
       margin-top: 10px;
       margin-left: 10px;
       position:absolute;
       
   }

   
}

@media screen and (min-width: 1000px){
    .sidebar-nav{
        width: 200px;
        
    }
    
    .sidebar-nav.gwa{
        display: block;
    }
    
    .sidebar-nav.tago{
       display: block;
    }

    .sidebar-nav ul li{
        text-align:left;
    }
    .sidebar-nav ul li span:nth-child(2){
        display: inline;
    }
    .sidebar-nav ul li a i {
        font-size: 16px;
    }
    .page-contents-wrapper{
        margin-left: 200px;
    }
    
    .mainb{
        display: none;
    }
    ul.dropdown-menu{
      position:absolute;
       top: 0px;
       width: 200px;
       left: 200px;
       margin-left: -1px;
   }
   
   .dropdown b{
       top:3px;
       color: #f2f2f2;
       right: 1px;
       float: right;
       display:inline;
   }
   .input-group label {
    border-color:#1d8348; 
     background: #1d8348;
     color: #FFF;
     font-weight: bold;
   }

   .modal-header {
      border-radius: 5px 5px 0px 0px ; 
     background: #1d8348;
     color: #FFF;
   }
}