body {
  overflow-y: scroll;
  position: relative;
  height: 100%;
}

html {
  height: 100%;
}

a {
  cursor: pointer;
}

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

.cname {
  display: table-cell;
  float: none !important;
  vertical-align: middle;
  padding-left: 5px;
}

.btnActionLnk {
  background: #862127;
  color: #fff;
  font-family: 'Helvetica Neue',sans-serif;
  font-size: 17px;
  border: 1px solid #862127;
  padding: 5px 10px;
}

  .btnActionLnk a {
    vertical-align: middle;
    text-decoration: none;
  }

  .btnActionLnk:hover {
    cursor: pointer;
    background: #f5980D;
    text-decoration: none;
    /*border: 3px solid #862127;*/
  }

.btn-sm.btnActionLnk {
  font-size: 12px;
}

.btnActionLnkreg {
  height: 23px;
  background: #fff url(images/sign_up_bg.jpg) no-repeat top center;
  color: red;
  margin-right: 5px;
  min-width: 80px;
  text-align: center;
  margin-top: 5px;
  border: 4px solid #C6C6C6;
  float: right;
}

  .btnActionLnkreg:a {
    vertical-align: middle;
    color: #FFF;
    text-decoration: none;
  }

  .btnActionLnkreg:hover {
    cursor: pointer;
    color: #FFF;
  }

.moreAuthLink {
  font-weight: bold;
}

.BtnBuyFront {
  background: url(../Images/small-btn-green.png) no-repeat;
  font-size: 14px;
  font-family: Calibri;
  width: 103px;
  height: 22px;
  text-decoration: none;
  text-align: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  color: #FFF;
}

  .BtnBuyFront:hover {
    background: url(../Images/small-btn-green-hover.png) no-repeat;
    text-decoration: none;
  }
/*.............................................................................................*/
.topMenuBarFixed {
  background: #f6f6f6;
}

.navbar {
  border-radius: 0;
  margin-bottom: 0;
  background: #ef5a2f;
  /*background: #1C2B36;*/
  padding-bottom: 0;
  border: 0;
  /*z-index: 9999;*/
  box-shadow: 2px 0 3px rgba(0,0,0,.5);
}

.lightbox-modal {
  padding-top: 40px;
}

.navbar-inverse .navbar-nav > li > a {
  color: white;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #C52D2F;
}

.navbar-default .navbar-nav > li > a {
  color: white;
}

.navbar-header-top .navbar-nav > .dropdown > a .caret {
  border-top-color: white;
  border-bottom-color: white;
}

#footer {
  padding: 10px 0;
  background-color: #260D05;
}

#services {
}

  #services .lead, #services h2 {
    color: black;
  }

.partners > ul > li > a > img {
  height: 70px;
  margin-right: 50px;
}
/*...........................................................*/
.LoginRegisterNav {
  display: inline-block;
  list-style: outside none none;
  padding: 0 0 0 10px;
  margin: 0px;
}

  .LoginRegisterNav li {
    display: inline-block;
    margin-right: 10px;
  }

    .LoginRegisterNav li a {
      color: white;
    }

      .LoginRegisterNav li a:hover {
        color: #D43133;
      }
/* Login form*/
strong {
  font-weight: 500;
}

a, a:hover, a:focus {
  color: #de995e;
  text-decoration: none;
  -o-transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;
}

h1, h2 {
  margin-top: 5px;
  font-size: 30px;
  font-weight: 100;
  color: #555;
  line-height: 50px;
}

h3 {
  font-size: 22px;
  font-weight: 300;
  color: #555;
  line-height: 30px;
}

img {
  max-width: 100%;
}

::-moz-selection {
  background: #de995e;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #de995e;
  color: #fff;
  text-shadow: none;
}

