/* CSS crunched with Crunch - http://crunchapp.net/ */
/* Animation library all */
/*variables*/
/* common */
/* transition */
/* round Corner */
/* center align */
/* Transform */
/* Box Shadow */
/* Menu Area */
/* Circle Width */
/* padding */
/* button all Color */
/* table style added here */
/* Class Defining Animation */
/* Mixins */
/* Transitions */
/* Round corners */
/* center align */
/* CSS Transform effect */
/* Button All Color */
/* Opacity change */
.myClass {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.roundRadius {
  /* Passing argument without organising the variables */
  -webkit-transition: height 0.3s bi-cubic;
  -moz-transition: height 0.3s bi-cubic;
  -o-transition: height 0.3s bi-cubic;
  transition: height 0.3s bi-cubic;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-transform: scale (2,1);
  -moz-transform: scale (2,1);
  -o-transform: scale (2,1);
  transform: scale (2,1);
  -webkit-transform: rotate 10deg;
  -moz-transform: rotate 10deg;
  -o-transform: rotate 10deg;
  transform: rotate 10deg;
  -webkit-transform: scale (1,1);
  -moz-transform: scale (1,1);
  -o-transform: scale (1,1);
  transform: scale (1,1);
}
.alignImg {
  display: "inline-block";
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 10px !important;
 /* padding-top: 50px; */
}
.headingLogo {
  position: relative;
  text-align: center;
  padding-bottom: 25px;
}
.headingLogo > .heading {
  font-size: 2em;
  color: #39414b;
}
.mnuPadding {
  padding: 10px;
}
.centerAlignWrap {
  text-align: center;
}
.centerAlignWrap .centerElement {
  display: inline-block;
  float: none;
}
.centerAlignWrap .centerElement li {
  border: 1px solid #e7e7e7;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: relative;
  margin-right: 35px;
}
.centerAlignWrap .centerElement li .icon-Images {
  display: block;
  position: absolute;
  top: 10px;
  left: -30px;
  width: 60px;
  height: 60px;
  -webkit-border-radius: 99999px;
  -moz-border-radius: 99999px;
  -o-border-radius: 99999px;
  border-radius: 99999px;
  background: #39414a;
}
.centerAlignWrap .centerElement li a {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 35px;
  text-decoration: initial;
}
.centerAlignWrap .centerElement li:hover {
  border: 1px solid #727c89;
}
.centerAlignWrap .centerElement li:hover a {
  background-color: #727c89;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  color: #fff;
}
.centerAlignWrap .centerElement li i.fa {
  color: #ffffff;
  line-height: 60px;
  font-size: 30px;
}
.uploadNewRequest {
  float: right;
  margin-bottom: 10px;
  margin-left: 10px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border: 1px solid #777777;
  color: #777777;
  background: none;
  background-color: none;
  padding: 10px 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.uploadNewRequest:hover {
  border: 1px solid #ffffff;
  color: #ffffff;
  background: #777777;
  background-color: #777777;
  padding: 10px 15px;
  text-decoration: initial;
  cursor: pointer;
}
.newTable {
  margin-top: 80px;
}
.newTable thead {
  background: #bcbcbc;
}
.newTable tbody tr:nth-child(odd) {
  background: #f5f5f5;
}
.newTable tbody tr:nth-child(even) {
  background: #eceaea;
}
.newTable a {
  text-decoration: initial;
  cursor: pointer;
}
.newTableModal {
  margin-top: 15px;
}
.newTableModal thead {
  background: #bcbcbc;
}
.newTableModal tbody tr:nth-child(odd) {
  background: #f5f5f5;
}
.newTableModal tbody tr:nth-child(even) {
  background: #eceaea;
}
.newTableModal a {
  text-decoration: initial;
  cursor: pointer;
}
.btn-newBlue {
  float: right;
  margin-bottom: 10px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border: 1px solid #2277eb;
  color: #2277eb;
  background: none;
  background-color: none;
  padding: 10px 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.btn-newBlue:hover {
  border: 1px solid #ffffff;
  color: #ffffff;
  background: #2277eb;
  background-color: #2277eb;
  padding: 10px 15px;
  text-decoration: initial;
  cursor: pointer;
}
.btn-redNew {
  float: right;
  margin-bottom: 10px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border: 1px solid #d52b2a;
  color: #d52b2a;
  background: none;
  background-color: none;
  padding: 10px 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.btn-redNew:hover {
  border: 1px solid #ffffff;
  color: #ffffff;
  background: #d52b2a;
  background-color: #d52b2a;
  padding: 10px 15px;
  text-decoration: initial;
  cursor: pointer;
}
.btn-redNew.alignRight {
  position: absolute;
  top: 10px;
  right: 0px;
}
/* Form group */
/*START*/
.form-group {
  margin-bottom: 0px;
}
/* Modal box Center align */
/*START*/
.modal {
  text-align: center;
  bottom: "" !important;
}
@media screen and {
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}
.modal .modal-body .form-group > div {
  padding-top: 7px;
}
.modal-dialog {

 /* width: 1200px !important; */
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  
}






/* Modal box Center align */
/*END*/
/* new style modal box */
#moreMdl h4 {
  font-size: 24px;
  text-align: center;
}
#moreMdl .modal-content {
  background: rgba(0, 0, 0, 0) !important;
  border: 0px;
}
#moreMdl .modal-content > div {
  background: rgba(255,255,255,0.9) !important;
}
#moreMdl .modal-content > div:not(:last-child) {
  border-bottom: 5px solid #d0d7e0;
}
#moreMdl .modal-content .row > div {
  padding: 2px;
  margin-bottom: 3px;
  position: relative;
}
#moreMdl .modal-content .row > div:not(:last-child) {
  background: rgba(255,255,255,0.3) !important;
  font-weight: bold;
  font-size: smaller;
}
#moreMdl .modal-content .row > div:not(:last-child):after {
  content: " ";
  height: 10px;
  width: 10px;
  position: absolute;
  top: 15px;
  right: -5px;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  -o-border-radius: 9999px;
  border-radius: 9999px;
 
}
/* LOGIN BOX IN THE BEGINNING */
/*START*/
#login-modal .modal-dialog {
  width: 350px;
}

