/*------------------------------------------------------------------

[Dashboard Stylesheet]

    Project:        Suvoda - Colors
    Version:        1.0
    Last change:    29/11/2012
    Assigned to:    Marius
-------------------------------------------------------------------*/
/** *************************************
            Style 1
************************************ **/
/* Table of contents
    1. Main Navigation
    2. Header

*/

/*-----Main Navigation----------------------*/
.navbar-inverse .navbar-inner {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5 !important;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background-color: rgba(91, 94, 85, 0.5) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#E6E6E6);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#E6E6E6)";
    background-repeat: repeat-x;
    border-color: #000000 #000000 #A2A2A2;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #A2A2A2;
    border-image: none;
}

.navbar .nav > li > a {
    color:black;
    text-shadow:none;
    font: normal 12px arial;
}

.navbar .nav > li > a:hover, .navbar .nav > li > a:active , .navbar .nav > li > a:focus ,.navbar .nav > li.active > a,
.navbar .nav > li.active > a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #E5E5E5;
    background-image: linear-gradient(#FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#E6E6E6);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#E6E6E6)";

    border-color: #000000 #000000 #A2A2A2;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #A2A2A2;
    border-image: none;
    color: #666666;
    border:none;
    text-shadow:none;
    font: normal 12px arial;
}


.nav {
    margin-bottom:10px;
}

.subnavbar {
    display:block;
}

.subnavbar .container {
    display:block;
}

.subnavbar .container > ul {
    display:table;
    text-align:center;
    vertical-align:middle;
    border-left: none;
    border-right:none;
    list-style:none;
    height: 80px;
}


.subnavbar .container > ul > li {
    border-left: 0px solid #C7C9CC;
    border-bottom: 0px solid #C7C9CC;
    border-right: 1px solid #C7C9CC;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    display:table;
    height: 80px;
    text-align:center;
    vertical-align:middle;
    min-width: 115px;
    max-width: 115px;
}

    .subnavbar .container > ul > li > a,
    .subnavbar .container > ul > li.active > a,
    .subnavbar .container > ul > li > a:hover,
    .subnavbar-inner {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
    }

.subnavbar .container > ul > li > a {
    color: #666666 !important;
    font-size: 14px;
    font-weight: 600;
    font-family: 'FontAwesome';
    text-shadow: none;
    float:left;
    padding:0px 0px;
    display:table;
    text-align: center;
    vertical-align: middle;
    min-width: 115px;
    max-width: 115px;
}

    .subnavbar .container > ul > li.active > a,
    .subnavbar .container > ul > li > a:hover,
    .subnavbar-inner {
        background-color: #F5F5F5;
        background-image: linear-gradient(top, #FFFFFF, #A6A6A6);
        background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#A6A6A6);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#E6E6E6)";
        border-color: #000000 #000000 #A2A2A2;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #A2A2A2;
        border-image: none;
    }

.subnavbar .container > ul > li.active > a {
    color: #555555 !important;
    border-style: solid;
    border-width: 0px;
    padding:0px 0px;
    height: 79px;
    min-width: 115px;
    max-width: 115px;
}

.subnavbar .container > ul > li > a:hover {
    color: #333333 !important;
    border-style: solid;
    border-width: 0px;
    padding:0px 0px;
    height: 79px;
    min-width:115px;
}

.subnavbar-inner {
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#E6E6E6);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#E6E6E6)";

    border-color: #000000 #000000 #C2C2C2;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #C2C2C2;
    border:0px;
    border-image: none;
    height: 80px;
}

.nav-text {
    display: table-cell;
    height:79px;
    max-width:110px;
    text-align: center;
    vertical-align: middle;
    font-family: 'Open Sans';
    font-size:13px;
    word-wrap:break-word;
}

.nav-icon {
    font-size:23px;
}

.nav-user {
    min-width:155px;
    max-width:155px;
    font-size: 11px;
    line-height:9px;
    overflow:hidden;
    white-space:nowrap;
}

.subnavbar .brand {
    color: #777777;
    display: block;
    float: left;
    font-size: 20px;
    font-weight: 200;
    margin-left: -20px;
    padding: 10px 10px;
    text-shadow: 0 1px 0 #FFFFFF;
    vertical-align:top;
}

.brand img {
    margin: -12px 0 -5px;
}

/*-----Properties--------------------*/
.border-right {
    border-right: 1px solid #C7C9CC; 
    height:60px;
}

line-height-27px {
    line-height:27px;
}

.width-auto {
    width:auto;
}

.font-size-15px {
    font-size:13px !important;
}

.gray {
    color:#999999;
}

.weight-600 {
    font-weight:600 !important;
}


/*-----Headers----------------------*/

h1, h2, h3, h4, h5, h6 {
    color: #812990;
    font-family: "Open Sans";
}


.big-link {
    font-size: 18px;
    text-decoration:underline;
    font-weight:bold;
}
li {
    line-height:15px;
}

ul.unstyled > li {
    padding-bottom:10px;
}


select {
    width:auto;
}

/*-----Subject Screens------------------*/

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    border-color: #000000 #000000 #000000;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
    -moz-box-sizing: border-box;
    display: block;
    padding-left: 0;
    padding-right: 0;
    border-radius: 5px 5px 5px 5px;
    border-image: none;
    border:0px !important;
    color: #555555;
    cursor: pointer;
}

.box-container {
     
    display: block;
    margin: 0px auto 10 auto;
    padding: 10px 10px 10px 10px;
    
    background: #f9f9f9;
    
    border: 1px solid #d5d5d5;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    box-shadow:  0px 0px 2px #dadada, inset 0px -3px 0px #e6e6e6;
}

.box-container-actions {
    width: 320px;
}



