/*.box-primary {*/
/*border-top-color: #d20c0c*/
/*}*/

/*.common-box {*/
/*position: relative;*/
/*border-radius: 3px;*/
/*background: #ffffff;*/
/*border-top: 3px solid #d20c0c;*/
/*margin-bottom: 20px;*/
/*!*width: 100%;*!*/
/*width: 850px;*/
/*box-shadow: 0 1px 2px 0px gainsboro;*/
/*}*/

/*.common-box .box-primary {*/
/*border-top-color: #3c8dbc;*/
/*}*/

/*.box-body {*/
/*border-top-left-radius: 0;*/
/*border-top-right-radius: 0;*/
/*border-bottom-right-radius: 3px;*/
/*border-bottom-left-radius: 3px;*/
/*padding: 10px;*/
/*font-size: 12px;*/
/*}*/

/*.box-header {*/
/*color: white;*/
/*display: block;*/
/*padding: 10px;*/
/*position: relative;*/
/*!*background-color: ghostwhite;*!*/
/*background-color: #333333;*/
/*}*/

/*.box-footer {*/
/*color: #444;*/
/*display: block;*/
/*padding-bottom: 10px;*/
/*position: relative;*/
/*margin-top: 20px;*/
/*}*/

/*.box-header > .fa,*/
/*.box-header > .glyphicon,*/
/*.box-header > .ion,*/
/*.box-header .box-title {*/
/*display: inline-block;*/
/*font-size: 15px;*/
/*margin: 0;*/
/*font-family: Sans-Serif;*/
/*line-height: 1;*/
/*text-decoration: none;*/
/*}*/

.common-btn {
    color: white;
    border: none;
    border-radius: 4px;
    padding: 8px;
    cursor: pointer;
    font-size: 11px;
}

.common-btn-red {
    background-color: #094B77;
    border: 1px solid #094B77;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0;
    padding: 7px 12px;
}
.common-btn-primary-blue {
    background-color: #094B77;
    text-decoration: none;
    font-size: 10px !important;
    line-height: 1.5;
    border-radius: 4px !important;
    padding: 7px 12px;
}
.common-btn-blue {
    background-color: #0069D9;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0;
    padding: 7px 12px;
}

.common-btn-green {
    background-color: green;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0;
    padding: 7px 12px;
}

.common-btn-gray {
    background-color: grey;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0;
    padding: 7px 12px;
}

.common-btn-disable {
    background-color: #8e8e8e;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0;
    padding: 7px 12px;
}

.common-btn-black {
    background-color: black;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0;
    padding: 7px 12px;
}

.common-btn-border {
    border: 1px solid #094B77;
    background-color: white;
    color: #094B77;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0;
    padding: 7px 12px;
}

.common-btn-unassign-primary {
    background-color: #094B77 !important;
    text-decoration: none;
    font-size: 10px !important;
    line-height: 1.5;
    border-radius: 4px !important;
    padding: 7px 12px;
    background: #d20c0c url(../images/pad-unlock.png) no-repeat scroll 5px center;
}
.common-btn-unassign {
    background-color: #d20c0c;
    background: #d20c0c url(../images/unlock.png) no-repeat scroll 5px center;
}

.common-btn-process {
    background-color: #094B77;
    /*background: #d20c0c url(../images/correct.png) no-repeat scroll 5px center;*/
}

.common-linkk-red {
    color: #094B77;
}

.common-linkk-red:hover {
    color: #bd362f;
}

.common-link-href-success {
    color: #87B87F;
    text-decoration: none;
}

.common-link-href-primary {
    color: #269abc;
    text-decoration: none;
}

.common-link-href-warning {
    color: #d58512;
    text-decoration: none;
}

.common-link-href-danger {
    color: #d43f3a;
    text-decoration: none;
}

.common-btn-red:hover {
    scale: 1.02;
    color: #fff;
}

.common-btn-red:active {
    background-color: maroon;
}
.common-btn-disable:hover {
    background-color: #b2b2b2;
}

.common-btn-disable:active {
    background-color: #676767;
}

.common-btn-black:hover {
    background-color: #1a1a1a;
}

.common-btn-black:active {
    background-color: black;
}

.common-btn-black {
    background-color: black;
}

.common-btn-green:hover {
    background-color: #00a65a;
}

.common-btn-green:active {
    background-color: green;
}

.common-btn-green {
    background-color: green;
}

.common-btn-gray:hover {
    background-color: #b5b6bd;
}

.common-btn-gray:active {
    background-color: #7e807d;
}

.common-btn:hover {
    cursor: pointer;
}

.common-btn-border:hover {
    scale: 1.02;
    color: #094B77;
}

.common-form-tbl {
    border-collapse: collapse;
}

.common-form-tbl tr td {
    padding: 5px;
}

.common-form-tbl tr th {
    padding: 8px;
    background-color: white;
    color: black;
    border-bottom: 1px solid gainsboro;
    border-top: 1px solid gainsboro;
    text-align: left;
}

