.btn-primary, .bg-primary, .badge-primary {
    color: #fff;
    background: #005197; /* Old browsers */
    background: -moz-linear-gradient(top,  #005197 0%, #063762 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #005197 0%,#063762 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #005197 0%,#063762 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005197', endColorstr='#063762',GradientType=0 ) !important; /* IE6-9 */
}
    .btn-primary:hover {
        background: #063762; /* Old browsers */
        background: -moz-linear-gradient(top,  #063762 0%, #005197 100%, #005197 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #063762 0%,#005197 100%,#005197 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #063762 0%,#005197 100%,#005197 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#063762', endColorstr='#005197',GradientType=0 ); /* IE6-9 */

    }
.bg-success {
    background: #4caf50; /* Old browsers */
    background: -moz-linear-gradient(top,  #4caf50 0%, #3e8e44 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #4caf50 0%,#3e8e44 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #4caf50 0%,#3e8e44 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4caf50', endColorstr='#3e8e44',GradientType=0 ); /* IE6-9 */
}
.bg-pink-400 {
    background: #ec407a; /* Old browsers */
    background: -moz-linear-gradient(top,  #ec407a 0%, #af3148 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ec407a 0%,#af3148 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ec407a 0%,#af3148 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec407a', endColorstr='#af3148',GradientType=0 ); /* IE6-9 */
}
.span-search.green {
    background: #ddf7dd !important;
}
.span-search.yellow {
    background: #fbfbce !important;
}
.span-search.pink {
    background: #fdebee !important;
}
.loader-img .imgcntnr {
    background: url("images/ajax-loader.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 46px;
    margin: 0 auto;
    width: 46px;
}

.dataTable a.downloadLink {
    color: #346189 !important;
}

    .dataTable a.downloadLink:hover {
        text-decoration: underline;
    }

.dataTable a.download-pdf-icon2 {
    background-image: url("../Content/images/pdf-Icn.png") !important;
    background-position: left top;
    background-repeat: no-repeat;
    width: 26px;
    height: 25px;
    display: block;
    border: none;
    text-decoration: none;
    float: left;
    margin-right: 10px;
}

.dataTable tr:nth-child(odd) {
    background-color: #f7f7f7;
}

.dataTable tr.heading {
    border-top: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    color: rgb(20, 95, 169);
    background-color: #fff;
}

    .dataTable tr.heading:first-child {
        border-top: none;
    }

.navbar-text.subText {
    /*font-size: 22px;
    padding: 9px 0 0 30px;
    vertical-align: top;*/
    margin: 0 auto;
    padding: .3rem 0;
    font-size: 22px;
    font-weight: 300;
}

.validation-invalid-label:before, .validation-valid-label:before {
    top: .25rem;
}
/*.header-elements-inline {
    justify-content: initial;
}*/
.dropdown-scrollable {
    max-height: 730px;
}
.nav-tabs-solid .nav-item.show .nav-link.active, .nav-tabs-solid .nav-link.active {
    color: #fff !important;
}
/*#appLoader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background-color: #000;
    opacity: 0.8;
    background-image: url("../Content/images/loading11.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 150px;
    overflow: hidden;
}*/
.input-group-text {
    border: 1px solid transparent;  
}
.index-content > .card {
    margin-bottom: .9375rem;
}
.index-content > .card > .card-body {
    padding: .7rem .9375rem ;
}
.card-header {
    padding: .9375rem !important;
}
.card > .child-div > .content{
    padding: .625rem;
    margin:0;
    border-top: 1px solid rgba(0,0,0,.125);
}
.card > .child-div > .card-body {
    padding: .625rem;
    margin:0;
    border-top: 1px solid rgba(0,0,0,.125);
}
    .card > .child-div > .content .variant-coll .card {
        margin-bottom:.625rem;
    }
    .card > .child-div > .content .variant-coll:last-child .card, .card > .child-div > .content .parent-div:last-child .card {
        margin-bottom:0;
    }
.parent-div > .card {
    margin-bottom:.625rem;
}
.parent-div > .card > .card-body.test {
    padding: .625rem;
    border-top: 1px solid rgba(0,0,0,.125);
}
.card-header {
    background-color: #dfedf7 !important;
}
.child-div .card-header {
    background-color: azure !important;
}
.child-div .child-div .card-header{
    background-color: #e0f0f7 !important;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: 24px !important;
    font-family: inherit !important;
}
.chosen-container-multi .chosen-choices {
    border:1px solid #ddd;
    border-radius: .1875rem;
}
.media-title {
    color: rgb(20, 95, 169);
    font-weight:600;
}
.list-icons-item:after {
    font-size:1.1rem;
}
@media (min-width: 992px) {
    .modal-xl {
        max-width: 1024px;
    }
}
/* CSS loader */

.artboard {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	flex-wrap: wrap;
	position: fixed;
	background-color: rgba(0, 0, 0, 0.85);
    z-index: 9999999;
}
.domino > div {
	border-radius: 5px;
	display: inline-flex;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 25px;
	height: 25px;
	-webkit-animation: domino-effect 1.2s infinite ease-in-out;
	animation: domino-effect 1.2s infinite ease-in-out;
}
.domino > div:nth-child(1) {
	background: #0c3b73;
}
.domino > div:nth-child(1):after {
	background: #0c3b73;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.domino > div:nth-child(2) {
	background: #2668b7;
}
.domino > div:nth-child(2):after {
	background: #2668b7;
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.domino > div:nth-child(3) {
	background: #4e8dd8;
}
.domino > div:nth-child(3):after {
	background: #4e8dd8;
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}
.domino > div:nth-child(4) {
	background: #83b3ec;
}
.domino > div:nth-child(4):after {
	background: #83b3ec;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.domino > div:nth-child(5) {
	background: #eb7260;
}
.domino > div:nth-child(5):after {
	background: #eb7260;
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
.domino > div:nth-child(1) {
	margin: 5px;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.domino > div:nth-child(2) {
	margin: 5px;
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.domino > div:nth-child(3) {
	margin: 5px;
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}
.domino > div:nth-child(4) {
	margin: 5px;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.domino > div:nth-child(5) {
	margin: 5px;
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
.domino > div:after {
	content: "";
	position: relative;
	top: 0px;
	left: -28px;
	opacity: 0;
	border-radius: 5px;
	width: 25px;
	height: 25px;
	-webkit-animation: illusion 1.2s infinite ease-in-out;
	animation: illusion 1.2s infinite ease-in-out;
}
 @-webkit-keyframes beat {
 to {
 -webkit-transform: scale(1.4);
 transform: scale(1.4);
}
}
 @keyframes beat {
 to {
 -webkit-transform: scale(1.4);
 transform: scale(1.4);
}
}
@-webkit-keyframes spin {
 to {
 -webkit-transform: rotate(140deg);
 transform: rotate(140deg);
}
}
@keyframes spin {
 to {
 -webkit-transform: rotate(140deg);
 transform: rotate(140deg);
}
}
@-webkit-keyframes domino-effect {
 20%, 100% {
 -webkit-transform: rotate(135deg);
 transform: rotate(135deg);
}
}
@keyframes domino-effect {
 20%, 100% {
 -webkit-transform: rotate(135deg);
 transform: rotate(135deg);
}
}
@-webkit-keyframes illusion {
 0%, 25% {
 opacity: 1;
}
 26.10%, 33.33%, 100% {
 opacity: 0;
}
}
@keyframes illusion {
 0%, 25% {
 opacity: 1;
}
 26.10%, 33.33%, 100% {
 opacity: 0;
}
}

/* end CSS loader */
@media (max-width: 820px) {
    .navbar-brand h1 {
         font-size: 1rem;
    }
}
@media (max-width: 768px) {
    .navbar-brand h1 {
        font-size: 1rem;
        margin: 0 0 0 10px;
        line-height: 26px;
    }
    .navbar-brand img {
        height: 1.6rem;
    }
    .navbar-brand.mr-5 {
        margin-right:0 !important;
    }
    .navbar-brand a {
        padding-right: 10px;
    }
    .datatableOuter {
        overflow-x: auto;
    }
    .datatableOuter .dataTable {
        min-width: 1000px;
    }    
    
}

.icon-cross3.text-danger-400 {
    font-size: 24px;
}
.AddcmtBtn .icon-cross3 {
    transform: rotate(45deg);
    font-size: 24px;
    color: #298c2d;
}
.btn.delBtn {
    padding:0;
    margin:0;
    border:0;
}
    .btn.delBtn:hover {
        box-shadow: none !important;
    }
.chosen-container-single .chosen-single {
   border-radius: .1875rem !important;
}
.link-icon {
    background: url("images/link.png") left center;
    display: block;
    background-repeat: no-repeat;
    border: none;
    text-decoration: none;
    padding-left: 30px;
    line-height: 24px;
}
.fs-italic
{
    font-style:italic;
}
.p6em
{
    padding: 0.6em;
}
.divLink
{
    position:absolute;
    top:0%;
    right:1%
}
.divLink > a {
    float:right;
}
.margin-top-2
{
    margin-top: 2%;
}
.divListPage {
  overflow-x:hidden;
        }
 

@media (max-width: 767.88px){
    .panel-types-md-show{
        position: absolute;
        right: 10px;
        top: -6px;
        z-index: 9999;
    }
    #show-panel{
        display: none;
    }
}
@media (min-width: 768px){

    .show-panel{
        display: flex !important;
    }
}
@media only screen and (max-width: 600px) {
  
.divLink {position: relative;    top: 0;    left: 0;}

.divLink > a {float: left; }

    .divListPage {
         overflow-x:auto;
    }
    
}
@media (max-width: 320px){
.navbar-brand h1 {
    font-size: 14px;
    
}

}
@media (max-width: 280px){
.navbar-brand h1 {
    font-size: 11px;
    
}

}