.separate-sections > li{
  margin-bottom: 0px !important;
}
.modal-body { 
  overflow-x: hidden;
}
select, textarea, input[type="text"],
 input[type="password"], input[type="datetime"],
 input[type="datetime-local"], input[type="date"],
 input[type="month"], input[type="time"], input[type="week"],
 input[type="number"], input[type="email"], input[type="url"],
 input[type="search"], input[type="tel"], input[type="color"],
  .uneditable-input {
       margin-bottom : 5px; 
       height:28px; 
       font-size: inherit ;
       color: inherit;
       width:100%;
       border-radius: 0px; 
   -webkit-border-radius: 0px ;
  -moz-border-radius: 0px ;
  -ms-border-radius: 0px ;
  -o-border-radius: 0px;
      }
label { 
  margin-bottom: 0px;
  font-weight: 600;
  font-size: 10.9px;
  color: #6B6B6B;
}
.add-rec-button{
   position: relative;
  bottom: -27px;
  left: -8px;
}
.custom-field,.input-append input[type="text"], .input-append input[type="password"],
 .input-append input[type="email"], .input-append input[type="number"], .input-prepend input[type="text"], .input-prepend input[type="password"], .input-prepend input[type="email"], .input-prepend input[type="number"] {
    border-radius: 0px !important;
   -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  -o-border-radius: 0px !important;
   height: 28px !important;
   font-size: 12px;
   color: #858585;
}
div.selector {
	height:28px;
}
div.selector select {
	height:26px;
}
.input-append-dob,.input-append {
  height: 28px;  
}
.input-append-dob .add-on{
  padding: 3px 5px;
  line-height: 16px;  
}
.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle,
.select2-container .select2-choice,select .select2-drop-mask {
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
   border-radius: 0px 0px 0px 0px;
  -o-border-radius: 0px 0px 0px 0px;
  height: 28px;
   font-size: 12px;
   color: #858585;
}

.input-append .add-on i, .input-prepend .add-on i {
  line-height: 18px;
} 