.btn-link-1 {
  display: inline-block;
  height: 50px;
  margin: 5px;
  padding: 16px 20px 0 20px;
  background: #de995e;
  font-size: 16px;
  font-weight: 300;
  line-height: 16px;
  color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

  .btn-link-1:hover, .btn-link-1:focus, .btn-link-1:active {
    outline: 0;
    opacity: 0.6;
    color: #fff;
  }

  .btn-link-1.btn-link-1-facebook {
    background: #4862a3;
  }

  .btn-link-1.btn-link-1-twitter {
    background: #55acee;
  }

  .btn-link-1.btn-link-1-google-plus {
    background: #dd4b39;
  }

  .btn-link-1 i {
    padding-right: 5px;
    vertical-align: middle;
    font-size: 20px;
    line-height: 20px;
  }

.btn-link-2 {
  display: inline-block;
  height: 50px;
  margin: 5px;
  padding: 15px 20px 0 20px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #fff;
  font-size: 16px;
  font-weight: 300;
  line-height: 16px;
  color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

  .btn-link-2:hover, .btn-link-2:focus,
  .btn-link-2:active, .btn-link-2:active:focus {
    outline: 0;
    opacity: 0.6;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
  }
/***** Top content *****/
.inner-bg {
  padding: 100px 0 170px 0;
}

.top-content .text {
  color: #fff;
}

  .top-content .text h1 {
    color: #fff;
  }

.top-content .description {
  margin: 20px 0 10px 0;
}

  .top-content .description p {
    opacity: 0.8;
  }

  .top-content .description a {
    color: #fff;
  }

    .top-content .description a:hover,
    .top-content .description a:focus {
      border-bottom: 1px dotted #fff;
    }

.form-box {
  /*margin-top: 35px;*/
  background: #eee;
  padding-top: 20px;
}
/*............................login form.........................*/
/*Auth */
.auth-main {
  /*display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    position: absolute;*/
  margin-top: 5%;
}

.auth-block {
  /*width: 500px;*/
  /*margin: 0 auto;*/
  /*background-color: orange;*/ /*color: #fff;*/
  border-radius: 5px;
  border: 2px solid #ef5a2f;
  padding: 0;
}

.form-top {
  overflow: hidden;
  padding: 0 25px 15px 25px;
  background: #fff;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  text-align: left;
}

.form-top-left {
  float: left;
  width: 75%;
  padding-top: 25px;
}

  .form-top-left h3 {
    margin-top: 0;
  }

.form-top-right {
  float: left;
  width: 25%;
  padding-top: 5px;
  font-size: 66px;
  color: #ddd;
  line-height: 100px;
  text-align: right;
}

.form-bottom {
  padding: 25px 25px 30px 25px;
  background: #eee;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  text-align: left;
}

  .form-bottom form textarea {
    height: 100px;
  }

  .form-bottom form button.btn {
    width: 100%;
  }

  .form-bottom form .input-error {
    border-color: #de995e;
  }
/*............................login form end.........................*/
.social-login {
  margin-top: 35px;
}

  .social-login h3 {
    color: #fff;
  }

.social-login-buttons {
  margin-top: 25px;
}

.form-box input[type="text"], .form-box input[type="email"],
.form-box input[type="password"],
.form-box textarea,
.form-box textarea.form-control {
  height: 50px;
  margin: 0;
  padding: 0 20px;
  vertical-align: middle;
  /*background: #f8f8f8;*/
  background: white;
  /*border: 3px solid #ddd;*/
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 50px;
  color: #888;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -o-transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;
}

  .form-box textarea,
  .form-box textarea.form-control {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 30px;
  }

    .form-box input[type="text"]:focus, .form-box input[type="email"]:focus,
    .form-box input[type="password"]:focus,
    .form-box textarea:focus,
    .form-box textarea.form-control:focus {
      outline: 0;
      background: #fff;
      /*border: 3px solid #ccc;*/
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
    }

    .form-box input[type="text"]:-moz-placeholder, .form-box input[type="password"]:-moz-placeholder,
    .form-box textarea:-moz-placeholder, .form-box textarea.form-control:-moz-placeholder {
      /*color: #888;*/
      color: black;
    }

    .form-box input[type="text"]:-ms-input-placeholder, .form-box input[type="password"]:-ms-input-placeholder,
    .form-box textarea:-ms-input-placeholder, .form-box textarea.form-control:-ms-input-placeholder {
      color: black;
    }

    .form-box input[type="text"]::-webkit-input-placeholder, .form-box input[type="password"]::-webkit-input-placeholder,
    .form-box textarea::-webkit-input-placeholder, .form-box textarea.form-control::-webkit-input-placeholder {
      color: black;
    }

.btnCssnew {
  background: #de995e;
  color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -o-transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  -ms-transition: all .3s;
  padding: 6px 12px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  width: 48%;
}

.btnCss {
  /*height: 40px;
   
    padding: 0 20px;
    vertical-align: middle;
    font-weight: 300;
         font-size: 14px;
    line-height: 40px;*/
  margin: 5px;
  border: 0;
  background: #EF5A2F;
  color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -o-transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;
}

  .btnCss:hover {
    opacity: 0.6;
    color: #fff;
  }

  .btnCss:active {
    outline: 0;
    opacity: 0.6;
    color: #fff;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .btnCss:focus {
    outline: 0;
    opacity: 0.6;
    background: #de995e;
    color: #fff;
  }

  .btnCss:active:focus, .btnCss.active:focus {
    outline: 0;
    opacity: 0.6;
    background: #de995e;
    color: #fff;
  }

.form-box input[type="radio"] {
  margin-left: 20px;
}

.box-footer {
  border-top: 1px solid #D3D3D3;
  margin-top: 20px;
  box-shadow: 0px 1px #FFF inset;
  padding-top: 10px;
  text-align: center;
  font-size: 18px;
}

  .box-footer a {
    color: #862127;
    font-weight: bolder;
  }
/*.............................................................*/
#bodyContainer {
  padding-top: 20px;
}

.dialog-panel {
  border: 1px solid black;
  margin-bottom: 0;
  /*margin-left:7%;
    margin-right:7%;*/
  background: linear-gradient(to bottom, #F0F4FD, white);
}

  .dialog-panel .indent-small {
    margin-left: 5px;
  }

  .dialog-panel .form-group.internal {
    margin-bottom: 0;
  }

  .dialog-panel .dialog-panel {
    margin: 10px;
  }

  .dialog-panel .datepicker-dropdown {
    z-index: 200 !important;
  }

  .dialog-panel .panel-heading {
    background: #232F3E;
    border: 1px solid #232F3E;
  }

  .dialog-panel .panel-body {
    background: #e5e5e5; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #e5e5e5 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #e5e5e5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #e5e5e5 0%,#ffffff 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #e5e5e5 0%,#ffffff 100%); /* IE10+ */
    background: radial-gradient(ellipse at center, #e5e5e5 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }

    .dialog-panel .panel-body .control-label {
      font-size: 18px;
      font-weight: 600;
    }

  .dialog-panel label.control-label {
    font-weight: 600;
    color: #777;
  }

  .dialog-panel .panel-title {
    color: white;
    font-size: 20px;
    font-weight: bold;
  }

  .dialog-panel .controlPadding {
    padding-top: 7px;
  }
/*.........................................................................................*/
/*............................. create course............................................................*/
.addContent, .closeContent {
  text-decoration: none;
  color: #FFF !important;
  background-color: #3A6B94;
  border-color: #30587B;
  padding: 4px 6px;
  margin: auto;
}

.closeContent {
  padding: 1px 4px;
}
/*.........................................................................................*/
.control-text {
  padding-top: 7px;
  margin-top: 0px;
  margin-bottom: 0px;
}
/**/
.control-label {
  font-size: 18px;
  font-weight: 600;
}

.ddlCss {
  height: 50px;
  margin: 0px;
  padding: 0px 20px;
  vertical-align: middle;
  background: #E6E6E6 none repeat scroll 0% 0%;
  border: 0px none;
  font-family: "Roboto",sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 50px;
  color: black;
  border-radius: 4px;
  text-shadow: none;
  box-shadow: none;
  transition: all 0.3s ease 0s;
}

.homeViewContainer {
  padding: 10px;
}

  .homeViewContainer .list-group {
    margin: 0;
  }

#SplashScreenFooter {
  padding: 5px 0;
  width: 100%;
  background-color: lightgray;
}

.btnSpScreen {
  background-color: black;
  color: white;
  margin: 0 5px;
}

.img-responsive {
}

.font-button {
  height: 30px;
  width: 30px;
  display: inline-block;
  color: black;
  text-align: center;
  line-height: 20px;
  font-size: 18px;
  cursor: pointer;
}

.dropdown-menu {
  margin-top: -1px;
  min-width: 150px;
  text-align: left;
}

  .dropdown-menu li a {
    color: black;
  }

    .dropdown-menu li a:hover {
      /*text-decoration-line: underline;*/
      text-decoration-color: #E36712;
      color: #E36712;
      font-weight: bold;
    }

.caret {
  display: inline-block;
  width: 0px;
  height: 0px;
  margin-left: 2px;
  vertical-align: middle;
  border-width: 4px 4px 0px;
  border-style: solid solid dotted;
  border-color: #e5e5e5 transparent -moz-use-text-color;
}

.ddlCountry {
  background-color: #F6F6F6;
  height: 40px;
}

.scrollable-dropdown {
  height: auto;
  max-height: 300px;
  overflow-x: hidden;
}

@media (min-width: 768px) {
  #search-school .navbar-form, #search-profilesSchool .navbar-form {
    width: 45%;
  }
}

@media (min-width: 992px) {
  #search-school .navbar-form, #search-profilesSchool .navbar-form {
    width: 60%;
  }
}

@media (min-width: 1200px) {
  #search-school .navbar-form, #search-profilesSchool .navbar-form {
    width: 65%;
  }
}

