@charset "utf-8";
@import url(http://weloveiconfonts.com/api/?family=fontawesome);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic-ext);
@import url(wildcat-grid.css);
@import url(wildcat-menu.css);
/* fontawesome */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}
html{
    font: normal 16px / 20px "PT Sans Narrow", tahoma;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    color: #66757f;                
}
.bo {
	border:1px solid red;
        
}
body{
    margin:0px;
    padding: 0px;
    background-color: #fbf3ea;
}
a {
    text-decoration:none;
    color:#000000;
}
a:hover {
    text-decoration:underline;
}
h1, h2, h3, h4 {	
    font-size: 100%;
    text-transform:uppercase;
    font-weight:normal;
    color:#333333;
}
img{
    max-width: 100%;
}
input[type=button],
input[type=submit],
select,
textarea{
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    font: normal 16px / 16px "PT Sans Narrow", tahoma;
}
select {
    margin: 0px; 
    background: url(../images/select-arrow.png) no-repeat right center;   
    background-color: #ffffff;
    padding: 5px 30px 5px 10px; /* If you add too much padding here, the options won't show in IE */
    border: 1px solid #e5e3e0;    
    font-weight: normal;
    color: #66757f !important;       
}

/* MENU BAR BEGIN */
.header {
    background-color:#FFFFFF;
    height: 72px;
}
.header .menu {    
    padding: 0px;    
}
.header .logo{
    float: left;   
    padding:20px 0px 0px 10px;    
}
/* MENU BAR END */

/*DASHBOARD BEGIN*/
.dashboard{

}
.dashboard .sambar1,
.dashboard .sambar2,
.dashboard .sambar3,
.dashboard .sambar4,
.dashboard .sambar5{        
    margin: 0px 4px;
    text-align: center;    
    margin-top: 10px;
}
.dashboard .sambar1{ 
    background-color: #8dc63f;
}
.dashboard .sambar2{    
   
    background-color: #ffba13;
}
.dashboard .sambar3{   
    background-color: #f6506f;
}
.dashboard .sambar4{   
    background-color: #57a2e2;
}
.dashboard .sambar5{   
    background-color: #f97a1d;
}
.dashboard .sambar1 .total,
.dashboard .sambar1 .head,
.dashboard .sambar2 .total,
.dashboard .sambar2 .head,
.dashboard .sambar3 .total,
.dashboard .sambar3 .head,
.dashboard .sambar4 .total,
.dashboard .sambar4 .head,
.dashboard .sambar5 .total,
.dashboard .sambar5 .head{     
    margin: 0px;    
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    padding: 16px 0px;
}
.dashboard .sambar1 .total,
.dashboard .sambar1 .head{ 
    background-color: #6bab13;    
}
.dashboard .sambar2 .total,
.dashboard .sambar2 .head{ 
    background-color: #e9a603;    
}
.dashboard .sambar3 .total,
.dashboard .sambar3 .head{ 
    background-color: #dc3f5c;    
}
.dashboard .sambar4 .total,
.dashboard .sambar4 .head{ 
    background-color: #3b87c7;    
}
.dashboard .sambar5 .total,
.dashboard .sambar5 .head{ 
    background-color: #d6610c;    
}
.dashboard .sambar1 .total,
.dashboard .sambar2 .total,
.dashboard .sambar3 .total,
.dashboard .sambar4 .total,
.dashboard .sambar5 .total{ 
/*    font-size: 30px;    */
    font-family: 'Open Sans', sans-serif;    
}
.dashboard .sambar1 .total{ 
    border-top: 1px solid #8fc058;
}
.dashboard .sambar2 .total{ 
    border-top: 1px solid #f6c345;
}
.dashboard .sambar3 .total{ 
    border-top: 1px solid #ee738a;
}
.dashboard .sambar4 .total{ 
    border-top: 1px solid #74adde;
}
.dashboard .sambar5 .total{ 
    border-top: 1px solid #ec904c;
}

.dashboard .schedule1,
.dashboard .schedule2,
.dashboard .schedule3{    
    margin: 0px 4px;
    margin-top: 26px;
}
.dashboard .schedule1 .head,
.dashboard .schedule2 .head,
.dashboard .schedule3 .head{    
    text-transform: uppercase;   
    font-weight: bold;
    
}
.dashboard .schedule1 .head{
    color: #f6506f;
}
.dashboard .schedule2 .head{
    color: #57a2e2;
}
.dashboard .schedule3 .head{
    color: #808080;
}
.dashboard .schedule1 .content,
.dashboard .schedule2 .content,
.dashboard .schedule3 .content{
    margin-top: 10px;
/*    background-image: url('../images/chart-back.jpg');
    background-repeat: repeat-x;*/
    border-top: 1px solid #b1b0af;
}
.dashboard .schedule1 .content .date,
.dashboard .schedule2 .content .date,
.dashboard .schedule3 .content .date{
    font-style: italic;
    text-align: center;
}
.dashboard .schedule3 .content h2{
    text-align: left;
    text-transform: none;
    font-weight: bold;
}