.attachments {
border-top: 3px solid #f9f9f9;
border-bottom: 3px solid #f9f9f9;
padding: 10px 0;
font-size: 12px;
}
.tableoverflow::-webkit-scrollbar{height:16px;width:10px}
.tableoverflow::-webkit-scrollbar-button:start:decrement,.scrollable::-webkit-scrollbar-button:end:increment
{background-color:transparent;display:block;height:0}
.tableoverflow::-webkit-scrollbar-track{background-clip:padding-box;border:solid transparent;border-width:0 0 0 4px}
.tableoverflow::-webkit-scrollbar-track-piece{background-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0}
.tableoverflow::-webkit-scrollbar:hover{background-color:#f3f3f3;border:1px solid #dbdbdb}
.tableoverflow::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.2);border:solid transparent;border-width:0;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1),inset 0 -1px 0 rgba(0,0,0,0.07);-moz-box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1),inset 0 -1px 0 rgba(0,0,0,0.07);box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1),inset 0 -1px 0 rgba(0,0,0,0.07);background-clip:padding-box}
.tableoverflow::-webkit-scrollbar-thumb:vertical,.scrollable::-webkit-scrollbar-thumb:horizontal{background-color:#c6c6c6;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0}
.tableoverflow::-webkit-scrollbar-thumb:hover{background-color:#949494}
.tableoverflow::-webkit-scrollbar-thumb:active{background-color:rgba(0,0,0,0.5);-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,0.35);-moz-box-shadow:inset 1px 1px 3px rgba(0,0,0,0.35);box-shadow:inset 1px 1px 3px rgba(0,0,0,0.35)}
div.tableoverflow {
    overflow:scroll;overflow-y:hidden;
}

.dropdownSelect{
    width:208px;
    font-size: 12px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background: whitesmoke;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#ffffff),color-stop(100%,#f5f5f5));
    background-image: -webkit-linear-gradient(top,#ffffff,#f5f5f5);
    background-image: -moz-linear-gradient(top,#ffffff,#f5f5f5);
    background-image: -o-linear-gradient(top,#ffffff,#f5f5f5);
    background-image: linear-gradient(top,#ffffff,#f5f5f5);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
    box-shadow: 0 1px 0 rgba(255,255,255,0.5);
    border: 1px solid #ccc;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    color: #666;
}

.attachments ul li span.quickMenu {
float: right;
text-align: right;
}
    .attachments ul li {
        margin-bottom:12px;
    }

.details ul li .row-fluid{
   line-height: 10px;
}
/* resume  wrapper */
.resume {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
     -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.30), 0 0 40px rgba(0, 0, 0, 0.10) inset;    
}
.my-info, 
.my-message, 
.my-skill, 
.my-specifics, 
.my-venture, 
.my-venture > span, 
.services > ul > li {
  color: #7C7C7C;    
  font-size: 12px;
  font-weight: 400;
}

/* the header portion */
.heading {
  padding: 20px 0 20px 0;  
}
.layout-topborder-480px {
  display: none;
  float: right; 
}
.layout-topborder-320px {
  display: none;
  float: right; 
}
.layout-topborder-screen {
  float: right; 
}
.my-picture {
  background-color: #FFFFFF;
  border: 1px solid #C0C0C0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  float: left;
  margin: 0 20px 5px 20px;
  padding: 4px;
  width:120px;
  height:120px;
}

@media (max-width: 767px) 
{

.my-picture {
    width: 100px;
    margin-top: -5px;
  }
.my-name {
    font-size: 14px; 
    line-height: 28px;
  }
  .my-profession {
    font-size: 13px;
    line-height: 27px;
  }
  .my-message {
    line-height: 16px; 
    padding-right: 33px;
  }
}

@media (max-width: 320px) 
{
.my-picture {
    width: 70px;
    margin-top: -5px;
    margin-bottom: 0;
    margin: -5px 10px 0px 10px;
  }
.my-name {
    font-size: 12px !Important; 
    line-height: 24px;
  }
  .my-profession {
    font-size: 13px;
    line-height: 30px;
  }
  .my-message {
    line-height: 16px; 
    padding-right: 23px;
    padding-left: 10px;
  }
  .my-services {
    background-color: transparent; 
    font-size: 13px; 
    line-height: 27px;
    margin: 5px 0 5px 0;
    padding-left: 10px;
  }
}

.my-name {
  background-color: #F2F2F2; 
  color: #4A4A4A;
  font-size: 16px;
  margin: 5px 0 5px 0;
  text-transform: uppercase;
}
.my-profession {
  color: #389B17;
  font-size: 16px;
}
.my-message {
  padding-left: 20px;
}
.services > ul {
  padding-left: 11px;
}
.my-services {
  background-color: #F2F2F2; 
  font-size: 16px; 
  margin: 5px 0 5px 0;
  padding-left: 19px;
}
.my-services i {
  font-size: 14px;
  font-weight: normal;
}
.phone-480px {
  display: none;
}

/* resume tab */
.my-caption {
  border-bottom: 1px dotted #B8B896; 
  color: #74744E;
  font-size: 11px;
  font-weight: 700;
  line-height: normal;
  margin-top: 15px;
  text-transform: uppercase;
}
.my-activity {
  font-size: 12px;
  color: #3c3c3c;
  margin-top: 4px;
}
.my-venture > span {
  float: right;
}
.my-specifics {
  color: #848484;
}
.my-skill {
  padding-top: 1px;
}
.my-skill + .my-skill {
  padding-bottom: -1px;
}
.my-skill > span {
  float: right;
  font-size: 10px;
  font-weight: normal;
  margin: 1px 0 0 0;
  padding: 0;
}
.my-caption + .my-activity, 
.my-caption + .my-venture,
.my-caption + .my-specifics, 
.my-caption + .my-skill, 
.my-caption + .my-info {
    margin-top: 5px;
}
.my-caption + .my-skill {
    margin-top: 4px;
}

/* portfolio tab */
#portfolio-tab {
  padding-top: 17px;
  margin-bottom: -20px; 
}
.portfolio-item {
  display: inline-block;
  margin-bottom: 12px;
  vertical-align: top;
  width: 150px;
}
.portfolio-item > img {
  max-width: 100%;
  margin-bottom: -1px;
}
.portfolio-details {
  border: 1px solid #D8D8D8;
  padding: 12px 12px 10px 12px;
}
.portfolio-details > h4 {
  color: #74744E;
  font-size: 11px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 3px;
  text-transform: uppercase;
}
.portfolio-details > p {
  font-size: 11px;
  font-weight: 400;
  line-height: 1.2;
  margin-top: 5px;
}
.portfolio-details > p + img {
  margin-top: 10px;
  margin-bottom: 5px;
}
.portfolio-details > h4 + img {
  margin-top: 7px;
  margin-bottom: 5px;
}
.portfolio-details > img + h4 {
   margin-top: 10px;
}
.portfolio-details a {
  font-size: 12px;
  font-weight: 400;
}
.portfolio-details i {
  font-size: 13px;
  font-weight: normal;
}
.portfolio-links {
  margin-top: 10px !important;
}

/* contact tab */
#my-location {
  border: 1px solid #D8D8D8;
  height: 200px;
  margin-bottom: 10px;
  margin-top: 17px;
  width: 100%;
}
#my-location img {
    max-width: none;
}
.my-info {
  height: 20px; 
  display: block;
}
.my-info > span {
  float: right;
}

.mask label {
  color:gray;
  padding-top:8px
}

.mask > span {
  cursor:pointer
 border-bottom : dashed 0px #0088cc;
}

.dnc{
	 color:red;
}
/* demo only */
#demo-box {
  background-color: #ffffff;
  border-top: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
  padding: 7px 0px 0px 0px;
  position: absolute;
  top: 20px;
  width: 35px;
  z-index: 999;
}
#demo-box .demo-bg {
  border: 1px dotted #C0C0C0;
  cursor:pointer;
  display:block;
  float:left;
  height:18px;
  margin:0 8px 7px 7px;
  text-decoration:none;
  width:18px;
}
#demo-box a {
  text-decoration:none;
}