.homeNgViewContainer, .internalNgViewContainer {
  /*padding: 10px;*/
  /*min-height: 500px;
    min-height: 80vh;*/
}
/*profile*/
.profilePicDisplayCss {
  border: 1px solid #E36712;
  max-height: 200px;
}

  .profilePicDisplayCss:hover {
    border: 3px solid #E36712;
  }

.profilePicCss {
  /*border:1px solid black;*/
}

.dvtopCss {
  float: right;
}

#top-link-block a {
  background-color: black;
  color: white;
}

#top-link-block.affix-top {
  position: absolute; /* allows it to "slide" up into view */
  bottom: -82px; /* negative of the offset - height of link element */
  right: 5px; /* padding from the right side of the window */
}

#top-link-block.affix {
  position: fixed; /* keeps it on the bottom once in view */
  bottom: 18px; /* height of link element */
  right: 5px; /* padding from the right side of the window */
}
/*...............................error.......................*/
.has-error .form-control {
  background-color: #FFEEEE;
}

.error {
  color: #b94a48;
}
/*error End*/
.borderNone, .borderNone > tbody > tr > td {
  border: 0;
}

.profilePicSmallCss {
  height: 50px;
  width: 50px;
  border-radius: 50%;
}
/*.glyphicon-off {
    color:white;
}*/
.tab-content {
  padding-top: 0px;
}

.profileNavtab {
  background-color: #E36712;
  /*height:30px;*/
}
/*<a class="ng-binding" ng-click="cityChanged(city)"> Change city </a>*/
.dropdown-menu li a.changeCity {
  color: blue;
}

.dialog-panel .panel-body {
  background: none;
}

.navTabCss {
  background-color: #E36712;
  border: none;
  border-bottom: 1px solid black;
}

  .navTabCss > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus,
  .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background: #232F3E;
  }

    .navTabCss > li.active > a:after {
      border-color: transparent transparent transparent #232F3E;
    }

  .navTabCss > li, .navTabCss li:last-child {
    border: 0;
    border-right: 0.1em solid #232F3E;
    border-collapse: collapse;
  }

.progress {
  /*height: 3em;*/
  background-color: #232F3E;
}

  .progress i {
    /*line-height: 3.5em;*/
  }

.progress-bar {
  /*-webkit-transition: width 1s ease-in-out;
          transition: width 1s ease-in-out;*/
  background-color: #E36712;
}
/*......................................Profile Info............................................*/
.profileInfoBody .form-group {
  margin-bottom: 0;
}
/*......................................Profile Info End............................................*/
/*.........................Home content slider..........................*/
.contentSliderWrapper {
  padding-top: 20px;
}
/*.............Common....................*/
.stopPropagation {
  /*pointer-events:none;
    cursor:default;*/
}
/*.............Common end....................*/
#school-List-front {
  padding-top: 20px;
}

.form-box input[type="text"].MandField, .form-box input[type="password"].MandField, .form-box input[type="email"].MandField {
  border: 1px solid #B94A48;
}
/*.input-group-addon {
    border:1px solid #B94A48;
}*/
.navbar-brand {
  padding: 5px;
}
/*/..............App........................*/
.appHomeNgViewContainer {
  padding: 10px 0;
  min-height: 530px;
}
/*...............................................*/
.bodyOverflowHidden {
  overflow: hidden;
}
/*.......................................view doc.....................*/
.downloadZipWrapper .ng-gallery img.ng-thumb {
  margin-right: 10px;
}

.downloadZipWrapper .chkSelectAll {
}

.downloadZipWrapper .lblSelectAll {
  font-size: 14px;
  margin-left: 5px;
  margin-right: 10px;
}

.downloadZipWrapper .examinerFolder {
  text-align: center;
  width: 200px;
  margin: 0 0 10px 10px;
  border: 2px solid #EEEEEE;
  display: inline-block;
  vertical-align: top;
}

.downloadZipWrapper .dateFolder {
  text-align: center;
  width: 200px;
  margin: 0 0 10px 10px;
  border: 2px solid #EEEEEE;
  display: inline-block;
  vertical-align: top;
}

.downloadZipWrapper .folderWrapper {
  padding-top: 20px;
}

.downloadZipWrapper .folderContainer {
}

  .downloadZipWrapper .folderContainer h3 {
    margin-top: 0;
  }

.downloadZipWrapper .fileGalleryContainer {
  padding: 20px;
}

.downloadZipWrapper .fileGalleryInnerContainer {
  border: 2px solid #EEEEEE;
  display: table;
  width: 100%;
}

.downloadZipWrapper .fileGalleryContainer ul.gallery li {
}

.impersunateMode {
  border: 2px solid red;
}

.downloadZipWrapper .gallery {
  display: inline-block;
  margin-top: 20px;
}

.downloadZipWrapper ul.gallery li {
  width: 48%;
  margin-right: 2%;
}

.downloadZipWrapper .takeContainer {
  width: 50%;
  border-right: 2px solid #EEEEEE;
  display: table-cell;
  vertical-align: top;
  padding: 10px;
}

.downloadZipWrapper .retakeContainer {
  width: 50%;
  display: table-cell;
  vertical-align: top;
  padding: 10px;
}

.downloadZipWrapper .takeTile {
  font-size: 20px;
  text-align: center;
  margin: 10px 0;
}
/*style="padding: 20px; border: 2px solid #EEEEEE;"*/
/*.......................................view doc...................*/
.imageUploadTime {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}