.dashboard .event-today,
.dashboard .event-tomorrow{    
    padding: 8px;
    padding-left: 10px;    
    color: #FFFFFF;
    margin-top: 5px;    
}
.dashboard .event-today{   
    background-color: #f7464a;    
    border-left: 10px solid #d30b0f;    
}
.dashboard .event-tomorrow{   
    background-color: #848f99;    
    border-left: 10px solid #4f565d;    
    height: 100%;
}
.dashboard a{    
    color: #000;
}

/*DASHBOARD END*/

/*ACCOUNT BEGIN*/
.account {
    float:left;    
    margin: 0px 15px;
    background-color: #8dc63f;    
    color: #FFFFFF;
    margin-top: 18px;
} 
.account .head,
.account .total{    
    margin: 0px;
    padding: 12px 0px 12px 20px;
    display: table;
    width: 100%;    
}
.account .head .name{
    float: left;
    text-align: left;
}
.account .head .delete{
    float: right;    
    padding-left: 20px;    
}
.account .head .name a,
.account .head .delete a{
    color: #FFFFFF;
    text-transform: uppercase;
}
.account .head .delete a{
    font-size: 1.2rem;
}
.account .head .name a:hover{
    text-decoration: underline;
}
.account .total{    
    text-align: center;    
}
.account .icon{
    text-align: center;
    padding: 20px 20px 0px;
    background-color: #FFFFFF;
    width: 100%;
}
.account .command1 {
    display: block;
    width: 100%;
    padding:0px;
    margin:0px;  
    text-align: center;
    background-color: #FFFFFF;
}

.account .command1 a {  
        padding: 0px;        
	color:#5a5a5a;	
        margin: 0px 12px 15px;
        display: inline-table;
}
.close{
    background-color: #a1a1a1;
}
.active {
    color:#8dc63f !important;
}
/*ACCOUNT END*/

/*COMMAND BAR BEGIN*/
.toolbar{    
    padding:14px 30px 0px;   
}
.toolbar .modulename{
    float: left; 
    text-transform: uppercase;
    margin-top: 8px;
}
.command {
    float:right;
    padding:0px;       
}
.command ul {
	list-style:none;
	padding:0;
	margin:0;
	width:100%;      
}
.command ul > li {
	float:left;
	margin: 0px 10px;
        cursor: pointer;
}
.command ul > li:last-child {	
	margin-right: 0px;	
}
.command select {   
    font-size: inherit;    
    text-transform: uppercase;
}
.command select:focus {
    outline: none;
}
.command .text{
    margin-top: 8px;
}
.command a{
    color: inherit;
}
.command a:hover{
    text-decoration: none;
}
/*COMMAND BAR BEGIN*/

/* BUTTON BEGIN*/
.button,
.button-cancel{	
	border-radius:5px;
	background-color:#6bab13;
	padding:8px 10px;		
	text-transform:uppercase;
	border:none;
	cursor:pointer;	
	color:#FFFFFF;
	outline:none;
        margin: 5px 0px;
        
}
.button a,
.button-cancel a{
	color:#FFFFFF !important;        
}
.button:hover ,
.button-cancel:hover{
	background-color:#a1a1a1;
	-webkit-transition: all .3s linear ;
	-moz-transition: all .3s linear ;
	-ms-transition: all .3s linear ;
	-o-transition: all .3s linear ;
	transition: all .3s linear ;
}
.button-cancel{		
    background-color:#a1a1a1;
}
/* BUTTON END*/



/*GRID BEGIN*/
.grid {
	width:100%;
	border-collapse: collapse;	        
        margin:18px 0px;        
        background-color: #FFFFFF;
}
.grid th {	
    font-weight:normal;
    background-color:#8dc63f;
    padding:12px 5px;
    color:#FFFFFF;
    border: 1px solid #d2d2d2;
}
.grid td{
	padding:12px 5px;
        border: 1px solid #d2d2d2;
        
}
.grid tr:nth-child(odd) {
	background: #f3f8eb;
}
.grid tr:hover {
	background: #f3f7bd;
}
.grid a {
	color:#d2d2d2;
/*        font-size: 14px;*/
}
.grid a:hover {
	color: #8dc63f;
}
.grid .sum {       
    color: #ffffff;    
    display: inline-block;
    background-color: #8dc63f;
    padding: 5px 10px;
    border-radius: 10px;
}
.grid .trans,
.grid .income {
    display: inline-block;
    padding: 2px 10px 4px;    
    border-radius: 10px;
    color:#ffffff;
}
.grid .trans{    
    background-color: #f2c21d; 
}
.grid .income{    
    background-color: #c77405; 
}
.grid .tsum{    
    font-size: 137.5%;    
    color: #000000;
}

