﻿.error {
    color: red !important;
}

.green {
    color: green !important;
}


.red {
    color: red !important;
}

.decimal, .integer {
    text-align: right;
}

td.details-control {
    background: url('../AdminLTE/plugins/datatables/images/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('../AdminLTE/plugins/datatables/images/details_close.png') no-repeat center center;
}
.form-group {
    /*margin-bottom: 5px;*/
}
span.select2.select2-container {
    width: 100% !important;
    /*height: 34px;*/
    max-height:100px;
    overflow-y:auto;
}

.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    padding: 10px 12px;
    height: 34px;
}
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        top:5px;
    }
.scrooll_div {
    overflow: hidden;
    overflow-x: auto;
}

table.dataTable tbody tr.selected {
    background-color: #B0BED9;
}

table.dataTable tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1, table.dataTable tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #ecf0f5;
}

table.dataTable tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background-color: #eaeaea;
}

table.table.nowrap th, table.table.nowrap td {
    white-space: nowrap;
}

table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: nowrap;
}

    table.dataTable.nowrap th.wrap, table.dataTable.nowrap td.wrap {
        white-space: normal;
    }

.thumb {
    width: 100px;
    height: 100px;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.select2-rendered__match {
    font-weight: bolder;
    text-decoration: underline;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    white-space: normal;
}

.btn-vsm {
    padding: 2px 5px;
}

.input-group-addon .fa-plus, .input-group-addon .fa-minus {
    cursor: pointer;
}

.input-group-addon > .fa.fa-calendar, .input-group-addon > .fa.fa-close {
    cursor: pointer;
}

.line-legend li {
    list-style: none;
    float: left;
    margin-right: 20px;
    line-height: 20px;
}

.line-legend span {
    display: block;
    width: 10px;
    height: 10px;
    float: left;
    margin-top: 4px;
    margin-right: 5px;
}

@font-face {
    font-family: 'CooperBlackStd';
    src: url('../AdminLTE/cooper-std/CooperBlackStd.otf') format('opentype');
}

.login-logo, .logo-lg, .logo-mini {
    font-family: "CooperBlackStd";
}

.table > thead > tr > th {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cfe7fa+0,6393c1+100;Grey+Blue+3D */
    background: #cfe7fa; /* Old browsers */
    background: -moz-linear-gradient(top, #cfe7fa 0%, #6393c1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #cfe7fa 0%,#6393c1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #cfe7fa 0%,#6393c1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-9 */
}

.form-group.required .control-label:after {
    content: "*";
    color: red;
}

.control-label.required:after {
    content: "*";
    color: red;
}

.warning {
    background-color: #fcf8e3 !important;
    /*background:#fcf8e3 !important;*/
}

.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 2px !important;
}

.form-control {
    padding: 2px 4px !important;
}
/*div.ColVis {
    float: left !important;
}*/
/*Login css*/

.login-logo, .login-box-body, .register-box-body {
    /*background-color: rgba(255, 255, 255, 0.64);*/
    margin-bottom: 0px;
}

.mainlogo {
    text-align: center;
    margin: 4em auto;
}

.login-box-body .form-horizontal .has-feedback .form-control-feedback {
    right: 0px;
}

.login-box {
    margin:9em auto;
    padding: 15px 25px;
    background: rgba(255, 255, 255, 0.52);
    border-radius: 3px;
    /*border: 1px solid rgba(51, 51, 51, 0.23);
    border-top: 3px solid #ff120d;*/
    border:none;
    box-shadow: 1px 1px 2px 1px rgba(50, 64, 76, 0.25);
}

.login-box-msg {
    font-weight: 500;
}

.login-box-msg {
    color: #333;
}
.btn .fa {
    width: 1.28571429em;
    text-align: center;
}
/*.btn-login {
    background-color: #ff120d;
    border-color: #ff120d;
}

    .btn-login:hover, .btn-login:focus, .btn-login:active, .btn-login.focus {
        background-color: #ff120d;
        border-color: #ff120d;
    }*/

/*Kendo date picker css changes*/
.k-picker-wrap {
    height: 24px !important;
}

    .k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox > input {
        height: 20px !important;
    }

    .k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
        line-height: 24px !important;
    }

.main-header .logo .logo-lg img {
    height: 50px;
    margin: 0px auto;
}

.main-header .logo .logo-mini {
    display: none;
}

.skin-blue .main-header .logo, .skin-blue .main-header .logo:hover {
    background-color: #fff;
}
/*to display only logo-lg on sidbar collapse*/
@media (min-width: 768px) {

    .sidebar-mini.sidebar-collapse .main-header .navbar {
        margin-left: 230px;
    }

    .sidebar-mini.sidebar-collapse .main-header .logo {
        width: 230px;
        background-color: #fff;
    }

        .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
            display: none;
        }

        .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {
            display: block;
        }
}

/*lock the portrait orientation mode*/
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
    html {
        transform: rotate(90deg);
        transform-origin: right top;
        width: 100vh;
        overflow-x: hidden;
        position: absolute;
        top: 100%;
        right: 0;
    }
}

.k-widget.k-tooltip-validation {
    color: red !important;
}
.tab-content {
    padding:15px 0;
}
.modal-header h3 {
    margin-top:0px;
    margin-bottom:0px;
}
.form-control {
    /*height:30px;*/
}
.orange-text {
    color: #ff7800 !important;
}
.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    padding: 8px 12px;
    height: 30px;
}
hr {
    margin-top: 10px;
    margin-bottom: 15px;
}
.btn-app-thumb {
    height: 130px;
}