/*
Desc	: CSS for Static pages and FAQ Pages.
Date	: Jan 13, 2015.
By	: Kathir
*/
.static-left-col {
overflow: hidden;
padding-left: 2%;
}
.static-right-col {
width: 96%;
padding-left: 2%;
}
.static-left-col ul li {
float: left;
width: 20%;
padding-bottom: 1%;
}
div#cke_inputHtmlEditor {
width: inherit !important;
}
div#cke_inputHtmlEditors {
width: inherit !important;
}
input.staticlink {
font-size: 14px;
}
.staticform-field {
padding-top: 2%;
padding-bottom: 2%;
}
a.staticlink {
font-size: 14px;
}
/* FAQ CSS STARTS */
#faq-cat-table {
width: 100%;
padding-left: 2%;
border: 1px solid;
border-color: beige;

}
#faq-cat-table td {
padding: 2%;
border: 1px solid;
border-color: beige;
font-size: 13px;
}
#faq-cat-table th {
padding: 1%;
text-align: center;
}
.faq-categiories {
padding: 3%;
}
.gadget-heading {
font-size: 17px;
text-align: center;
clear: both;
}
div#faqeditform {
padding: 3%;
margin-top: -3%;
}
.faqform-field {
padding: 1%;
}
label {
font-size: 15px;
font-weight: bold;
padding: 1%;
}
.faq-formsubmit {
  margin-left: 40% !important;
}
#cke_inputHtmlEditorss {
  width:auto !important;
}


@gray: #333;
@gray-light: #aaa;
@gray-lighter: #eee;
@space: 40px;
@blue: #428bca;
@blue-dark: darken(@blue, 5%);

// Mixin for transition/transform
.translate(@x; @y) {
  -webkit-transform: translate(@x, @y);
      -ms-transform: translate(@x, @y); // IE9+
          transform: translate(@x, @y);
}
.transition(@transition) {
  -webkit-transition: @transition;
          transition: @transition;
}
.transition-transform(@transition) {
  -webkit-transition: -webkit-transform @transition;
     -moz-transition: -moz-transform @transition;
       -o-transition: -o-transform @transition;
          transition: transform @transition;
}

//
// Body
// ----------------------

body{
  color: @gray;
  font-family: 'Helvetica', arial;
  height: 80em;
}

.wrap{
  padding: @space;
  text-align: center;
}

hr {
  clear: both;
  margin-top: @space;
  margin-bottom: @space;
  border: 0;
  border-top: 1px solid @gray-light;
}

h1{
  font-size: 30px;
  margin-bottom: @space;
}

p{
  margin-bottom: @space/2;
}

//
// Btn 
// ----------------------

.btn{
  background: @blue;
  border: @blue-dark solid 1px;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  padding: 8px 15px;
  text-decoration: none;
  text-align: center;
  min-width: 60px;
  position: relative;
  transition: color .1s ease;
 /* top: 40em;*/
  
  &:hover{
    background: @blue-dark;
  }
  
  &.btn-big{
    font-size: 18px;
    padding: 15px 20px;
    min-width: 100px;
  }
  
}

.btn-close{
  color: @gray-light;
  font-size: 30px;
  text-decoration: none;
  position: absolute; right: 5px; top: 0;
  
  &:hover{
     color: darken(@gray-light, 10%);
  }
  
}


.modal{
  &:before{
    content: ""; 
    display: none;
    background: rgba(0,0,0,.6);
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0; 
    z-index: 10;
  }
  &:target{
    &:before{
      display: block;
    }  
    .modal-dialog{
      .translate(0, 0); 
      top: 20%;  
    }
     
  }
  
}


.modal-dialog{
  background: #D0C6C6;
  border: @gray solid 1px;
  border-radius: 5px;
  margin-left: -200px;
  position: fixed; 
  left: 36%;
  width: 60%;
  top: 0%;  
  z-index: 11; 
  .translate(0, -500%);
  .transition-transform(~"0.3s ease-out");
}

.modal-body{
  padding: @space/2;
}

.btn-close{
  color: @gray-light;
  font-size: 30px;
  text-decoration: none;
  position: absolute; right: 5px; top: 0;
  
  &:hover{
     color: darken(@gray-light, 10%);
  }
  
}

.modal-header,
.modal-footer{
  padding: @space/4 @space/2;
}
.modal-body{
  padding: @space/2;
}
#close {
  display: none; 
}
.cke_contents {
height: 300px !important;	
}


.submitbtn {
margin: 2%;
padding: 0px;
}
.staticdropdown {
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  padding: 8px 15px;
  text-decoration: none;
  text-align: center;
  min-width: 60px;
  position: relative;
  transition: color .1s ease;
}
.staticformheading {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 2%;
}