.no{
    border:none !important;
    background-color: #fbf3ea !important;
}

/*GRID END*/

/*REPORT BEGIN*/

.report-command {
    text-align: right;
    padding: 20px 10px;    
}

.report-command select,
.report-command input{
    text-transform: uppercase;
}
.report-command input{
   background-color: #8ec63f;
   border:none;
   padding: 7px 10px;
   color: #FFFFFF;
   cursor: pointer;
}
.report-command input:hover {
	background-color:#a1a1a1;
	-webkit-transition: all .3s linear ;
	-moz-transition: all .3s linear ;
	-ms-transition: all .3s linear ;
	-o-transition: all .3s linear ;
	transition: all .3s linear ;
}
.chart{
    display: table;
    margin: 20px auto;
}

/*REPORT END*/

/*FORM BEGIN*/
.form {
    clear:both;              
    display: table;
    margin: 18px auto;
    border:1px solid #d2d2d2;
    background-color: #FFFFFF;
}
.form .head {
    padding:15px;
    background-color: #6bac14;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: left;
    font-weight: normal;
    margin-bottom: 20px;
}
.form table{    
    padding: 20px;
    border-collapse: collapse;	
}
.form table > tr:first-child td{
    padding-top: 200px;
}
.form td {
    padding:5px;
}
.form td:first-child {
    padding-left:13px;
}
.form td:last-child {
    padding-right: 10px;
}
.form input,
.form select,
.form textarea {    
    color:#66757f;
    outline-color:#b9f616;	
    margin-right: 10px;
    padding: 5px 30px 5px 10px;  
    border: 1px solid #d2d2d2;
    font: normal 16px / 16px "PT Sans Narrow", tahoma;
}
.form select{
    
}

.form input[type=submit],
.form input[type=button]{
	color:#FFFFFF;
	outline:none;
        text-align: center;
        margin-bottom: 20px;
        padding: 10px 15px !important;
}
.form .warn {
	color:#FF0000;
/*        font-size: 20px;*/
}
/*FORM END*/

/*BUDGET BEGIN*/
.table-padding{
    padding: 0px;
}
.budget {        
	width: 100%;
	border-collapse: collapse;
	margin: 0px 0px 20px;
        padding: 0px;
        border:1px solid #d2d2d2;
        background-color: #ffffff;
        line-height: 16px;
}
.budget tr:nth-child(odd) {
	background: #f3f8eb;
}
.budget th {
	background-color:#8ec63f;
	padding:10px;
	font-weight:normal;
	color:#FFFFFF;
	text-transform:uppercase;	
}
.budget td {
	padding:10px 5px;
}
.budget .title {
/*	background-color:#e6fad2;*/
}
.budget .total {
	background-color:#808080 !important;
        color:#ffffff;
        text-transform: uppercase;
}
.hide {
	display:none;
}

.schedule-name{
    text-align: left !important;
}
.budget button{
    background-color: #dfdfdf;
    color: #ffffff;
    border:none;
/*    font-size: 16px;*/
    outline-color: #8ec63f;
    margin-right: 5px;
}
/*BUDGET END*/




/*LOGIN BEGIN*/
.login {    
    color: #555555;
    padding-top:5px;      
    margin-top: 50px;
}

.login .sign,
.login .signout{
    background-color: #ffffff;
    padding: 30px;
    border-radius: 5px;   
    margin: 20px auto;
    display: table;    
}
.login input {    
    padding: 10px;    
    outline-color: #b9f616;    
    border:1px solid #d2d2d2;     
    margin: 5px 0px;     
    font: normal 16px / 20px "PT Sans Narrow", tahoma;
}
.login input[type=submit] {
    outline: 0;
    border-radius: 5px;
    cursor: pointer;
    border: none;
    padding-left: 7px;
    padding-right: 7px;
        
}
.login a {
    color: #0084b4;
    margin: 20px 0px;    
}
.login a:hover {
    text-decoration: underline;
}
.login h2 {
    display: block;
    border-bottom: 1px solid #ccd6dd;
    margin: 0px 0px 10px;
    padding: 0px 0px 15px;
}



.login p {    
    line-height: 20px;
}
.login h1 {
    text-transform: none;
    font-size: 200%;   
    margin: 10px 0px 0px;
}
.login h3 {
    text-transform: none;    
    color: inherit;    
}
.login h5 {    
    font-weight: normal;
    margin: 0px;
/*    font-size: 12px;*/
}

