﻿@media (min-width:480px) and (max-width:991px) {
    .col-md-6 {
        float:left; 
        width:50%;
    }
}

@media screen and (max-width:767px) {
        .h1,
    h1{font-size:22px;}
    h2,
    .h2 {
      font-size: 16px;
    }

    h3,
    .h3 {
      font-size: 13px;
    }

    h4,
    .h4 {
      font-size: 10px;
    }

    h5,
    .h5 {
      font-size: 8px;
    }

    h6,
    .h6 {
      font-size: 8px;
    }
        .big-glyph { font-size:32px; }

    #navUserName{display:none;}
}
@media (min-width:768px) and (max-width:991px) {
    .h1,
    h1{font-size:28px;}
    h2,
    .h2 {
      font-size: 22px;
    }

    h3,
    .h3 {
      font-size: 16px;
    }

    h4,
    .h4 {
      font-size: 12px;
    }

    h5,
    .h5 {
      font-size: 10px;
    }

    h6,
    .h6 {
      font-size: 9px;
    }
      #navUserName{display:none;}

    .big-glyph { font-size:36px; }
}
@media (min-width:992px) and (max-width:1199px) {
    .h1,
    h1{font-size:32px;}
    h2,
    .h2 {
      font-size: 26px;
    }

    h3,
    .h3 {
      font-size: 20px;
    }

    h4,
    .h4 {
      font-size: 14px;
    }

    h5,
    .h5 {
      font-size: 12px;
    }

    h6,
    .h6 {
      font-size: 10px;
    }
        .big-glyph { font-size:42px; }
}
@media screen and (min-width:1200px) {
    .h1,
    h1{font-size:34px;}
    h2,
    .h2 {
      font-size: 30px;
    }

    h3,
    .h3 {
      font-size: 24px;
    }

    h4,
    .h4 {
      font-size: 18px;
    }

    h5,
    .h5 {
      font-size: 14px;
    }

    h6,
    .h6 {
      font-size: 12px;
    }

    .big-glyph { font-size:48px; }
}
body { overflow-x:hidden;}
.footer {margin :30px 0px 0px 0px;}
.header {  margin-left:50px; margin-right: 50px; position:relative; } /*removed height:90px;*/
.logo {padding:12px 0px 0px 10px}
.headerImg {width:100%; height:90px; background-size:cover; background-image:url('../../img/header-bg.jpg'); overflow:hidden; opacity:0.6}
.headerImgDummy{width:100%; height:90px; position:absolute;top:0;left:0;}
.btn.round {border-radius:16px;}
.btn-lg.round{ border-radius: 24px;}
.btn-sm.round{ border-radius: 12px; padding:10px;}
.btn.outline {
	background: none;
	padding: 12px 22px;
}

.btn-primary.outline {
	border: 2px solid #0099cc;
	color: #0099cc;
}


 .btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
	color: #33a6cc;
	border-color: #33a6cc;
}
.btn-primary.outline:active, .btn-primary.outline.active {
	border-color: #007299;
	color: #007299;
	box-shadow: none;
}

p {
    /* white-space: nowrap; */
}

.dashboard-button{margin:0 auto;background:url('../../img/primary-button.png') no-repeat;width:125px;height:125px; background-size:contain;}
.dashboard-button-green{margin:0 auto;background:url('../../img/primary-button-grn.png') no-repeat;width:125px;height:125px; background-size:contain;}
.dashboard-button-text {padding:7px;text-align:center;color:white;text-shadow:2px 5px 5px black;}

#siteNotification { display: block; min-height:100px; background-color:#fefadb }


col-sm-6-border {
    border: 2px solid red;
    border-radius: 5px;

}
 
.jqx-notification-container
{
    top : 50px;
    right: 50px;
}

#jqxNotificationDefaultContainer-top-right
{
    top : 50px;
    right: 50px;
}

td {
  border-bottom: 0px solid #ff0000;
  padding: 0em 0;
}

.jqx-validator-hint {
    height: 23px;
    margin-top: 6px;
}


loading-gif {
    visibility: visible;
}

loading-gif.hide{
    visibility: hidden;
}

h3.loading-gif{
    vertical-align: middle;
    display: inline;
}

  .divTableCell.hide, .divTableHead.hide {
    visibility: hidden;
  }

  .pl-15 {
      padding-left: 15px;
  }

  .pt-20 {
      padding-top: 20px;
  }