.table-borderless td,
.table-borderless th {
    border: 0px ! important;
}

.bluebgcolor {
    background-color: #4A98BE;
}

.blacklabel {
    color: #000 !important;
}

.purple {
    color: #932AB6 !important;
}

.darkred {
    color: #dd514c !important;
}

.linkcolor {
    color: #005580 !important;
}

.lightred {
    background-color: #FA3031 !important;
}
.bluecolor {
    color:#3880aa !important;

}
.greencolor {
  color:#8cc079 !important;  
}
.purplecolor 
{
    color:#aea7cf !important;
}
.cyancolor {

    color:#81babd !important;
}
.darkgreen {
    color:#24711c !important;
}
.icon-animated-bell {
display: inline-block;
-moz-animation: ringing 2.0s 5 ease 1.0s;
-webkit-animation: ringing 2.0s 5 ease 1.0s;
-o-animation: ringing 2.0s 5 ease 1.0s;
-ms-animation: ringing 2.0s 5 ease 1.0s;
animation: ringing 2.0s 5 ease 1.0s;
-moz-transform-origin: 50% 0;
-webkit-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.icon-only[class*="icon-"]{margin:0;vertical-align:middle;text-align:center;padding:0;min-width:24px}


/**************
Image Hover CSS
***************/


.view {
    background: no-repeat scroll center center #FFFFFF;
    border: 10px solid #FFFFFF;
    box-shadow: 1px 1px 2px #E6E6E6;
    cursor: default;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.view .mask,.view .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}



.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;

   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
   

}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
    
}
/***********end common*****************/
.view-third img {
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
}
.view-third .mask {
   background-color: rgba(0,0,0,0.6);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translate(460px, -100px) rotate(180deg);
   -moz-transform: translate(460px, -100px) rotate(180deg);
   -o-transform: translate(460px, -100px) rotate(180deg);
   -ms-transform: translate(460px, -100px) rotate(180deg);
   transform: translate(460px, -100px) rotate(180deg);
   -webkit-transition: all 0.2s 0.4s ease-in-out;
   -moz-transition: all 0.2s 0.4s ease-in-out;
   -o-transition: all 0.2s 0.4s ease-in-out;
   -ms-transition: all 0.2s 0.4s ease-in-out;
   transition: all 0.2s 0.4s ease-in-out;
}

.view-third a.info {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-third:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-transform: translate(0px, 0px);
   -moz-transform: translate(0px, 0px);
   -o-transform: translate(0px, 0px);
   -ms-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
}
.view-third:hover a.info {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}



.go-to-contact{
position: relative;
top: -28px;
padding-right:8px;
	
}
				