.common-form-tbl-b tr th {
    padding: 8px;
    background-color: #3C3C3C;
    color: white;
    border-bottom: 1px solid gainsboro;
    border-top: 1px solid gainsboro;
    text-align: left;
}

.common-form-tbl-bordered {
    border-collapse: collapse;
}

.common-form-tbl-bordered tr td,
.common-form-tbl-bordered tr th {
    border: 1px solid gainsboro;
    padding: 8px;
    /*box-shadow: 0px 0px 1px 1px grey;*/
}

.common-form-tbl-td tr:nth-child(even) {
    background-color: #f2f2f2
}

.common-form-tbl-hover tr:hover {
    background-color: gainsboro;
}

.common-filechoose {
    border: none;
}

.common-filechoose:hover {
    border: none;
}

.common-field {
    height: 20px;
    font-size: 13px;
    width: 240px;
}

.common-label {
    font-size: 13px;
}

.common-field-txt {
    height: 20px;
}

.common-seperator {
    height: auto;
    background-color: ghostwhite;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid gainsboro;
}

hr.common-hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(210, 12, 12, 0.75), rgba(0, 0, 0, 0));
}

/*================================================*/
/*panel gird form styles*/

.common-col1 {
    width: 35%;
}

.common-col2 {
    width: 276px;
}

.common-col3 {
    border: 0;
}

/*=====================================================*/
/*Bootstrap css*/

.btn {
    display: inline-block;
    padding: 1px 5px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 2px;
}

button, select {
    text-transform: none;
}

button, input {
    overflow: visible;
}

button, input, select, textarea {
    font: inherit;
    margin: 0;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0;
}

/*..................table/........*/

.table {
    margin-bottom: 20px;
    background-color: transparent;
    font-size: 12px;
}

table {
    /*background-color: transparent;*/
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

*, *:before, *:after {
    box-sizing: inherit;
}

.table-bordered {
    border: 1px solid #ddd;
}

.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 2px;
}

.table-bordered td, .table-bordered th {
    border: 1px solid #9c9c9c;
}

.table-bordered tr th {
    color: #000000;
    border-bottom: 1px solid #9c9c9c;
    border-top: 1px solid #9c9c9c;
    text-align: left;
    padding: 8px;
    background-color: #ffffff;
    text-align: center;
}

.table tr {
    background-color: #fff;
}

.table tr:hover {
    background-color: #f5f5f5;
}

.text-red {
    color: red;
}

.text-muted {
    color: #636c72 !important;
}

.text-primary {
    color: #0275d8 !important;
}

.text-success {
    color: #5cb85c !important;
}

.text-info {
    color: #5bc0de !important;
}

.text-warning {
    color: #f0ad4e !important;
}

.text-danger {
    color: #d9534f !important;
}

.text-white {
    color: whitesmoke !important;
}

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

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.16); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
/*@-webkit-keyframes animatetop {*/
/*from {*/
/*top: -300px;*/
/*opacity: 0*/
/*}*/
/*to {*/
/*top: 0;*/
/*opacity: 1*/
/*}*/
/*}*/

/*@keyframes animatetop {*/
/*from {*/
/*top: -300px;*/
/*opacity: 0*/
/*}*/
/*to {*/
/*top: 0;*/
/*opacity: 1*/
/*}*/
/*}*/

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #d20c0c;
    color: #000000;
}

.modal-body {
    padding: 2px 16px;
}

.modal-footer {
    padding: 2px 16px;
    background-color: #d20c0c;
    color: white;
}

.bs-callout {
    padding-left: 20px;
    padding-top: 3px;
    padding-bottom: 10px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.bs-callout p:last-child {
    margin-bottom: 0;
}

.bs-callout code {
    border-radius: 3px;
}

.bs-callout + .bs-callout {
    margin-top: -5px;
}

.bs-callout-default {
    border-left-color: #777;
}

.bs-callout-default h4 {
    color: #777;
}

.bs-callout-primary {
    border-left-color: #428bca;
}

.bs-callout-primary h4 {
    color: #428bca;
}

.bs-callout-success {
    border-left-color: #5cb85c;
}

.bs-callout-success h4 {
    color: #5cb85c;
}

.bs-callout-danger {
    border-left-color: #d9534f;
}

.bs-callout-danger h4 {
    color: #d9534f;
}

.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-primary-color {
    border-left-color: #094B77;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}

.bs-callout-info {
    border-left-color: #5bc0de;
}

.bs-callout-info h4 {
    color: #5bc0de;
}

/*......................badges..............*/

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #d00000;
    border-radius: 10px;
}

/*..........alerts..................*/
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.box {
    box-shadow: 0 1px 1px rgb(175, 175, 175) !important;
}

.loading_panel {
    width: 200px !important;
    height: 200px !important;
    background-color: rgba(204, 204, 204, 0) !important;
    position: absolute !important;
    opacity: 0.3 !important;
    filter: alpha(opacity=50) !important;
    top: 30% !important;
    left: 50% !important;
    background-image: url(../images/loading2.0.gif) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position-x: 50% !important;
    background-position-y: 10% !important;
    z-index: 9999 !important;
    position: fixed !important;
    display: none;
}