.imageUploadImpUser {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}
/*********************************************************************************Welcome.html*************************************/
.nav-side-menu {
  /*overflow: auto;*/
  font-family: verdana;
  font-size: 12px;
  font-weight: 200;
  background-color: #260D05;
  /*position: fixed;*/
  z-index: 1000;
  /*top: 0px;*/
  width: 250px;
  height: 100%;
  color: #e1ffff;
  margin-left: -15px;
  /*padding-left: -250px;*/
}

  .nav-side-menu .brand {
    background-color: #23282e;
    line-height: 50px;
    display: block;
    text-align: center;
    font-size: 14px;
  }

  .nav-side-menu .toggle-btn {
    display: none;
  }

  .nav-side-menu ul,
  .nav-side-menu li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-left: 12px;
    line-height: 35px;
    cursor: pointer;
    /*    
    .collapsed{
       .arrow:before{
                 font-family: FontAwesome;
                 content: "\f053";
                 display: inline-block;
                 padding-left:10px;
                 padding-right: 10px;
                 vertical-align: middle;
                 float:right;
            }
     }
*/
  }

    .nav-side-menu ul :not(collapsed) .arrow:before,
    .nav-side-menu li :not(collapsed) .arrow:before {
      font-family: FontAwesome;
      content: "\f078";
      display: inline-block;
      padding-left: 10px;
      padding-right: 10px;
      vertical-align: middle;
      float: right;
    }

    .nav-side-menu ul .active,
    .nav-side-menu li .active {
      /*border-left: 3px solid #d19b3d;
  background-color: #4f5b69;*/
    }

    .nav-side-menu ul .sub-menu li.active,
    .nav-side-menu li .sub-menu li.active {
      /*color: #d19b3d;*/
    }

      .nav-side-menu ul .sub-menu li.active a,
      .nav-side-menu li .sub-menu li.active a {
        color: #d19b3d;
      }

    .nav-side-menu ul .sub-menu li,
    .nav-side-menu li .sub-menu li {
      background-color: #181c20;
      border: none;
      line-height: 28px;
      border-bottom: 1px solid #23282e;
      margin-left: 0px;
    }

      .nav-side-menu ul .sub-menu li:hover,
      .nav-side-menu li .sub-menu li:hover {
        text-decoration: none;
        color: #fff;
        background: rgba(255,255,255,0.2);
      }

      .nav-side-menu ul .sub-menu li:before,
      .nav-side-menu li .sub-menu li:before {
        font-family: FontAwesome;
        content: "\f105";
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
        vertical-align: middle;
      }
    /*.nav-side-menu li {
  padding-left: 0px;
  border-left: 3px solid #2e353d;
  border-bottom: 1px solid #23282e;
}*/
    .nav-side-menu li a {
      text-decoration: none;
      color: #e1ffff;
    }

      .nav-side-menu li a i {
        padding-left: 10px;
        width: 20px;
        padding-right: 20px;
      }

    .nav-side-menu li:hover {
      border-left: 3px solid #d19b3d;
      background-color: #4f5b69;
      -webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
      transition: all 1s ease;
    }

@media (max-width: 767px) {
  .nav-side-menu {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }

    .nav-side-menu .toggle-btn {
      display: block;
      cursor: pointer;
      position: absolute;
      right: 10px;
      top: 10px;
      z-index: 10 !important;
      padding: 3px;
      background-color: #ffffff;
      color: #000;
      width: 40px;
      text-align: center;
    }

  .brand {
    text-align: left !important;
    font-size: 22px;
    padding-left: 20px;
    line-height: 50px !important;
  }



}