.title-div{
background-color: #61A1CA;
color: white;
font-weight: 600;
padding: 10;
margin: 10;
padding: 3px;
border-bottom: 1px solid #67A2C7;;

}



/* Checkbox & Radio */
input[type=checkbox].ace {
  opacity: 0;
 /* position: absolute; */
  z-index: 12;
  width: 18px;
  height: 18px;
}
input[type=checkbox].ace :checked,
input[type=checkbox].ace :focus {
  outline: none !important;
}
input[type=checkbox].ace  + .lbl {
  position: relative;
  z-index: 11;
  display: inline-block;
  margin: 0;
  line-height: 20px;
  min-height: 14px;
  min-width: 14px;
  font-weight: normal;
}
input[type=checkbox].ace  + .lbl.padding-16::before {
  margin-right: 16px;
}
input[type=checkbox].ace  + .lbl.padding-12::before {
  margin-right: 12px;
}
input[type=checkbox].ace  + .lbl.padding-8::before {
  margin-right: 8px;
}
input[type=checkbox].ace  + .lbl.padding-4::before {
  margin-right: 4px;
}
input[type=checkbox].ace  + .lbl.padding-0::before {
  margin-right: 0px;
}
input[type=checkbox].ace  + .lbl::before{
  font-family: fontAwesome;
  font-weight: normal;
  font-size: 11px;
  color: #32a3ce;
  content: "\a0";
  background-color: #FAFAFA;
  border: 1px solid #CCC;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  /*, inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/

  border-radius: 0;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  height: 13px;
  line-height: 13px;
  min-width: 13px;
  margin-right: 1px;
}
input[type=checkbox].ace :checked + .lbl::before{
  display: inline-block;
  content: '\f00c';
  background-color: #F5F8FC;
  border-color: #adb8c0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}
input[type=checkbox].ace :hover + .lbl::before,
input[type=checkbox].ace  + .lbl:hover::before
{
  border-color: #ff893c;
}
input[type=checkbox].ace :active + .lbl::before,
input[type=checkbox].ace :checked:active + .lbl::before
{
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

/* CSS3 switches */
input[type=checkbox].ace-switch {
  width: 55px;
  height: 20px;
  /* switch style 4 & 5 */

  /* switch style 6 */

}
input[type=checkbox].ace-switch + .lbl {
  margin: 0 4px;
  min-height: 24px;
}
input[type=checkbox].ace-switch + .lbl::before {
  font-family: Arial, Helvetica, sans-serif;
  content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
  color: #999;
  font-weight: bold;
  font-size: 11px;
  line-height: 18px;
  line-height: 21px\9;
  /*ie9*/

  height: 18px;
  overflow: hidden;
  border-radius: 12px;
  background-color: #F5F5F5;
  box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  border: 1px solid #CCC;
  text-align: left;
  float: left;
  padding: 0;
  width: 50px;
  text-indent: -19px;
  text-indent: -21px\9;
  margin-right: 0;
  -webkit-transition: text-indent .4s ease;
  -moz-transition: text-indent .4s ease;
  -o-transition: text-indent .4s ease;
  transition: text-indent .4s ease;
}
input[type=checkbox].ace-switch + .lbl::after {
  font-family: Arial, Helvetica, sans-serif;
  content: '|||';
  font-size: 10px;
  font-weight: lighter;
  color: #E5E5E5;
  background-color: #FFF;
  text-shadow: -1px 0px 0 rgba(0, 0, 0, 0.15);
  text-align: center;
  border-radius: 12px;
  width: 22px;
  height: 22px;
  line-height: 20px;
  position: absolute;
  top: -2px;
  left: -3px;
  padding: 0;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.3);
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3) inset;
  -webkit-transition: left .4s ease;
  -moz-transition: left .4s ease;
  -o-transition: left .4s ease;
  transition: left .4s ease;
}
input[type=checkbox].ace-switch:checked + .lbl::before {
  text-indent: 9px;
  color: #FFF;
  background-color: #8ab2c9;
  border-color: #468fcc;
}
input[type=checkbox].ace-switch:checked + .lbl::after {
  left: 34px;
  background-color: #FFF;
  color: #8ab2c9;
}
input[type=checkbox].ace-switch.ace-switch-2 + .lbl::before {
  content: "YES\a0\a0\a0\a0\a0\a0\a0\a0NO";
}
input[type=checkbox].ace-switch.ace-switch-3 + .lbl::before{
	content: "YES\a0\a0\a0\a0\a0\a0\a0\a0NO";
}
input[type=checkbox].ace-switch.ace-switch-3 + .lbl::after {
  font-family: FontAwesome;
  font-size: 13px;
  line-height: 23px;
  content: "\f00d";
  top: -1px;
}
input[type=checkbox].ace-switch.ace-switch-3:checked + .lbl::after {
  content: "\f00c";
}
input[type=checkbox].ace-switch.ace-switch-4 + .lbl::before,
input[type=checkbox].ace-switch.ace-switch-5 + .lbl::before {
  content: "NO\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0YES";
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bolder;
  font-size: 12px;
  line-height: 19px;
  height: 20px;
  overflow: hidden;
  line-height: 21px\9;
  border-radius: 12px;
  background-color: #4A98BE;
  border: 1px solid #4A98BE;
  color: #FFF;
  width: 52px;
  text-indent: -25px;
  text-indent: -28px\9;
  display: inline-block;
  position: relative;
  margin-right: 8px;
  box-shadow: none;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
input[type=checkbox].ace-switch.ace-switch-4 + .lbl::after,
input[type=checkbox].ace-switch.ace-switch-5 + .lbl::after {
  font-family: Arial, Helvetica, sans-serif;
  content: '|||';
  text-shadow: -1px 0px 0 rgba(0, 0, 0, 0.2);
  font-size: 7px;
  font-weight: lighter;
  color: #8b9aa3;
  text-align: center;
  position: absolute;
  border-radius: 12px;
  color: #5b6a73;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  line-height: 16px;
  background-color: #FFF;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
input[type=checkbox].ace-switch.ace-switch-4:checked + .lbl::before,
input[type=checkbox].ace-switch.ace-switch-5:checked + .lbl::before {
  text-indent: 9px;
  background-color: #8b9aa3;
  border-color: #8b9aa3;
}
input[type=checkbox].ace-switch.ace-switch-4:checked + .lbl::after,
input[type=checkbox].ace-switch.ace-switch-5:checked + .lbl::after {
  left: 34px;
  background-color: #FFF;
}
input[type=checkbox].ace-switch.ace-switch-5 + .lbl::before {
  content: "\2713\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0";
}
input[type=checkbox].ace-switch.ace-switch-5:checked + .lbl::before {
  text-indent: 8px;
}
input[type=checkbox].ace-switch.ace-switch-6 + .lbl {
  position: relative;
}
input[type=checkbox].ace-switch.ace-switch-6 + .lbl::before {
  font-family: FontAwesome;
  content: "\f00d";
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: none;
  border: none;
  font-weight: lighter;
  font-size: 16px;
  border-radius: 12px;
  display: inline-block;
  background-color: #888;
  color: #F2F2F2;
  width: 52px;
  height: 22px;
  line-height: 20px;
  text-indent: 32px;
  -webkit-transition: background 0.1s ease;
  -moz-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  transition: background 0.1s ease;
}
input[type=checkbox].ace-switch.ace-switch-6 + .lbl::after {
  content: '';
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 2px;
  left: 3px;
  border-radius: 12px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  width: 10px;
  height: 10px;
  text-align: center;
  background-color: #F2F2F2;
  border: 4px solid #F2F2F2;
  -webkit-transition: left 0.2s ease;
  -moz-transition: left 0.2s ease;
  -o-transition: left 0.2s ease;
  transition: left 0.2s ease;
}
input[type=checkbox].ace-switch.ace-switch-6:checked + .lbl::before {
  content: "\f00c";
  text-indent: 6px;
  color: #FFF;
  border-color: #b7d3e5;
  background-color: #ff893c;
}
input[type=checkbox].ace-switch.ace-switch-6:checked + .lbl::after {
  left: 32px;
  background-color: #FFF;
  border: 4px solid #FFF;
  text-shadow: 0 -1px 0 rgba(0, 200, 0, 0.25);
}
input[type=checkbox].ace-switch.ace-switch-7 {
  width: 75px;
}
input[type=checkbox].ace-switch.ace-switch-7 + .lbl {
  position: relative;
}
input[type=checkbox].ace-switch.ace-switch-7 + .lbl::before {
  content: "OFF\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0ON";
  font-weight: bolder;
  font-size: 14px;
  line-height: 20px;
  background-color: #FFF;
  border: 2px solid #AAA;
  border-radius: 0;
  box-shadow: none;
  color: #aaa;
  width: 70px;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  text-indent: 4px;
  display: inline-block;
  position: relative;
  margin-right: 8px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
input[type=checkbox].ace-switch.ace-switch-7 + .lbl::after {
  content: '\f00d';
  font-family: FontAwesome;
  font-size: 16px;
  position: absolute;
  top: 3px;
  left: 39px;
  width: 32px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  background-color: #aaa;
  color: #FFF;
  border-radius: 0;
  box-shadow: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
input[type=checkbox].ace-switch.ace-switch-7:checked + .lbl::before {
  color: #468fcc;
  background-color: #FFF;
  text-indent: -33px;
  border-color: #6fb3e0;
}
input[type=checkbox].ace-switch.ace-switch-7:checked + .lbl::after {
  left: 3px;
  content: '\f00c';
  background-color: #468fcc;
  color: #FFF;
}

.setupwizard select {
border-radius: 0px;
width: 214px;
font-size: 12px;
color: #858585;
}

.color-white{
	color:white;
}
.title-2{
float: left;
display: block;
padding: 7px 10px;
/* font-size: 16px; */
font-weight: 600;
}
.icheck-label-disable{
	color: rgb(180, 180, 180);
}

.wizard-body-height {
	min-height: 330px;
}

.select2-container .select2-choice .select2-arrow {
 display:none;	
}

.required-val{
position: relative;
top: -33px;
padding-right: 8px;
color: #dd514c;
float: right;
}

.selected-choice{
font: 400 12px 'Open Sans',HelveticaNeue,Helvetica,Arial;
background-repeat: repeat-x;
background-image: linear-gradient(to bottom,#0088cc,#0077b3);
text-decoration: none;
background: #f2f2f2;
color: #008ed5 !Important;
}

 
li.wizard-nav-item {
line-height: 30px;
}
@media (min-width:767px){
 .ipad_margin{margin-right:6px !important;}
}

.phonebtn button{
	padding:6px;
}
.busy-user{
	border: 2px solid #DA5560 !important;
	color: #DA5560 !important;
	/*background-image: -webkit-linear-gradient(top, #E80101 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%) !important; ;
     background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%) !important;; */
}

@media (min-width:768px) and (max-width:1024px){
 .ipad_align{height:230px !important;}
 .fontstyleIpad{font-size: small !important;}
}

@media only screen and (min-width:768px){
 .dasktopipad_align{height:403px !important;}
}
.charLimit{
  text-overflow: ellipsis;
  width: 60%;
  white-space: nowrap;
  overflow: hidden;

}

.word-wrap {
	word-wrap: break-word;
	word-break: break-all;
}


 
.integration-image{
	width: 15px;
 	height: 15px;
  	padding: 0px 6px 0px 0px;
}

.bounce-button {
  width: 14px;
  height: 15px;
  border: 1px solid #aaa;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
	  margin-bottom: 10px;
	  width:100%;
}

.Uiselect2-icon{
  position: absolute;
  display: block;
  right: 14px;
  top: 69px;
  z-index: 99;
}
@media (min-width:320px) and (max-width: 667px){
		#btnspcl{
			font-size: 14px;
		}
		.btn{
			font-size: 70%;
		}
		.margin-phone{
			padding: 4px 6px;
		}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
abbr .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {

  background-size: 73px 50px !important;
  right: 0;
  margin-top: -3px;
  margin-right: 4px;
}
}
/* meadia query for iphon ipad topbar search */
@media(max-width: 1024px){
	.searchbtn{
		 margin-bottom: 10px;
 		 width: 100%;
	}
	.searchiconbtn{
		padding: 8px;
	  	margin-top: -10px;
	  	margin-right: -15px;
	}
}
/* media query for ipad topbar search */
@media (min-width:768px) and (max-width: 1024px){
	.ipadsearch{
 		 top: 8px !important;
	}
	.ipadwidth{
	 	width:100% !important;
	}
}