﻿body {
    font-family: "iranSansFarsiNum";
   
    padding-top: 50px;
}

.commandbar{
    margin:10px 0;

}

.navbar-fixed-top {
   
}

.navbar-default .navbar-brand{
    color:#D3DFEA;
    padding: 5px 20px;
}

.navbar-static-tops a{
    color:#D3DFEA;

}
.navbar-top-links a {
    color:#17172f;
}
.navbar-top-links > li > a:hover,
.navbar-top-links > li > a:focus,
 .navbar-top-links .open > a,
 .navbar-top-links .open > a:hover,
 .navbar-top-links .open > a:focus {
    background-color:#236e99;
}

.k-grid-toolbar
{
    background-color:#fff;
}

.k-grid-add:hover,
.k-grid-add:focus,
.k-grid-create:hover,
.k-grid-create:focus
{
    color:#FFF;
    background-color:#449D44;
    border-color:#398439;
}

.k-rtl .k-grid-header .k-filterable .k-link {
    padding-left: 1em;
}

.k-grid-add, .k-grid-create {
	color: #FFF;
	background-color: #5CB85C;
	border-color: #4CAE4C;
}

.k-tabstrip:focus
{
    box-shadow:none;
}

.k-button.k-button-icontext .k-icon, .k-button.k-button-icontext .k-image {
	vertical-align: middle;
}

.k-grid tbody button.k-button {
	min-width: unset;
}

.form-control, /* if this class is applied to a Kendo UI widget, its layout may change */
.container,
.container-fluid,
.row,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.parent-child-tree .k-treelist-group,
.parent-child-tree .mission-cat-row
{
    background-color:#d5e5f3;
}

.file-icon {
    display: inline-block;
    float: right;
    width: 32px;
    height: 32px;
    margin-left: 10px;
    background-image: url(../images/FileIcons.png);
    background-repeat: no-repeat;
    /*margin-top: 13.5px;*/
}

.archive-file { background-position: 0;}
.audio-file { background-position: -32px 0;}
.document-file { background-position: -64px 0;}
.unknown-file { background-position: -96px 0;}
.image-file { background-position: -128px 0;}
.pdf-file { background-position: -160px 0;}
.powerpoint-file { background-position: -192px 0;}
.video-file { background-position: -224px 0;}
.word-file {  background-position: -256px 0; }
.excel-file { background-position: -288px 0; }

h4.group-title
{
    border-bottom:1px solid #e5e5e5;
    margin-top:25px;
    padding:10px 0;
}

.login-seperator:before {
 content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 43%;
  border-bottom: 1px solid #cccccc;
}

.login-seperator:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 43%;
  border-bottom: 1px solid #cccccc;
}

.login-seperator {
  position: relative;
  display: block;
  margin: 20px 0 20px 0;
  text-align: center;
  color: #666;
}

/* Comments */
.comments{

}

.comment {
    margin-top: 10px;
	margin-bottom:10px;
	border-bottom: dotted 1px #ddd;
}

.comment:last-child {
    border-bottom : none;
}

.comment-body {
    white-space: pre-line;
}

.comment-author {

}

.comment-time {
    color: #aaa;
}

@media (min-width: 768px) {
	.comment-heading{
		display:table-cell;
		width:200px;
        vertical-align:top;
	}

	.comment-body{
		display:table-cell;
        vertical-align:top;
	}
}

div.k-edit-form-container
{
    width: auto;
}

.k-grid {
   
}

.k-selectable tbody tr {
    cursor: pointer;
}

#page-wrapper {
    padding: 0 15px 15px;
}

@media(min-width:768px) {
    #page-wrapper {
        padding: 0 30px 30px;
    }
}

/* Grid */
@media(min-width:768px) {
  .tight-cell {
      width: 1px;
      white-space:nowrap;
  }
}

.appraisal-grid input[type="radio"] {
    cursor: pointer;
}

.appraisal-grid .appraisal-category-title{
    font-weight:bold;
    background-color:#F5F5F5;
}

.appraisal-grid .answer-cell {
     text-align:center;
    vertical-align: middle !important;
}

#GoalsGrid.k-grid  .k-grid-header  .k-header  .k-link {
    height: auto;
    /*text-overflow:unset;*/
}
  
#GoalsGrid.k-grid  .k-grid-header  .k-header {
    white-space: normal;
    vertical-align:middle;
}

.calculation-params-table input[type='text'] {
    width: 50px;
    text-align: center;
}

.calculation-params-table thead th {
    text-align:center;
}

.calculation-params-table tbody tr th, .calculation-params-table tbody tr td {
    vertical-align: middle;
    text-align: center;
}

.calculation-params-table .hidden-cell {
    border: none;
}

table.calculation-params-table {
    border:none;
}

.calculation-params-table .col-seperator  {
    border-left: 1px solid rgb(221, 221, 221);
}

.grid-auto-header  .k-grid-header  .k-header  .k-link {
    height: auto;
    /*text-overflow:unset;*/
}
  
.grid-auto-header .k-grid-header  .k-header {
    white-space: normal;
    vertical-align:middle;
}
.card {
    background: #fff;
    min-height: 50px;
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    position: relative;
    margin-bottom: 20px;
    padding: 5px;
}
.k-window-titlebar {
    background-color: #1f4286 !important;
}
.k-window-title {
    color: white !important;
}

.k-tabstrip-items .k-state-active .k-link {
    color: #333 !important;
  
}

.k-tabstrip-items {
    background-color: #f5f5f5;
    border-radius: 5px 5px 0px 0px;
}

    .k-tabstrip-items .k-state-default .k-link {
        color: #333;
    }