/*
#login-modal input[type=text],
 input[type=password] {
  margin-top: 10px;
}
*/

#div-login-msg,
#div-lost-msg,
#div-register-msg {
  border: 1px solid #dadfe1;
  height: 30px;
  line-height: 28px;
  transition: all ease-in-out 500ms;
}
#div-login-msg.success,
#div-lost-msg.success,
#div-register-msg.success {
  border: 1px solid #68c3a3;
  background-color: #c8f7c5;
}
#div-login-msg.error,
#div-lost-msg.error,
#div-register-msg.error {
  border: 1px solid #eb575b;
  background-color: #ffcad1;
}
#icon-login-msg,
#icon-lost-msg,
#icon-register-msg {
  width: 30px;
  float: left;
  line-height: 28px;
  text-align: center;
  background-color: #dadfe1;
  margin-right: 5px;
  transition: all ease-in-out 500ms;
}
#icon-login-msg.success,
#icon-lost-msg.success,
#icon-register-msg.success {
  background-color: #68c3a3 !important;
}
#icon-login-msg.error,
#icon-lost-msg.error,
#icon-register-msg.error {
  background-color: #eb575b !important;
}
#img_logo {
  max-height: 100px;
  max-width: 100px;
}
/* #########################################
   #    override the bootstrap configs     #
   ######################################### */
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .8;
}
.modal-content {
  background-color: #ececec;
  border: 1px solid #bdc3c7;
  border-radius: 0px;
  outline: 0;
}
.modal-header {
  min-height: 16.43px;
  padding: 15px 15px 15px 15px;
  border-bottom: 0px;
}
.modal-body {
  position: relative;
  padding: 5px 15px 5px 15px;
 /* overflow-y: auto;
  max-height: 400px; */
}
.modal-footer {
  padding: 15px 15px 15px 15px;
  text-align: left;
  border-top: 0px;
}
.checkbox {
  margin-bottom: 0px;
}
.btn {
  border-radius: 0px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none;
}
.btn-lg,
.btn-group-lg > .btn {
  border-radius: 0px;
}
.btn-link {
  padding: 5px 10px 0px 0px;
  color: #95a5a6;
}
.btn-link:hover,
.btn-link:focus {
  color: #2c3e50;
  text-decoration: none;
}
.glyphicon {
  top: 0px;
}
.form-control {
   border-radius: 0px;
   height: auto;
}
/* LOGIN BOX IN THE BEGINNING */
/*END*/

.searchButton{
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
  margin-top: 80px;
}

.searchButton .form-control{
    background-color: #f6f6f6;
    border: 1px solid #ddd;
    box-shadow: initial;
    ms-box-shadow: initial;
    moz-box-shadow: initial;
    webkit-box-shadow: initial;
}

.searchButton label p{
  margin: 10px 0 0px;
}

.newTable #tablepagination_paginate a[class*='paginate_button']{

  border-radius: 0px;
  ms-border-radius: 0px;
  o-border-radius: 0px;
  webkit-border-radius: 0px;
  moz-border-radius: 0px;

  background-color: rgba(0,0,0,0) !important;

}
.newTable #tablepagination_paginate a.paginate_button:hover{
    background: rgba(175, 175, 175, 0.54) !important;
    border: 1px solid rgba(160, 160, 160, 0.5);
    
}

.paginate_active{
  border: 1px solid #797979 !important;
   border-radius: 0px; 
  background-color: #989898 !important;
}



.dataTables_wrapper .dataTables_info {
        padding-bottom: 50px;
}