@import url(fontiran.css);

html {
    position: relative;
    height: 100%;
    width: 100%;
}

body {
    /*position: absolute;*/
    min-width: 100%;
    min-height: 100%;
    font-family: IRANSans;
    background-color: #fafafa;
    color: #000000;
    overflow: hidden;
}

.datalist{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-family: IRANSans;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.datalist .datalist-item{
    visibility:hidden;white-space:nowrap;overflow:scroll;
    font-family: IRANSans!important;
    font-size: 14px;
}

.set-default-font {
    font-family: IRANSans;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-top-20 {
    margin-top: 20px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-left-10 {
    margin-left: 10px;
}
.margin-right-10 {
    margin-right: 10px;
}

.border-bottom-line {
    border-bottom: 1px solid black;
}

.border-top-line {
    border-top: 1px solid black;
}

.direction-left {
    direction: ltr;
}

.funkyradio div {
    clear: both;
    overflow: hidden;
}

.funkyradio label {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #D1D3D4;
    font-weight: normal;
    float: right;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
    display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
    position: relative;
    line-height: 2.5em;
    text-indent: 1.25em;
    margin-top: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 2.5em;
    background: #D1D3D4;
    border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
    color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
    content: '\2714';
    text-indent: .9em;
    color: #C2C2C2;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
    color: #777;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
    content: '\2714';
    text-indent: .9em;
    color: #333;
    background-color: #ccc;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
    box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
    color: #333;
    background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5cb85c;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5bc0de;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.direction-right {
    direction: rtl;
}

.font-10 {
    font-size: 12px;
}

.ui-grid-filter-input {
    font-family: IRANSans;
    text-align: center;
}

.ui-grid-cell {
    text-align: center;
    padding: 5px;
}
.ui-grid-cell-contents{
    padding: 0;
}

md-toast {
    position: fixed;
    bottom: 0;
    width: 100%;
}

.dtp-picker-clock {
    direction: ltr;
}

.form-control {
    font-family: IRANSans;
}

.separateNumber{
    font-family: BYekan!important;
    font-size: 17px;
}

.btn {
    font-family: IRANSans;
}

.btn-dark {
    color: #fff;
    background-color: #2b2b2b;
    border-color: #0c0c0c;
}

.btn-dark.focus, .btn-dark:focus {
    color: #fff;
    background-color: #2b2b2b;
    border-color: #0c0c0c;
}

.btn-dark:hover {
    color: #fff;
    background-color: #3c3c3c;
    border-color: #0c0c0c;
}

.btn-dark.active, .btn-dark:active, .open > .dropdown-toggle.btn-dark {
    color: #fff;
    background-color: #2b2b2b;
    border-color: #0c0c0c;
}

.btn_dark.active.focus, .btn_dark.active:focus, .btn_dark.active:hover, .btn_dark:active.focus, .btn_dark:active:focus, .btn_dark:active:hover, .open > .dropdown-toggle.btn_dark.focus, .open > .dropdown-toggle.btn_dark:focus, .open > .dropdown-toggle.btn_dark:hover {
    color: #fff;
    background-color: #2b2b2b;
    border-color: #0c0c0c;
}

.btn-dark.active, .btn-dark:active, .open > .dropdown-toggle.btn-dark {
    background-image: none
}

.btn-dark.disabled, .btn-dark.disabled.active, .btn-dark.disabled.focus, .btn-dark.disabled:active, .btn-dark.disabled:focus, .btn-dark.disabled:hover, .btn-dark[disabled], .btn-dark[disabled].active, .btn-dark[disabled].focus, .btn-dark[disabled]:active, .btn-dark[disabled]:focus, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark, fieldset[disabled] .btn-dark.active, fieldset[disabled] .btn-dark.focus, fieldset[disabled] .btn-dark:active, fieldset[disabled] .btn-dark:focus, fieldset[disabled] .btn-dark:hover {
    background-color: #2b2b2b;
    border-color: #0c0c0c;
}

.btn-dark .badge {
    color: #d9534f;
    background-color: #fff
}

.md-radio-button {
    display: inline-table;
}

.tab-container {
    background: #8dc8fb;
    margin: 0;
    padding: 0;
    max-height: 40px;
    direction: rtl;
}

.tab-container ul.nav-tabs {
    background-color: #fbe39c; /*TabBackgroundColor*/
    margin: 0;
    list-style-type: none;
    line-height: 40px;
    max-height: 40px;
    overflow: hidden;
    display: inline-block;
    display: -webkit-flex;
    display: flex;
    padding-right: 20px;
    border-bottom: 5px solid #f7f7f7;
}

.tab-container ul.nav-tabs > li {
    margin: 5px -14px 0;
    -moz-border-radius-topleft: 28px 145px;
    -webkit-border-top-left-radius: 28px 145px;
    border-top-left-radius: 28px 145px;
    -moz-border-radius-topright: 28px 145px;
    -webkit-border-top-right-radius: 28px 145px;
    border-top-right-radius: 28px 145px;
    padding: 0 30px 0 25px;
    height: 170px;
    background: #c3d5e6; /*tab background*/
    position: relative;
    -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
    width: 200px;
    max-width: 200px;
    min-width: 20px;
    border: 1px solid #aaa;
}

.dana_tab{
    background-color: red;
}
.tab-container ul.nav-tabs > li:first-child {
    margin-left: 0;
}

.tab-container ul.nav-tabs > li:last-of-type {
    margin-right: 0;
}

.tab-container ul.nav-tabs > li > a {
    display: block;
    max-width: 100%;
    text-decoration: none;
    color: #222;
    padding: 3px 7px;
    text-align: center;
    font-size: 12px;
}

.tab-container ul.nav-tabs > li > a span {
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.tab-container ul.nav-tabs > li > a:focus, .tab-container ul.nav-tabs > li > a:hover {
    background-color: transparent;
    border-color: transparent;
}

.tab-container ul.nav-tabs > li > a .glyphicon-remove {
    color: #777;
    display: inline-block;
    padding: 3px;
    font-size: 10px;
    position: absolute;
    z-index: 10;
    top: 7px;
    right: -10px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.tab-container ul.nav-tabs > li > a .glyphicon-remove:hover {
    /*background: #d39ea3;*/
    /*color: white;*/
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

.tab-container ul.nav-tabs > li.active {
    z-index: 2;
    /*background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');*/
    background-size: 100%;
    /*background-image: -webkit-gradient(linear, 50% 0%, 50% 30, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));*/
    /*background-image: -moz-linear-gradient(#ffffff, #f7f7f7 30px);*/
    /*background-image: -webkit-linear-gradient(#ffffff, #f7f7f7 30px);*/
    /*background-image: linear-gradient(#ffffff, #f7f7f7 30px);!*tab active*!*/
    background-color: #ffffff;
}

.tab-container ul.nav-tabs > li.active > a {
    background-color: transparent;
    border-color: transparent;
    border-bottom-color: transparent;
}

.tab-container ul.nav-tabs > li.active > a:focus, .tab-container ul.nav-tabs > li.active > a:hover {
    background-color: transparent;
    border-color: transparent;
    border-bottom-color: transparent;
}

.tab-container ul.nav-tabs .btn {
    float: left;
    height: 20px;
    width: 35px;
    min-width: 35px;
    max-width: 35px;
    margin: 10px 0 0 0;
    border-color: #71a0c9;
    outline: none;
    -moz-transform: skew(30deg);
    -ms-transform: skew(30deg);
    -webkit-transform: skew(30deg);
    transform: skew(30deg);
}

.tab-container ul.nav-tabs .btn.btn-default {
    background: #c3d5e6;
}

.tab-container ul.nav-tabs .btn.btn-default:hover {
    background: #d2deeb;
}

.tab-container ul.nav-tabs .btn.btn-default:active {
    background: #9cb5cc;
}

.tab-container .tab-pane {
    /*padding: 10px 40px;*/
    padding: 0;
    text-align: center;
}

.tab-container .tab-pane.active {
    border-top: 1px solid #ddd;
}

md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button, md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button {
    text-align: right;
    padding-right: 16px;
}

md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
    content: '\25C0';
    right: auto;
    left: 28px;
    -webkit-transform: none;
    transform: none;
}

md-menu-item > * {
    width: auto;
    padding-left: 0;
}

button {
    font-family: IRANSans;
}

.md-input {
    font-family: IRANSans;
}

.switch {
    cursor: pointer;
    position: relative;
}

.switch input {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
}

.switch input:checked + span {
    background-color: #8ec165;
}

.switch input:checked + span:after {
    left: 31px;
}

.switch span {
    position: relative;
    width: 60px;
    height: 30px;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #eee;
    border-color: rgba(0, 0, 0, 0.1);
    display: inline-block;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.switch span:after {
    content: "";
    position: absolute;
    background-color: #fff;
    width: 26px;
    top: 1px;
    bottom: 1px;
    border-radius: 30px;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-transition: left 0.2s;
    transition: left 0.2s;
}

.ui-select-bootstrap .ui-select-match-text span {
    text-align: center;
}

.print-section {
    border: 1px solid black
}

.blackCell {
    color: black;
}

.redCell {
    color: red;
}

.yellowCell {
    color: #eab209;
}

.greenCell {
    color: green;
}

.blueCell {
    color: blue;
}

.purpleCell {
    color: purple;
}

.pinkCell {
    color: hotpink;
}

.brownCell {
    color: saddlebrown;
}

.orangeCell {
    color: orangered;
}

.cyanCell {
    color: cyan;
}

.selectdemoSelectHeader {
    /* Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class */
}

.selectdemoSelectHeader .demo-header-searchbox {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0;
}

.selectdemoSelectHeader .demo-select-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 10.667px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
}

.selectdemoSelectHeader md-content._md {
    max-height: 240px;
}

.checkbox label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}

.checkbox label {
    padding: 0;
    padding-left: initial;
    width: 100%;
}

.checkbox label p {
    margin: 0 0 10px;
    width: 100%;
    text-align: center;
}

@media (min-width: 1200px) {
    .permission-column {
        width: 20%;
    }
}

.inputdemoErrorsAdvanced {
    /* NOTE: Check the demo's HTML to see some additional RTL support CSS */
    /* Setup animations similar to the ng-messages */
}

.inputdemoErrorsAdvanced .hint {
    /* Position the hint */
    position: absolute;
    left: 2px;
    right: auto;
    bottom: 7px;
    /* Copy styles from ng-messages */
    font-size: 12px;
    line-height: 14px;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    /* Set our own color */
    color: grey;
}

.inputdemoErrorsAdvanced .hint.ng-hide,
.inputdemoErrorsAdvanced .hint.ng-enter,
.inputdemoErrorsAdvanced .hint.ng-leave.ng-leave-active {
    bottom: 26px;
    opacity: 0;
}

.inputdemoErrorsAdvanced .hint.ng-leave,
.inputdemoErrorsAdvanced .hint.ng-enter.ng-enter-active {
    bottom: 7px;
    opacity: 1;
}

.footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 95%;
    padding: 1rem;
    background-color: #efefef;
    text-align: center;
}

tags-input .tags .tag-item, tags-input .autocomplete .suggestion-item, tags-input .tags .input, md-autocomplete input:not(.md-input) {
    font-family: IRANSans;
}

tags-input .tags .tag-list {
    float: right;
}

.dropdown-menu {
    right: auto;
    text-align: right !important;
    font-family: IRANSans;
}

md-option .md-text {
    width: 100%;
}

md-select.md-default-theme .md-select-value, md-select .md-select-value {
    text-align: center;
}

.full button span {
    background-color: limegreen;
    border-radius: 32px;
    color: black;
}

.partially button span {
    background-color: orange;
    border-radius: 32px;
    color: black;
}
.panel-body tr td{
    height:auto !important;
}

.st-selected {
    background-color: lightslategray !important;
    color: white;
}

.ui-select-bootstrap > .ui-select-choices, .ui-select-bootstrap > .ui-select-no-choice {
    width: auto
}

md-menu-item > * {
    width: 100%;
}

md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
    visibility: hidden;
}

md-checkbox .md-icon {transform: scale(.8);}
/* Tooltip container */
.tooltip1 {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}
/* Tooltip text */
.tooltip1 .tooltiptext1 {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip1:hover .tooltiptext1 {
    visibility: visible;
}


/* Overwrite bootstrap class */
.container-fluid{
    padding: 0;
}

.container{
    padding: 0;
}



input[type=color]{
    width: 100px;
    padding: 0;
    border:none;
}

.tlb-text-right{
    text-align: right;
}

/*NAVBAR STYLE ---*/


p { text-align: center; }
.toggle, [id^=drop] {
    display: none;
}

.dana_navbar{
    margin: 0;
    padding: 0;
    background-color: #386886;
    color:#ffffff;
}
.dana_navbar label{
    color: #ffffff;
}
.dana_nav_button{
    background-color: #386886;
    color: #ffffff;
}
.dana_nav_button li:hover{
    filter: brightness(85%);
    color: #ffffff;
}
.dana_nav_button > li > a{
    color:#ffffff;
}
.dana_nav_button > li > a:hover, .dana_nav_button > li > a:focus {
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
}
#logo {
    display: block;
    padding: 0 30px;
    float: left;
    line-height: 60px;
}

nav:after {
    content: "";
    display: table;
    clear: both;
}

nav ul {
    float: right;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

nav ul li {
    margin: 0px;
    display: inline-block;
    float: right;
    /*background-color: #386886;*/
}
.dana_navbar ul li {
    background-color: #386886;
    padding-top: 5px;
}

nav a {
    display: block;
    padding: 0 20px;
    color: #FFF;
    line-height: 33px;
    text-decoration: none;
}

.dana_navbar ul li ul li:hover {
    filter: brightness(85%);
}
nav a{
    /*border-bottom-color: #335c75;*/
    /*border-bottom-style: solid;*/
    /*border-width: 0;*/
}
nav a:hover {
    /*border-width: 3px;*/
    color:#ffffff; text-decoration:none;
}

nav ul ul {
    display: none;
    position: absolute;
    min-width: max-content;
    top: 35px;
}

nav ul li:hover > ul { display: inherit; }

nav ul ul li {
    min-width: 268px;
    float: none;
    display: list-item;
    position: relative;
}

nav ul ul ul li {
    position: relative;
    top: -40px;
    right: 268px;
}

li > a:after { content: ''; }

li > a:only-child:after { content: ''; }



.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #335c75;
}

a {
    color: #000000;
    text-decoration: none;
}

.dana_nav_tab{
    margin-top: 60px;
}

.nav-pills>li {
    float: right;
}
.nav-pills>li>a {
    border-radius: 10px 10px 0 0;
}
nav a {
    /*border-bottom-color: #386886;*/
    /*border-bottom-style: solid;*/
}

.tlb-disabled{
    /*pointer-events: none;*/
    cursor: not-allowed;
}
.tlb-disabled a{
    color:#c2c2c2!important;
    pointer-events: none;
}
.divider {
    height: 1px;
    width: 100%;
    display: block; /* for use on default inline elements like span */
    margin: 0!important;
    padding: 0!important;
    overflow: hidden;
    filter: brightness(75%);
}
.setscroll{
    overflow-y:scroll;
    overflow-x: hidden;
    width:100%;
    height: 85vh;
    padding: 50px 50px 120px 50px;
}
    /*colors*/
.panel{
    background-color: #ffffff;
}
.table{
    background-color: #ffffff;
}
.table-striped > tbody > tr:nth-of-type(odd){
    background-color: #f9f9f9;
}
.form-control{
    background-color: #ffffff;
    color: #000000;
}
.ui-grid-row:nth-child(odd) .ui-grid-cell {
    background-color: #fdfdfd;
}
.ui-grid-row:nth-child(even) .ui-grid-cell {
    background-color: #fdfdfd;
    filter: brightness(90%);
}
.ui-grid-top-panel{
    background: #ffffff;
}
.md-input-container.md-default-theme .md-input[disabled], md-input-container .md-input[disabled], [disabled] md-input-container.md-default-theme .md-input, [disabled] md-input-container .md-input{
    color: #000000;
}
.md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar){
    background-color: #386886;
}
.md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label, md-input-container:not(.md-input-invalid).md-input-has-value label{
    color: #000000;
}
.md-input{
    color: #000000;
}

.md-dialog.md-default-theme, md-dialog{
    background-color: #ffffff;
    color: #000000;
}
.dana_title{
    color: #000000;
}

.tab-content{
    background-color: #ffffff;
    margin: 0px;
}


.panel-primary > .panel-heading {
    color: #ffffff;
    background-color: #386886;
    border-color: #386886;
}
.panel-primary {
    border-color: #386886;
}

.btn-primary{
    color: #ffffff;
    background-color: #386886;
    border-color: #386886;
}
.btn-primary:hover{
    background-color: #335c75;
}
.btn-success{
     color: #ffffff;
     background-color: #21ba45;
     border-color: #21ba45;
 }
.btn-warning{
    color: #ffffff;
    background-color: #fbbd08;
    border-color: #fbbd08;
}
.btn-danger{
    color: #ffffff;
    background-color: #db2828;
    border-color: #db2828;
}
.btn-info{
    color: #ffffff;
    background-color: #5bc0de;
    border-color: #5bc0de;
}
/*end colors*/
.dana-tab-section{
    margin-top:60px;
}
@media all and (max-width : 1149px){
    .dana-tab-section{
        margin-top:98px;
    }
    .setscroll{
        height: 75vh;
    }
}
@media all and (max-width : 879px){
    .dana-tab-section{
        margin-top:136px;
    }
    .setscroll{
        height: 65vh;
    }
}
/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {

    .dana-tab-section{
        margin-top: 0px;
    }

    .dana_nav_tab{
        margin-top: 0px;
    }

    .nav-pills>li>a {
        border-radius: 10px;

    }
    .nav-pills>li {
        float: none;

    }

    .navbar-fixed-top {
        position: relative;
    }

    #logo {
        display: block;
        padding: 0;
        width: 100%;
        text-align: center;
        float: none;
    }

    nav { margin: 0; }

    .toggle + a,
    .menu { display: none; }

    .toggle {
        display: block;
        /*background-color: #386886;*/
        padding: 0 20px;
        color: #FFF;
        line-height: 60px;
        text-decoration: none;
        border: none;
    }

    .toggle:hover {
        /*border-bottom-color: #335c75;*/
        /*border-bottom-style: solid;*/
    }

    [id^=drop]:checked + ul { display: block; }

    nav ul li {
        display: block;
        width: 100%;
    }

    nav ul ul .toggle,
    nav ul ul a { padding: 0 40px; }

    nav ul ul ul a { padding: 0 80px; }

    nav a:hover,
    nav ul ul ul a {
        /*background-color:#335c75;*/
        /*color:#ffffff;*/
        text-decoration:none;
    }

    nav ul li ul li .toggle,
    nav ul ul a {
        /*background-color: #386886;*/
    }

    nav ul ul {
        float: none;
        position: static;
        color: #ffffff;
    }

    nav ul ul li:hover > ul,
    nav ul li:hover > ul { display: none; }

    nav ul li ul:hover>ul li ul {display: none;}

    nav ul ul li {
        display: block;
        width: 100%;
    }

    nav ul ul ul li { position: static;

    }

}

@media all and (max-width : 330px) {

    nav ul li {
        display: block;
        width: 94%;
    }

}

.dropup, .dropdown {
    /*position: absolute!important;*/
}

/*END NAVBAR STYLE ---*/
.sub-row{
    min-height: 60px;
}
.sub-i{
    padding-top: 10px;
}
.ui-select-multiple.ui-select-bootstrap {
     height: 40px;
    padding: 3px 3px 0;
}
/*.printscroll{*/
    /*overflow:scroll;*/
    /*overflow-x: scroll !important;*/
    /*width:100%;*/
    /*height: 100vh;*/
    /*padding: 50px 50px 120px 50px;*/
/*}*/
#deviceTable td,th{
    text-align: center;
    color: black;
}
.blink {
    animation: 1.5s linear infinite condemned_blink_effect;
}
@keyframes condemned_blink_effect {
    0% {
        background-color:white;
        color:rgb(68, 77, 88);
    }
    25% {
        background-color:rgb(68, 77, 88);
        color:white;
    }
    50%{
        background-color:white;
        color:rgb(68, 77, 88);
    }
    100% {
        background-color:rgb(68, 77, 88);
        color:white;
    }
}
.border-form{
    border-top: 1px solid rgba(153, 153, 102, 0.3);
    padding-top: 30px;
    padding-bottom: 30px;
}
.form-row-background{
    background-color: rgba(161,161,138,0.12)
}
.tab-pointer{
    cursor: pointer;
}