/*Theme 1 
@import url("../theme/css/able.min.css");
@import url("../theme/css/able-rtl.min.css");
@import url("../theme/css/able-skins.min.css");
*/

/*Theme 2 
@import url("../theme2/css/main.css");
@import url("../theme2/css/main-responsive.css");
@import url("../theme2/css/theme_light.css");
@import url("../theme2/css/custom.css"); */

/*Theme 3 
@import url("../themes/monochrome.css");
*/

/*Theme 4 
@import url("../themes/sunny.css");
*/


/*Nav theme */

/*@import url("../nav/css/style.css");*/
/*@import url("../nav/css/b3.css");*/
@import url("friendly.css");

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300italic,300,400italic,400,600italic,600,700italic,700,800italic,800');

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
 /*bootstrap 4 changes  START*/  
body {
	/*visibility:hidden;*/
}
.col-form-label { /*text-align:right!important;*/font-weight:bold;}
ul.services {
  column-count: 2;
  column-gap: 2rem;
}

.img-thumbnail { max-width:50%;}   

form { width:100%;}

	
@media (min-width: 768px) {
	.col-form-label { /* main.css */
		text-align:right !important;
	}
}

.h4, h4 { /* main.css */
    font-size: 1.25rem;
	margin: 0.3rem 0;
}
.h5, h5 { /* main.css */
    font-size: 1.1rem;
}
   html {
  font-family: "Open Sans";
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

body {
	/*padding-top: 100px;*/
	padding-bottom: 20px;
	height:100%;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
/*	background-color:#cccccc;*/
	background-color:#fff;
    color:#000 !important;
	line-height:1.625rem !important;
}

.btn { /* main.css */
	font-size:0.875rem;
}

.bg-primary { /* main.css */
    background-color: #dae6f2 !important;
}

.bg-warning { /* main.css */
    background-color: #fcf8e3 !important;
}

.bg-danger { /* main.css */
    background-color: #f2dede !important;
}

.bg-success { /* main.css */
    background-color: #dff0d8 !important;
}

.bg-info { /* main.css */
    background-color: #d9edf7 !important;
}

.text-warning {
    color: #f28903 !important;
}
/*Theme 1
.breadcrumb {background-color: transparent;}*/


.footer {
  bottom: 0;
  position: absolute;
}

/* Equal width button for MMP pages */
.btn-cons {
min-width: 120px;
}

/* Equal width & height button for download pages */
.btn-dwn {
	min-width: 70px !important;
	min-height: 70px !important;
	border-radius: 8px;
	/*line-height: 30px;*/
	/*text-shadow: 0px 1px 0px rgba(256, 256, 256, 0);*/
	/*opacity: 0.7;
	color:#222;*/
}
.btn-dwn:hover, .btn-dwn:focus {
	min-width: 70px !important;
	min-height: 70px !important;
}
/* Add red asterisk to required fields */
.required:after {
  content:"*";
  color: red;
  padding:3px;
}

/* to remove top & bottom margin */
.pagination {
	margin: 0px;
}

.form-horizontal .label-left {
	text-align:left;
}

/* Help button */

.help-button{
	display:inline-block;
	height:22px;
	width:22px;
	line-height:22px;
	text-align:center;
	padding:0;
	background-color:#f0ad4e;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	cursor:default;
	margin-left:4px;
	border-radius:100%;
	border-color:#FFF;
	border:2px solid #FFF;
	-webkit-box-shadow:0 1px 0 1px rgba(0,0,0,0.2);
	box-shadow:0 1px 0 1px rgba(0,0,0,0.2)
}
.help-button:hover{
	background-color:#f0ad4e;
	color:#FFF;
	text-shadow:none
}

/*3d spinner*/
@-webkit-keyframes spinner {
    from { -webkit-transform: rotateY(0deg);    }
    to   { -webkit-transform: rotateY(-360deg); }
  }

  /* all other browsers */
  @keyframes spinner {
    from {
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
    to {
      -moz-transform: rotateY(-360deg);
      -ms-transform: rotateY(-360deg);
      transform: rotateY(-360deg);
    }
  }

#stage {
    margin: 0 auto;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -ms-perspective: 1200px;
    perspective: 1200px;
  }
#spinner {
    -webkit-animation-name: spinner;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;

    animation-name: spinner;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 2s;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  
/* table overflow */

.table-overflow { overflow: scroll; overflow-y: hidden;}
  
/* remove blank space above breadcrumb */

#qtipText {
	height: 0px;
}

/* Padding For MMP Pages <dd> list */
dd { padding: 5px 0 5px 0 ; }
dd > a > i { padding: 0 3px 0 0 ; }
/*sweet-alert */
.sweet-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 1000; }

output {
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    padding-top: 0;
    text-decoration: inherit;
}
/* Added for PAYE Reference Textfield Seperator ( / ) */
.slash {
	width:2px!important;
	padding:5px 0 0 0!important;
	float:left!important;
}
/*For View ERROR REPORT*/
.btn-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
	-webkit-border-radius: 0px 25px 25px 25px;
	-moz-border-radius: 0px 25px 25px 25px;
	border-radius: 0px 25px 25px 25px;
	font-weight: 600;

}
/* SweetAlert styling start */
.sweet-alert h2 {
    font-size: 24px;
    line-height: 40px;
}
.sweet-alert p {
    font-size: 14px;
	line-height: 22px;
}
.sweet-alert .sweet-content {
	background-color: #FEFAE3;
	border: 1px solid #F0E1A1;
	padding:15px 0;
}
.sweet-alert {
	font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
    color:#000 !important;
	box-shadow:0 0 3px 2px rgba(0,0,0,0.1);
}
/* SweetAlert styling end */

/*SSO SIGN IN COOKIE CONTROL*/
.sso_signin {
  display: none;
}

/*Show/Hide Password*/
.pass_show {
  position: relative;
}

.pass_show .ptxt {
  position: absolute;
  right: 25px;
  z-index: 1;
  color: #4285f4;
  cursor: pointer;
  transition: .3s ease all;
  top:3px;
}

.pass_show .ptxt:hover {
  color: #0056b3;
}