@media (max-width:991px) {

  .zqfrontheading-css {
    margin-top: 20px;
  }
}

  @media (min-width: 260px) and (max-width:360px) {
    .nav-side-menu .toggle-btn {
      display: block;
      cursor: pointer;
      position: absolute;
      right: -30px;
      top: -52px;
      z-index: 10 !important;
      padding: 3px;
      background-color: #ffffff;
      color: #000;
      width: 40px;
      text-align: center;
    }
  }

  @media (min-width:360px) and (max-width:600px) {
    .nav-side-menu .toggle-btn {
      display: block;
      cursor: pointer;
      position: absolute;
      right: -76px;
      top: -52px;
      z-index: 10 !important;
      padding: 3px;
      background-color: #ffffff;
      color: #000;
      width: 40px;
      text-align: center;
    }
  }

  @media (min-width: 767px) {
    .nav-side-menu .menu-list .menu-content {
      display: block;
      text-indent: 20px;
    }
  }

  body {
    margin: 0px;
    padding: 0px;
  }


  .marginTop15px {
    margin-top: 15px;
  }

  .marginTop20px {
    margin-top: 20px;
  }

  .marginTop-25px {
    margin-top: -25px;
  }

  .marginTop30px {
    margin-top: 30px;
  }

  .marginTop40px {
    margin-top: 40px;
  }
  .marginTop50px {
    margin-top: 50px;
  }

  .marginTop70px {
    margin-top: 70px;
  }

  .leftpadding10px {
    margin-left: 10px;
  }

  .navbar-header {
    width: 100%;
  }

  @media (min-width: 768px) {
    .sidebarToggle .navbar-collapse.collapse {
      display: inline-block !important;
    }
  }

  .sidebarToggle {
    display: inline-block;
  }

    .sidebarToggle .navbar-toggle {
      float: left;
      border: 0;
      background-color: transparent;
      outline: none;
      color: white;
    }

      .sidebarToggle .navbar-toggle:hover {
        float: left;
        border: 0;
        background-color: transparent;
        color: white;
      }

      .sidebarToggle .navbar-toggle:focus {
        background-color: transparent;
      }

  .avtarContainer {
    float: right;
    padding: 5px;
  }

    .avtarContainer a, .avtarContainer a:hover {
      text-decoration: none;
    }

    .avtarContainer .dropdown-menu {
      left: auto;
      right: 0;
    }

  header#header {
    position: fixed;
    width: 100%;
    /*z-index: 99999;*/
    z-index: 1001; /*here*/
  }

  /*#wrapper {
  padding-top: 60px;
}*/
  #wrapper {
    padding-top: 69px;
  }

  #sidebar-wrapper {
    z-index: 904;
    min-height: 100%;
    position: fixed;
    height: 100%;
  }
    /*
 *  STYLE 4
 */
    #sidebar-wrapper::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      background-color: #F5F5F5;
    }

    #sidebar-wrapper::-webkit-scrollbar {
      width: 10px;
      background-color: #F5F5F5;
    }

    #sidebar-wrapper::-webkit-scrollbar-thumb {
      /*background-color: #E56713;*/
      /*border: 2px solid #555555;
        background-color: #555;*/
      background-color: darkgrey;
      outline: 1px solid slategrey;
    }

    #sidebar-wrapper .mainMenuUl > li:last-child {
      margin-bottom: 100px;
    }

    #sidebar-wrapper .childMenuUl {
      padding-left: 10px;
    }

      #sidebar-wrapper .childMenuUl .fa-stack {
        line-height: 2.8em;
      }

  .bodyWrapper {
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }
  /*For radiobutton selected color change  */
  .class-if-selected {
    color: Red;
  }
  /*.........feedback.................*/
  .feedbackUl {
    list-style: none;
    padding-left: 1px;
  }

  .feebbackLi {
    border-bottom: solid #c9c9c9 1px;
    margin-bottom: 5px;
    padding-bottom: 10px;
  }

  .feedbackTitle {
    font-size: 18px;
  }

    .feedbackTitle :hover {
      text-decoration: underline;
    }

  .feedbackDate {
  }

  .feedbackName {
  }

  .feedbackText {
    margin-top: 5px;
  }

  .feedbackImage img {
    /*max-width:500px;*/
    max-height: 500px;
  }

  .readUnread {
    width: 10px;
    height: 10px;
    background: red;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: block;
    float: right;
    margin-right: 30px;
  }

  .readUnreadCenter {
    width: 10px;
    height: 10px;
    background: red;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: block;
    margin: auto;
  }

  .feedbackReplyTitle {
    font-size: 18px;
    padding-bottom: 10px;
    border-bottom: solid #c9c9c9 1px;
    margin-bottom: 20px;
    margin-top: 30px;
  }

  .feedbackRefresh {
    cursor: pointer;
    font-size: 30px;
    float: right;
  }

  .feedbackMessageOutter {
    background: white;
    padding: 10px;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    max-width: 100%;
  }
  /*.feedbackMessageOutter1 {
    max-width: 70%;
    float: right;
    clear: both;
}
.feedbackMessageOutter2 {
    max-width: 70%;
    clear: both;
}
.supportTextRight {
}*/
  .feedbackReplyOutter hr {
    clear: both;
  }

  .feedbackReplyByUser {
    max-width: 70%;
    clear: both;
    margin-bottom: 20px;
  }

  .feedbackReplyBySupport {
    max-width: 70%;
    float: right;
    clear: both;
    margin-bottom: 20px;
  }
  /*...........badges............................*/
  .notificationBadge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999;
    border-radius: 10px;
    text-indent: 0;
    margin-left: 10px;
    background-color: #8B0000;
    background-color: red;
    /*display:none;*/
  }
  /*......................Profile.............................*/
  @media (min-width: 425px) {
    .bottomBorderStyle {
      border-bottom: 1px;
      border-top: 0px;
      border-left: 0px;
      border-right: 100px;
      border-color: gray;
      border-style: solid;
      padding: 5px;
      border-left-color: white !important;
      border-right-color: white !important;
    }
  }

  @media (min-width: 375px) {
    .bottomBorderStyle {
      border-bottom: 1px;
      border-top: 0px;
      border-left: 0px;
      border-right: 20px;
      border-color: gray;
      border-style: solid;
      padding: 5px;
      border-left-color: white !important;
      border-right-color: white !important;
    }
  }
  /*......................Profile end.............................*/
  /*..................................basic.................................*/
  .header1 {
    background-color: #428bca;
    clear: both;
    padding: 10px 0 10px 10px;
    height: 40px;
    font-weight: 800;
    font-size: 22px;
    color: black;
  }

    .header1 input {
      margin-top: -10px;
    }
  /*..................................basic end.................................*/
  /*................................formGrid1..................................*/
  .formGrid1 .row {
    margin-top: 10px;
  }
  /*................................formGrid1 end..................................*/
  /*.......................tablegrid....................*/
  .tableGrid1 {
    width: 100%;
  }

    .tableGrid1 thead {
    }

      .tableGrid1 thead th {
        /*background-color: #428bca;*/
        background-color: #ef5a2f;
        color: white;
      }

        .tableGrid1 thead th:first-child {
          border-left: 1px solid #1C2B36;
        }

        .tableGrid1 thead th:last-child {
          border-right: 1px solid #1C2B36;
        }

      .tableGrid1 thead .mainHeader {
        font-weight: bold;
        font-size: 18px;
        background-color: #EEEEEE;
        border-bottom: 0;
        color: black;
      }

  .addNew {
    cursor: pointer;
  }

    .addNew i {
      font-size: 25px;
    }

  .formControl-InputGroup {
    padding: 0;
    vertical-align: middle;
  }

    .formControl-InputGroup input[type="checkbox"], .formControl-InputGroup input[type="radio"] {
      margin-left: 10px;
    }

    .formControl-InputGroup label {
      margin-bottom: 0;
    }

  .parentMenuItem {
    background-color: lightgrey;
  }

  .childMenuItem {
    padding-left: 20px !important;
  }

  div.mainHeader {
    font-weight: bold;
    font-size: 18px;
    background-color: #EEEEEE;
    border-bottom: 0;
    color: black;
    padding: 8px;
  }
  /*...............faq...................................*/
  .faqCategory {
    min-width: 20%;
    display: inline-block;
  }

  .faqPostContainer {
  }

    .faqPostContainer .postItem {
      border: 1px solid black;
      padding: 10px;
      border-collapse: collapse;
      border-bottom: 0;
      /*  margin-bottom:10px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
        border-radius: 20px;*/
    }

      .faqPostContainer .postItem:last-child {
        border: 1px solid black;
      }

    .faqPostContainer .referenceNo {
    }

    .faqPostContainer .questionText {
      font-weight: bold;
      margin-top: 15px;
    }

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

    .faqPostContainer .postDateOutter {
      margin-top: 20px;
    }

    .faqPostContainer .postedDate, .faqPostContainer .postedBy, .faqPostContainer .views, .faqPostContainer .likes {
      display: inline-block;
      margin-right: 10px;
    }

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

      .faqPostContainer .publishedOutter .publishedDate, .faqPostContainer .publishedOutter .publishedBy {
        display: inline-block;
        margin-right: 10px;
      }

  .radioToCheckbox1 input[type="radio"] {
    -webkit-appearance: checkbox; /* Chrome, Safari, Opera */
    -moz-appearance: checkbox; /* Firefox */
    -ms-appearance: checkbox; /* not currently supported */
  }
  /*...............faq end...................................*/
  .capitalized {
    text-transform: capitalize;
  }
  /*.pageBodyContainer {
    margin: -20px;
    padding: 20px;
    min-height: 100%;
}*/
  .pageHeader {
    margin-top: 0;
  }

  .pageHeaderHr {
    margin-top: 0;
  }
  /*................................................create notification..............................*/
  @media screen and (min-width: 768px) {
    .viewExaminerModalWindow .modal-dialog {
      width: 70%;
    }
  }
  /*.................................Notification.................................*/
  .notificationListWrapper {
    background-color: #F5F5F5;
  }

    .notificationListWrapper .notification {
      /*border-top:1px solid black;
        border-bottom:1px solid black;*/
      margin-top: 10px;
      padding: 10px 20px;
      background-color: white;
      box-shadow: 0px 1px 1px grey, 0px -1px 1px grey;
      border: 1px solid lightgray;
      border-radius: 5px;
    }

    .notificationListWrapper .notificationDate {
      font-weight: bold;
    }

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

    .notificationListWrapper .attachmentLink {
      font-weight: bold;
      margin-top: 20px;
    }

      .notificationListWrapper .attachmentLink a {
        color: #4e4e4e;
      }

    .notificationListWrapper .responseLink {
      font-weight: bold;
      margin-top: 20px;
      text-align: right;
    }

      .notificationListWrapper .responseLink a {
        color: #4e4e4e;
      }
  /*...................................*/
  .notificationUserWrapper {
    /*background-color: #F5F5F5;*/
  }

    .notificationUserWrapper .notificationDate {
      font-weight: bold;
    }

    .notificationUserWrapper .attachmentLink {
      font-weight: bold;
      text-align: right;
    }

    .notificationUserWrapper .notificationText {
      margin-top: 20px;
      border-bottom: 1px solid grey;
      padding-bottom: 20px;
      margin-bottom: 10px;
    }

    .notificationUserWrapper .replyText {
      /*margin-top: 10px;*/
    }

    .notificationUserWrapper .replyMedia img {
      width: 100px;
    }

    .notificationUserWrapper .replyDate {
      font-weight: bold;
      margin-top: 10px;
    }

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

    .notificationUserWrapper .unreadReply {
      color: red;
      font-weight: bold;
    }

    .notificationUserWrapper .readReply {
      color: green;
      font-weight: bold;
    }

    .notificationUserWrapper .noReply {
      text-align: center;
      font-weight: bold;
      margin: 40px 0;
      font-size: 18px;
    }
  /*......................................................................................*/
  .notificationReplyWrapper {
    background-color: #F5F5F5;
  }

    .notificationReplyWrapper .notificationDate {
      font-weight: bold;
    }

    .notificationReplyWrapper .attachmentLink {
      font-weight: bold;
      text-align: right;
    }

    .notificationReplyWrapper .notificationText {
      margin-top: 20px;
      border-bottom: 1px solid grey;
      padding-bottom: 20px;
      margin-bottom: 10px;
    }

    .notificationReplyWrapper .replyWrapper {
    }

    .notificationReplyWrapper .reply {
      /*margin-top: 10px;
        padding: 10px 50px;*/
      /*width: max-content;*/
      clear: both;
      margin-bottom: 20px;
      max-width: 70%;
    }

      .notificationReplyWrapper .reply .replyName {
        font-weight: bold;
      }

      .notificationReplyWrapper .reply .replyText,
      .notificationReplyWrapper .reply .replyMedia {
        background-color: white;
        box-shadow: 0px 1px 1px grey, 0px -1px 1px grey;
        border: 1px solid lightgray;
        /*width: max-content;*/
        padding: 10px;
        border-radius: 5px;
      }

      .notificationReplyWrapper .reply .replyMedia {
        text-align: center;
      }

        .notificationReplyWrapper .reply .replyMedia img {
          width: 140px;
        }

      .notificationReplyWrapper .reply .replyDate {
        font-weight: bold;
        /*margin-top: 20px;*/
      }

    .notificationReplyWrapper .replyByUser {
      float: right;
    }

    .notificationReplyWrapper .replyBySupport {
      float: left;
    }

  .notificationReadUnread {
    width: 15px;
    height: 15px;
    background: red;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: block;
    float: right;
  }

  .viewExaminer {
    cursor: pointer;
    font-weight: bold;
    color: #de995e;
  }
  /*.................................Notification end.................................*/
  /*...........................Global.............................................*/
  .charRemaining {
    color: red;
    font-weight: bold;
  }

    .charRemaining span {
      margin-right: 5px;
    }

  .form-control.txtCalander {
    cursor: pointer;
  }

  .table-responsive {
    overflow: auto;
    overflow-y: hidden;
    width: 100%;
  }
  /*...........................Global end.............................................*/
  /*............moduleAllocation........................................*/
  .moduleAllocation {
  }

    .moduleAllocation .tableGrid1 tbody tr {
      height: 50px;
    }

    .moduleAllocation .dvStatusContainer {
      text-align: center;
      padding-left: 1px;
      padding-right: 1px;
    }

    .moduleAllocation .dvStatusOutter {
    }

    .moduleAllocation .txtTotalCand {
      width: 30px;
      margin-bottom: 2px;
    }

    .moduleAllocation .lblAssignCand {
      /*cursor: pointer;*/
      font-weight: bold;
      font-size: 16px;
    }

    .moduleAllocation .spnBtnAllocatedCand {
      /*display:block;position:absolute;*/
    }

      .moduleAllocation .spnBtnAllocatedCand input[type="text"] {
        width: 30px;
        margin-bottom: 2px;
      }

      .moduleAllocation .spnBtnAllocatedCand button {
        margin-bottom: 2px;
      }

    .moduleAllocation .btnCandBlock {
      display: inline-block;
    }

    .moduleAllocation .allocateStatusNa {
      color: #ffb80a;
    }

      .moduleAllocation .allocateStatusNa i {
        font-size: 25px;
      }

    .moduleAllocation .allocateStatusDraft {
      color: #93DC69;
    }

      .moduleAllocation .allocateStatusDraft i {
        font-size: 25px;
      }

    .moduleAllocation .allocateStatusBlock {
      color: red;
    }

      .moduleAllocation .allocateStatusBlock i {
        font-size: 25px;
      }

    .moduleAllocation .spnDateAllocatedoutter {
    }

    .moduleAllocation .spnDateAllocated {
      font-weight: bold;
      font-size: 18px;
      color: green;
      /*cursor: pointer;*/
    }

  .cursorPointer {
    cursor: pointer;
  }

  .moduleAllocation .iconEdit {
    color: blue;
    margin-left: 5px;
  }

  .moduleAllocation .iconDelete i {
    font-size: 18px;
  }

  .moduleAllocation .spnTotalCand {
    font-weight: bold;
    display: block;
    font-size: 16px;
  }

  .moduleAllocation .blockCityName {
    font-weight: bold;
  }
  /*............moduleAllocation end........................................*/
  /*............publish moduleAllocation ........................................*/
  .publishModuleAllocation {
  }

    .publishModuleAllocation .tableGrid1 .mainHeader {
      height: 50px;
    }

    .publishModuleAllocation .lblTotalCand {
      cursor: pointer;
    }

    .publishModuleAllocation .tdAssignCandOutter {
      text-align: center;
      padding-left: 1px;
      padding-right: 1px;
    }

    .publishModuleAllocation .txtTotalCand {
      width: 40px;
    }

    .publishModuleAllocation .dvAllocationList {
      margin-top: 25px;
    }

      .publishModuleAllocation .dvAllocationList table tbody tr {
        height: 50px;
      }

    .publishModuleAllocation .lblAssignCand {
      cursor: pointer;
      font-weight: bold;
      font-size: 16px;
    }

    .publishModuleAllocation .iconEdit {
      color: blue;
      margin-left: 5px;
    }

    .publishModuleAllocation .lblEachTotalCand {
      font-size: 16px;
      font-weight: bold;
      text-align: center;
    }

    .publishModuleAllocation .spnBtnAssignCand input[type="text"] {
      width: 30px;
      margin-bottom: 2px;
    }

    .publishModuleAllocation .spnBtnAssignCand button {
      margin-bottom: 2px;
    }

    .publishModuleAllocation .noCandAssigned {
      font-size: 12px;
    }
  /*............publish moduleAllocation end........................................*/
  .regionMaster {
  }

    .regionMaster .dvTestCity {
      height: 200px;
      overflow-y: scroll;
      border: 1px solid #ccc;
      padding: 10px;
    }
  /*.venueListContainer .dropdown-menu
{
    width:73%;
}*/
  .ddlAddNew option:last-child {
    color: blue;
  }
  /*........................performance....................*/
  .performanceReportContainer {
  }

    .performanceReportContainer .reportInfoOutter {
      padding: 20px 20px;
      border: 1px solid black;
      margin-top: 5px;
    }

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

    .performanceReportContainer .typeName,
    .performanceReportContainer .moduleName,
    .performanceReportContainer .examinerNo,
    .performanceReportContainer .examinerName,
    .performanceReportContainer .cityName,
    .performanceReportContainer .fromToDate {
      font-weight: bold;
    }

      .performanceReportContainer .typeName span,
      .performanceReportContainer .moduleName span,
      .performanceReportContainer .examinerNo span,
      .performanceReportContainer .examinerName span,
      .performanceReportContainer .cityName span,
      .performanceReportContainer .fromToDate span {
        font-weight: normal;
      }

    .performanceReportContainer .scoreText {
      font-weight: bold;
      font-size: 16px;
    }

    .performanceReportContainer .scoreNa {
      font-weight: normal;
    }
  /*........................performance....................*/
  /*.....................fixed table...............................*/
  table.tableFixedHeader {
    border-collapse: collapse;
    width: 100%;
    overflow-x: auto;
    display: block;
  }

  .tableFixedHeader thead {
    background-color: #EFEFEF;
  }

  .tableFixedHeader thead,
  .tableFixedHeader tbody {
    display: block;
  }

  .tableFixedHeader tbody {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 300px;
  }

  .tableFixedHeader td,
  .tableFixedHeader th {
    min-width: 100px;
    height: 25px;
    border: dashed 1px lightblue;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
  }
  /*.....................fixed table end...............................*/
  .btnUnCandBlock {
    margin-top: 2px;
    margin-right: 2px;
  }

  a.aLink {
    color: blue;
  }
  /*.....................................................user incidence.....................*/
  .userIncidenceContainer {
    margin-top: 40px;
    font-size: 16px;
    clear: both;
  }

    .userIncidenceContainer .postDataOutter {
    }

      .userIncidenceContainer .postDataOutter .row {
        margin-top: 10px;
      }

    .userIncidenceContainer .questionText {
      margin-top: 10px;
      /*border: 1px solid #e5e5e5;*/
      min-height: 60px;
      padding-left: 6px;
      padding-left: 3px;
      height: auto !important;
    }

    .userIncidenceContainer .imgComment img {
      height: 235px;
      margin-top: 15px;
      margin-left: 7px;
    }

    .userIncidenceContainer hr {
      border-bottom: 1px solid #fff;
      margin-bottom: 5px;
      margin-top: 5px;
    }
  /*.....................................................user incidence end.....................*/
  /*...............................sticky header.............................*/
  .dvTblHeaderSticky {
  }

    .dvTblHeaderSticky .sticky {
      position: fixed;
      top: 0;
      width: 78.6%;
      margin-top: 63px;
    }

      .dvTblHeaderSticky .sticky + .content {
        padding-top: 90px;
      }
  /*........................................download  User Incidence.....................................*/
  .downloadIncidenceWrapper {
  }

    .downloadIncidenceWrapper .titleContainer {
      margin: 10px 0 30px 0;
    }

      .downloadIncidenceWrapper .titleContainer .row {
        margin-top: 10px;
      }

    .downloadIncidenceWrapper .folderTitle {
      font-size: 16px;
    }



    .downloadIncidenceWrapper .ng-gallery img.ng-thumb {
      margin-right: 10px;
    }

    .downloadIncidenceWrapper .chkSelectAll {
    }

    .downloadIncidenceWrapper .lblSelectAll {
      font-size: 14px;
      margin-left: 5px;
      margin-right: 10px;
    }


    .downloadIncidenceWrapper .folderWrapper {
      padding-top: 20px;
    }

    .downloadIncidenceWrapper .folderContainer {
    }

      .downloadIncidenceWrapper .folderContainer h3 {
        margin-top: 0;
      }



    .downloadIncidenceWrapper .examinerFolder {
      text-align: center;
      width: 200px;
      margin: 0 0 10px 10px;
      border: 2px solid #EEEEEE;
      display: inline-block;
      vertical-align: top;
    }

    .downloadIncidenceWrapper .dateFolder {
      text-align: center;
      width: 200px;
      margin: 0 0 10px 10px;
      border: 2px solid #EEEEEE; /*EEEEEE*/
      display: inline-block;
      vertical-align: top;
    }

    .downloadIncidenceWrapper .fileGalleryContainer {
      padding: 20px;
    }

    .downloadIncidenceWrapper .fileGalleryInnerContainer {
      border: 2px solid #A9A9A9;
      width: 100%;
    }

      .downloadIncidenceWrapper .fileGalleryInnerContainer hr {
        border-bottom: 1px solid #fff;
        margin-bottom: 5px;
        margin-top: 5px;
      }

    .downloadIncidenceWrapper .eachFileWrapper {
      margin-top: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #A9A9A9;
      padding-left: 10px;
      padding-right: 10px;
    }

      .downloadIncidenceWrapper .eachFileWrapper:last-child {
        border: 0;
      }

    .downloadIncidenceWrapper .gallaryFileTitle {
      font-size: 16px;
    }

    /*.downloadIncidenceWrapper .takeContainer {
        display: table-cell;
        vertical-align: top;
        padding: 10px;
    }

    .downloadIncidenceWrapper .questionTextContainer {
        margin-bottom: 20px;
    }

        .downloadIncidenceWrapper .questionTextContainer hr {
            border-bottom: 1px solid #fff;
            margin-bottom: 5px;
            margin-top: 5px;
        }*/

    .downloadIncidenceWrapper .gallery {
      display: inline-block;
      margin-top: 20px;
      width: 100%;
    }

    .downloadIncidenceWrapper ul.gallery li {
      /*width: 14%;
        margin-right: 1%;*/
      width: 100px;
      height: 100px;
      margin-right: 10px;
    }

      .downloadIncidenceWrapper ul.gallery li img {
        width: 100px;
        height: 100px;
      }

    .downloadIncidenceWrapper .questionText {
      margin-top: 10px;
    }
  /*........................................download  User Incidence End.....................................*/

  /*........................................Login.....................................*/

  .btnlogin {
    color: #fff !important;
    background-color: #ef5a2f !important;
    border: 1px solid #ef5a2f !important;
    width: 77% !important;
    border-radius: 4px !important;
  }

  /*login form design*/

  .border1 {
    padding: 20px 20px;
    border: 2px solid #de995e !important;
  }

  .form-top-login {
    overflow: hidden;
    padding: 0 25px 15px 25px;
    background: #fff;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    text-align: center;
  }

  .form-bottom-login {
    padding: 25px 0px 30px 120px;
    background: #eee;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    text-align: left;
  }

  #form_fa {
    color: #f57d00 !important;
    background-color: #fee7da !important;
    border-color: #f57d00 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  }

  #form_pass {
    color: #f57d00 !important;
    background-color: #fee7da !important;
    border-color: #f57d00 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  }

  .forms {
    border-color: #f57d00 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  }

    .forms :focus, .forms :active {
      border-color: #f57d00 !important;
      -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
      box-shadow: inset 0 1px 1px rgba(251,224,197,.075);
    }

  .btns:hover, .btns:active .btns :focus {
    color: #fff !important;
    background-color: #f57d00 !important;
    border: 1px solid #f57d00 !important;
  }

  .forgot {
    color: #f57d00 !important;
  }

    .forgot:hover {
      color: rgb(0, 148, 255) !important;
    }

  .pad_15 {
    margin-bottom: 15px !important;
  }

  .textalign {
    text-align: center;
  }

  /*........................................Login.....................................*/

  .form-controlIschecked {
    width: 29%;
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    font-weight: bold;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    /* border-radius: 4px; */
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); */
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  }

  .form-controlDoublecheck {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    font-weight: bold;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    /* border-radius: 4px; */
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); */
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  }

  .form-controlN {
    width: 92%;
    margin-top: 5px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    font-weight: bold;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    /* border-radius: 4px; */
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); */
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  }


  .marginleft-60px {
    margin-left: -47px;
    margin-right: -19px;
  }

  .marginleft-24px {
    margin-left: 24px;
  }

  #contact_us_form label {
    width: 130px;
    float: left;
    display: inline-block !important;
    margin: 6px 12px 1px;
    padding: 0;
    /*text-align: right;*/
  }

  #create_SP label {
    /*width: 130px;*/
    float: left;
    display: inline-block !important;
    margin: 6px 7px 1px;
    padding: 0;
    /*text-align: right;*/
  }

  .btnassign {
    cursor: none;
    pointer-events: none;
    margin: 0px;
  }

  .asteriskCss {
    color: red;
  }

  .searchBox {
    height: 43px;
    /*width: 400px !important;*/
    border: 1px solid #ccc
  }

  .table-bordered > tbody > tr > td {
    word-break: break-word;
  }

  .loginmsg {
    width: 76%;
    height: 1%;
  }

  .border-right1px {
    border-right: 1px solid #ccc
  }

  .border-left1px {
    border-left: 1px solid #ccc
  }


  /*.................................Notification.................................*/
  .notificationListWrapper {
    background-color: #F5F5F5;
  }

    .notificationListWrapper .notification {
      /*border-top:1px solid black;
        border-bottom:1px solid black;*/
      margin-top: 10px;
      padding: 10px 20px;
      background-color: white;
      box-shadow: 0px 1px 1px grey, 0px -1px 1px grey;
      border: 1px solid lightgray;
      border-radius: 5px;
    }

    .notificationListWrapper .notificationDate {
      font-weight: bold;
    }

    .notificationListWrapper .notificationTitle {
      font-weight: bold;
      margin-top: 10px;
    }

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

    .notificationListWrapper .attachmentLink {
      font-weight: bold;
      margin-top: 20px;
    }

      .notificationListWrapper .attachmentLink a {
        color: #4e4e4e;
      }

    .notificationListWrapper .responseLink {
      font-weight: bold;
      margin-top: 20px;
      text-align: right;
    }

      .notificationListWrapper .responseLink a {
        color: #4e4e4e;
      }
  /*...................................*/
  .notificationUserWrapper {
    /*background-color: #F5F5F5;*/
  }

    .notificationUserWrapper .notificationDate {
      font-weight: bold;
    }

    .notificationUserWrapper .attachmentLink {
      font-weight: bold;
      text-align: right;
    }

    .notificationUserWrapper .notificationText {
      margin-top: 20px;
      border-bottom: 1px solid grey;
      padding-bottom: 20px;
      margin-bottom: 10px;
    }

    .notificationUserWrapper .replyText {
      /*margin-top: 10px;*/
    }

    .notificationUserWrapper .replyMedia img {
      width: 100px;
    }

    .notificationUserWrapper .replyDate {
      font-weight: bold;
      margin-top: 10px;
    }

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

    .notificationUserWrapper .unreadReply {
      color: red;
      font-weight: bold;
    }

    .notificationUserWrapper .readReply {
      color: green;
      font-weight: bold;
    }

    .notificationUserWrapper .noReply {
      text-align: center;
      font-weight: bold;
      margin: 40px 0;
      font-size: 18px;
    }
  /*......................................................................................*/
  .notificationReplyWrapper {
    background-color: #F5F5F5;
  }

    .notificationReplyWrapper .notificationDate {
      font-weight: bold;
    }

    .notificationReplyWrapper .attachmentLink {
      font-weight: bold;
      text-align: right;
    }

    .notificationReplyWrapper .notificationText {
      margin-top: 20px;
      border-bottom: 1px solid grey;
      padding-bottom: 20px;
      margin-bottom: 10px;
    }

    .notificationReplyWrapper .replyWrapper {
    }

    .notificationReplyWrapper .reply {
      /*margin-top: 10px;
        padding: 10px 50px;*/
      /*width: max-content;*/
      clear: both;
      margin-bottom: 20px;
      max-width: 70%;
    }

      .notificationReplyWrapper .reply .replyName {
        font-weight: bold;
      }

      .notificationReplyWrapper .reply .replyText,
      .notificationReplyWrapper .reply .replyMedia {
        background-color: white;
        box-shadow: 0px 1px 1px grey, 0px -1px 1px grey;
        border: 1px solid lightgray;
        /*width: max-content;*/
        padding: 10px;
        border-radius: 5px;
      }

      .notificationReplyWrapper .reply .replyMedia {
        text-align: center;
      }

        .notificationReplyWrapper .reply .replyMedia img {
          width: 140px;
        }

      .notificationReplyWrapper .reply .replyDate {
        font-weight: bold;
        /*margin-top: 20px;*/
      }

    .notificationReplyWrapper .replyByUser {
      float: right;
    }

    .notificationReplyWrapper .replyBySupport {
      float: left;
    }

  .notificationReadUnread {
    width: 15px;
    height: 15px;
    background: red;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: block;
    float: right;
  }

  .viewExaminer {
    cursor: pointer;
    font-weight: bold;
    color: #de995e;
  }
  /*.................................Notification end.................................*/
  /*.createnotificationOutter .mat-form-field-underline {
  height: 0 !important;
}

.createnotificationOutter .mat-form-field-wrapper {
  padding-bottom: 0 !important;
}

.createnotificationOutter .mat-form-field-infix {
  margin-top: -11px;
}*/


.width110 {
  width: 110%;
}