.login .geree,
.login .geree-top,
.login .geree-bottom {
    background-color: #eaeff3;
    width: 100%;
}
.login .geree {
    height: 200px;
    overflow-y:scroll;   
    padding: 0px 10px;    
    font-size: 87.5%;
}
.login .geree::-webkit-scrollbar {
    width: 10px;
}
.login .geree::-webkit-scrollbar-track {
    
}
.login .geree::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #8899a6;
    height: 50px;
}
.login .geree-bottom,
.login .geree-top {    
    height: 10px;    
}
.login .geree-top {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; 
    margin-top: 10px;
}
.login .geree-bottom {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; 
    margin-bottom: 10px;
}

.error{
    display: table;
    width: 250px;    
    color: #FF0000;
    text-transform: uppercase;
    text-align: center;
}
.success{
    color: green;
    text-transform: uppercase;
    text-align: center;
}

.geree .number{
    display: inline-block;
    font-weight: bold;
    margin-right: 10px;
}
.geree h1{
    font-size: 112.5%;
    margin-bottom: 0px;
    text-transform: uppercase;
    text-align: center;
}
.geree h2{
    border: none;
}
.geree li{
    list-style: none;
    margin: 10px 0px;
}
.geree  table{
    margin: 15px auto;
    border-collapse: collapse;    
}
.geree  table th,
.geree  table td{
    padding: 5px 15px;
    border: 1px solid #333333;
}
.border-none > th,td{
    border: none;
}
.geree p{
    font-size: 87.5%;
}

/*LOGIN END*/


/*FOOTER BEGIN*/
.footer{
    background-color: #585858;
    padding: 20px 10px;
    margin-top: 40px;
    color: #adadad;    
    width: 100%;    
}
.footer .flogo{    
    display: table;
    margin: 0px auto;
}
.footer a{
    color: #adadad;
    text-decoration: none;
/*    font-size: 12px;*/
}
.footer a:hover{
    color: #d4d1d1;
    text-decoration: underline;
}
.footer ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.footer .menu{
    display: table;
    margin: 0px auto;
    padding: 0px;
    list-style: none;
    
}
.footer .menu li{
    padding: 3px 0px;
    clear: both;
}
.footer .menu li a{
    color: #adadad;
/*    font-size: 12px;*/
    padding: 0px;
}
.footer .social li{
    float: left;
    padding: 5px;
}
.footer .social{
    display: table;
    margin: 0px auto;
}
.footer .social a{
    color:#ffffff;
    padding: 10px;
    display: table;
}
.footer .social .facebook{
    background-color: #305891;    
}
.footer .social .twitter{
    background-color: #2ca8d2;    
}
.footer .social .google{
    background-color: #d84734;
}
.footer .social .youtube{
    background-color: #ef4548;
}
.footer .social .blogger{
    background-color: #f58d36;
}
.footer .title{
    color: #d4d1d1;
    font-weight: bold;
    text-transform: none;
    
}
.footer .info{
    color: #adadad;
    padding: 5px 10px 0px 0px;
    text-align: center; 
}
.footer .line{
    clear: both;
    height: 1px;
    width: 100%;
    margin: 15px 0px;
    margin-left: -15px;
    background-color: #adadad;
}
/*FOOTER END*/


@media (min-width: 992px) {
    .footer .flogo{    
        margin:0px;
    }
}

.morebutton-container{
    display: table;
    margin: 0px auto;
}
.morebutton{
    float: left;
    color: #ffffff !important;
    background-color: #8dc63f;    
    padding: 11px 30px;
    border: 1px solid #8dc63f;
    border-radius: 20px;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0px 10px;
}
.morebutton:hover{
    color: #79af31 !important;
    text-decoration: none !important;
    background-color: transparent;
    transition: all .2s linear ;
}
.adv{
    
}
.adv h2{
    color: #000;
}
.adv ul{
    list-style: none;
}
.progressschedule-mobile{
    display: block !important;
    text-align: center;
}
.progressschedule{
    display: none !important;
}
@media (min-width: 992px) {
    table input,
    table select,
    table textArea{
        font-size: 100%;
    }    
    .line{
            display:block;
    }
    .collapse { 
            display:none;
    }
    .form td:first-child {
        padding-left:23px;
    }
    .form td:last-child {
        padding-right: 20px;
    } 
    .footer .info{
        text-align: left; 
    }
    .table-padding{
        padding: 0px 10px;
    }
    .progressschedule{
        display: block !important;
    }
    .progressschedule-mobile{
        display: none !important;
    }
    .login .geree,
    .login .geree-top,
    .login .geree-bottom {        
        width: 600px;
    }
    .footer .menu-left{ 
        float: left;
    }
}

@media (max-width: 600px) {
    .grid .mobile-view{
        display: none;
    }
}