.box-rounded-top {
    height:65px;
    -moz-border-radius-topright:90px;
    border-top-right-radius:90px;
    background-color:#4F2E68;
    color:white;
    padding:4px;
    font-family:'Open Sans';
    font-size:14px;
    font-weight:700;
}

.breadcrumbs-round-box, .breadcrumbs-back, .breadcrumbs-actions {
    height:100px;
    -moz-border-radius-topright:90px;
    border-top-right-radius:90px;
    background: #f9f9f9;
    color:black;
    margin-left:0px;
    margin-right:0px;
    padding:2px;
    font-family:'Open Sans';
    font-size:18px;
    font-weight:600;
    border-top:1px solid #d5d5d5;
    border-right:1px solid #d5d5d5;
    border-left:1px solid #d5d5d5;
    padding-right:25px;
    padding-left:10px;
}

.breadcrumbs-back {
    border-bottom:1px solid #d5d5d5;
    padding-bottom:2px;
    height:120px;
}
    .breadcrumbs-back:hover {
    border-bottom:1px solid #d5d5d5;
    padding-bottom:2px;
    background-color:#EBEBEB;
}

.breadcrumbs-actions {
    border-bottom:1px solid #d5d5d5;
    padding-bottom:2px;
    height:60px !important;
    font-size:14px !important;
    margin-left:-3px;
}
    .breadcrumbs-actions:hover {
    border-bottom:1px solid #d5d5d5;
    padding-bottom:2px;
    background-color:#EBEBEB;
    }


.breadcrumb-link {
    color:#666666;
}


.table-style th {
    font-size:14px;
    text-transform:none;
    background:#F2F2F2;
}

.k-state-active, .k-state-active:hover, .k-active-filter {
    background-color: #FFFFFF;
    border-color: #777777;
    color: #333333;
}

.form-actions {
    background-color: #f9f9f9 !important;
    border-top:0px;
}

.btn-primary {
    background-color: #8ebc00 !important;
    *background-color: #8ebc00;
    background-image: none;
    background-repeat: repeat-x;
    border-color: #000000 #000000 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8ebc00,endColorstr=#8ebc00);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#8ebc00,endColorstr=#8ebc00)";*/
    font-weight:bold;
    color:white;
}

.btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, 
.btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover {
    color: #000000;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #8ebc00 !important;
    *background-color: #8ebc00;
}

.btnAction {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: -moz-linear-gradient(top, #FFFFFF, #E6E6E6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#E6E6E6));
    background-image: -webkit-linear-gradient(top, #FFFFFF, #E6E6E6);
    background-image: -o-linear-gradient(top, #FFFFFF, #E6E6E6);
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    
    background-repeat: repeat-x;
    border-color: #CCCCCC #CCCCCC #B3B3B3;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #7B4589;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 0;
    padding: 4px 10px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}

.btn-warning {
    background-color: #AB75B9;
    background-image: -moz-linear-gradient(top, #AC88D1, #A9528C);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#AC88D1), to(#A9528C));
    background-image: -webkit-linear-gradient(top, #AC88D1, #A9528C);
    background-image: -o-linear-gradient(top, #AC88D1, #A9528C);
    background-image: linear-gradient(to bottom, #AC88D1, #A9528C);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-yellow, .btn-yellow:hover {
    background-color:yellow !important;
    background-image:-moz-linear-gradient(to bottom, #FFFF00, #DFDF00);
    background-image: -moz-linear-gradient(top, #FFFF00, #DFDF00);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFF00), to(#DFDF00));
    background-image: -webkit-linear-gradient(top, #FFFF00, #DFDF00);
    background-image: -o-linear-gradient(top, #FFFF00, #DFDF00);
    background-image: linear-gradient(to bottom, #FFFF00, #DFDF00);
    transition:none;
    background-position:0px;
}

.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
    background-color: #AB75B9;
}

.btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover {
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-width {
    width:210px;
}

.account-container h1 {
    color: #AB75B9;
    margin-bottom: 0.4em;
}

.table-with-controls tr.tr-controls td {
    border-top: none;
}


.table-striped-every2 tbody tr:nth-child(4n+1) td,
.table-striped-every2 tbody tr:nth-child(4n+2) td {
  background-color: #f9f9f9;
}

/*.tr-bgcolor {
    background-color: #f9f9f9;
}
.tr-border-top {
    border-top:1px solid #dddddd;
}
.tr-border-bottom {
    border-bottom:1px solid #dddddd;
}
.tr-no-border {
    border:0px solid #dddddd;
}*/

.table th,.table td, .table thead {
    padding:8px;
    line-height:18px;
    text-align:left;
    vertical-align:top;
    font: normal 12px 'Open Sans';
    text-transform:none;
}

.table th, .table thead, .table-header-text-size td {
    font: 600 13px 'Open Sans';
}

 .btn-xsmall {
    font-size: 10px;
    line-height: 10px;
    padding: 0px 1px;
 }

 .btn-xsmall .caret {
     margin-top: 3px;
 }

 .shortcuts .shortcut {
    padding-top:30px;
    vertical-align:middle;
    width:150px;
    height:100px;
    font-size:15px;
}

 /*Grid header wrapping*/

 
.k-grid  .k-grid-header  .k-header  .k-link {
    height: auto;
}
  
.k-grid  .k-grid-header  .k-header {
    white-space: normal;
}

a {
    outline:0;
}

.k-state-selected.k-state-focused, 
.k-state-selected.k-state-highlight {
  color: #ffffff;
  background-color: #512e67 !important;
  border-color: #512e67 !important;
}

.tabs-right > .nav-tabs {
    margin-left:0px;
}


#body_content {
     position: relative; /*used for setting position of the spining bubble*/
}