/*   



Template Name: Saudi Cast



Version: 1.4



Author: Element8





*/







/*********************



 GENERAL UI COLORS 



*********************/







/***



Colors



blue:  #4b8df8



light blue: #bfd5fa



red: #f25f61



yellow: #ffb848



green: #35aa47



purple: #852b99



grey: #555555;



light grey: #fafafa;



***/







/*********************



 GENERAL RESET & SETUP 



*********************/







/***



Import fonts



***/







/*** load open sans font from Google Fonts



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



***/







/* load open sans font from local */



@import url(../fonts/font.css);







/***



Reset and overrides  



***/



/* general body settings */











html{ background:#dfe2e6; height: 100%;}







body { 



  color: #595959; 



  font-family: 'Montserrat', sans-serif;



  padding: 0px !important;



  margin: 0px !important;



  font-size:13px; 



  direction: ltr;



}







/* overides metro scrolbars in IE10 and makes them look like a default scrollbar */



@-ms-viewport{ 



  width: auto !important; 



}







/***



General typography 



***/



h3 small, h4 small, h5 small {



  color: #444;



}







h1, h2, h3, h4, h5, h6 {



  font-weight: 300;



}







h1.block, h2.block, h3.block, h4.block, h5.block, h6.block {



  padding-bottom: 10px;



}







a {



  text-shadow: none !important;



  color: #c5b588;



  padding: 0 0 0 0;



}







textarea{



  resize:none;



}



/***



General backgrounds



***/



.bg-blue {



  background-image: none !important;



  background-color: #4b8df8 !important;



}







.bg-red {



  background-image: none !important;



  background-color: #f25f61 !important;



}







.bg-yellow {



  background-image: none !important;



  background-color: #ffb848 !important;



}







.bg-green {



  background-image: none !important;



  background-color: #35aa47 !important;



}







.bg-purple {



  background-image: none !important;



  background-color: #852b99 !important;



}







.bg-grey {



  background-image: none !important;



  background-color: #555555 !important;



}







/***



Apply fix for font awesome icons.



***/



[class^="icon-"], 



[class*=" icon-"]/*,



[class^="icon-"]:hover, 



[class*=" icon-"]:hover */{ 



  background: none !important;



}





/**

*



Make font awesome icons fixed width(latest version issue)



***/



li [class^="icon-"],



li [class*=" icon-"] {



  display: inline-block;



  width: 1.25em;



  text-align: center;



}



li [class^="icon-"].icon-large,



li [class*=" icon-"].icon-large {



  /* increased font size for icon-large */



  width: 1.5625em;



}







/***



Close icon used for modal dialog and other UI element close buttons



***/



.close {



  display: inline-block;



  margin-top: 0px;



  margin-right: 0px;



  width: 9px;



  height: 9px;



  background-repeat: no-repeat !important;



  /*background-image: url("../img/remove-icon-small.png") !important;*/



}







/***



ie8 & ie9 modes



***/



.visible-ie8 {



  display: none;



}







.ie8 .visible-ie8 {



  display: inherit !important;



}







.visible-ie9 {



  display: none;



}







.ie9 .visible-ie9 {



  display: inherit !important;



}







.hidden-ie8 {



  display: inherit;



}







.ie8 .hidden-ie8 {



  display: none !important;



}







.hidden-ie9 {



  display: inherit;



}







.ie9 .hidden-ie9 {



  display: none !important;



}







/***



Fix link outlines after click



***/



a,a:focus, a:hover, a:active {



  outline: 0;



}







/***



IE8 fix for form input height in fluid rows



***/



.ie8 .row-fluid [class*="span"] {



    min-height: 20px !important;



}







/***



Fix grid offset used for reponsive layout handling(refer app.js=>handleResponsive)



***/



.fix-offset {



  margin-left: 0px !important;



}







/***



Misc tools



***/



.visible-ie8 {



  display: none



}







.no-padding {



  padding: 0px !important;



}
/*.service-provider-heading.no-padding{ border:0; position: absolute;
left: 40px;
top: -76px;}*/






.no-margin {



  margin: 0px !important;



}







.no-bottom-space {



  padding-bottom:0px !important;



  margin-bottom: 0px !important;



}







.no-top-space {



  padding-top:0px !important;



  margin-top: 0px !important;



}







.space5 {



  display: block;



  height: 5px !important;



  clear: both;



}







.space7 {



  height: 7px !important;



  clear: both;



}







.space10 {



  height: 10px !important;



  clear: both;



}







.space12 {



  height: 12px !important;



  clear: both;



}







.space15 {



  height: 15px !important;



  clear: both;



}







.space20 {



  height: 20px !important;



  clear: both;



}







.no-space {



  margin: 0px !important;



  padding: 0px !important;



}







.no-text-shadow {



  text-shadow: none !important;



}







.no-left-padding {



  padding-left: 0 !important;



}







.no-left-margin {



  margin-left: 0 !important;



}







.margin-bottom-10 {



  margin-bottom: 10px !important;



}







.margin-top-10 {



  margin-top: 10px !important;



}







.margin-bottom-15 {



  margin-bottom: 15px !important;



}







.margin-bottom-20 {



  margin-bottom: 20px !important;



}







.margin-top-20 {



  margin-top: 20px !important;



}







.margin-bottom-25 {



  margin-bottom: 25px !important;



}







.hide {



  display: none;



}







.bold {



  font-weight:600 !important;



}







.fix-margin {



  margin-left: 0px !important



}







.border {



  border: 1px solid #ddd



}







.inline {



  display: inline;



}







hr {



  margin: 20px 0;



  border: 0;



  border-top: 1px solid #E0DFDF;



  border-bottom: 1px solid #FEFEFE;



}







/********************



 GENERAL LAYOUT 



*********************/







/***



Header and header elements.



***/







.border {



  border: 1px solid red;



}







.header {



  padding: 0 !important;



  margin: 0 auto !important;

  border-bottom:0;

   /*max-width: 1250px;*/



}







.header.navbar-fixed-top {



  z-index: 9995 !important;



}







.header .brand {



  display: inline-block;



  margin-top: -1px;



  margin-right: 0;



  padding-left: 0;



  padding-right: 0;



  width: 225px;



}







.header .brand img {



  margin-left: 20px;



}







.header .btn-navbar {



  margin-bottom: 0px;



  padding-right: 0px;



  padding-top:10px;



  padding-bottom: 6px; 



  background-image: none;



  filter:none;



  box-shadow: none;



  color: #fff;



  border: 0;



}







.header .btn-navbar:hover {



  text-decoration: none;



}







.header .navbar-inner {

position:relative;

  width: auto;



  margin-left: 0 0 0 110px;



  border: 0px;



  padding: 0 0 0 343px; 



  box-shadow: none;



  height: 110px; 
  background: rgb(60,56,56); /* Old browsers */
background: -moz-linear-gradient(top, rgba(60,56,56,1) 0%, rgba(59,55,55,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(60,56,56,1) 0%,rgba(59,55,55,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(60,56,56,1) 0%,rgba(59,55,55,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3838', endColorstr='#3b3737',GradientType=0 ); /* IE6-9 */



}


.header .navbar-inner .btn{margin-top: 40px;}




.header .nav {



  display: block; 



}







.header .nav > li {



  margin: 0px;



  padding: 0px;



}







.header .nav > li.dropdown, 



.header .nav > li.dropdown > a {



  padding-left: 4px; 



  padding-right: 4px;



}







.header .nav > li.dropdown > a:last-child {



  padding-right: 0;



}







.header .nav > li.dropdown:last-child {



   padding-right: 2px;



}







.header .nav > li.dropdown .dropdown-toggle {



  margin: 0px;



  padding: 15px 10px 7px 10px;



}







.header .nav > li.dropdown .dropdown-toggle i {



  font-size: 18px;



}







.header .nav > li.dropdown.user .dropdown-toggle {

  margin-right: 17px;

  text-align:right;



  padding: 0;



}







.header .nav > li.dropdown.user .dropdown-toggle:hover {

background:none !important;

  text-decoration: none;



}







.header .nav > li.dropdown.user .dropdown-toggle .username {
font-size:13px;
  padding-top: 5px;
font-weight: 500;
  color: #fff;


  display:block; padding-right:23px;

  position:relative;

}

.header .nav > li.dropdown.user .dropdown-toggle .username span{ display:block;line-height: normal;font-size: 11px;font-weight: 400;}

@media (min-width: 768px){
  #dashboard .row-fluid{ margin:0 -6px; }
  #dashboard .row-fluid [class*="span"]{ padding: 0 6px; width: 50%; }
}



.header .nav > li.dropdown.user{ float: right; }



.header .nav li.dropdown.user .dropdown-toggle i {



  display: inline-block;



  margin-top: 5px;



  margin: 0;



  font-size: 11px;

  position:absolute; right:16px; top:10px;

  color:#fff;

  



}







.header .nav > li.dropdown.user .dropdown-menu i {



  width: 15px;



  display: inline-block;



}







.header .nav > li.dropdown .dropdown-toggle .badge {



  position: absolute;



  font-size: 11px !important;



  font-weight: 300;



  top: 8px;



  right: 24px;



  text-align: center;



  height: 14px;



  background-color: #f25f61;



  padding: 2px 6px 2px 6px;



  -webkit-border-radius: 12px !important;



     -moz-border-radius: 12px !important;



          border-radius: 12px !important;



  text-shadow:none !important;



}







/* language bar */







.header .nav > li.dropdown.language {



  margin-left: 0;



  margin-right: 0;



  padding-left: 0;



  padding-right: 0;



  margin-top: 0;



}







.header .nav > li.dropdown.language > a {



  padding-left: 5px;



  padding-right: 2px;



  color: #ddd;



  font-size: 13px;



  margin-top: -4px;



  height: 24px;



}







.header .nav > li.dropdown.language > a > img {



  margin-bottom: 2px;



}







.header .nav > li.dropdown.language > a > i {



  font-size: 16px;



}







.header .nav > li.dropdown.language > .dropdown-menu > li > a > img {



  margin-bottom: 2px;



}















/* firefox hack for topbar menu */



@-moz-document url-prefix() { 



  



  .header .nav > li.dropdown .dropdown-toggle {



    padding: 13px 10px 7px 10px;



  }







  .header .nav >li.dropdown .dropdown-toggle .badge {



    padding: 1px 6px 3px 6px;



  }







  .header .nav > li.dropdown.language > a {



    margin-top: -2px;



    height: 24px;



  }



}







.header .nav .dropdown-menu {



  margin-top: 3px;



}







/***



Page container



***/



.page-container {



  margin: 0 auto;

  background:#fff;

  padding: 0px;

 /* max-width:1250px;*/



}







.page-header-fixed .page-container {



  margin-top: 42px;  



}







/***



Page sidebar



***/







/* ie8 fixes */



.ie8 .page-sidebar {



  position: absolute;



  width: 225px;



}







ul.page-sidebar-menu {



  list-style: none;



  margin: 0 16px;



  padding: 0;



}







ul.page-sidebar-menu > li {



  display: block;



  margin: 0;



  padding: 0; 



  border: 0px;



  



}







ul.page-sidebar-menu > li.start > a {



   border-top-color: transparent !important;



}







ul.page-sidebar-menu > li:last-child > a,



ul.page-sidebar-menu > li.last > a {



   border-bottom-color: transparent !important;



}







ul.page-sidebar-menu > li > a {

border-radius: 4px !important;

  display: block;



  position: relative;



  margin: 0;



  border: 0px;



  padding: 10px 15px 10px;



  text-decoration: none;



  font-size: 13px;



  font-weight: 300;



}



ul.page-sidebar-menu > li > a::after{ content: ""; background: url(../images/icon-angle-right.svg) no-repeat 0 0; -webkit-background-size: 13px;
background-size: 13px;
width: 16px;
height: 16px;
position: absolute;
right: 10px;
top: 14px; }



.page-sidebar-fixed ul.page-sidebar-menu > li > a {



  -webkit-transition: all 0.2s ease;



     -moz-transition: all 0.2s ease;



       -o-transition: all 0.2s ease;



          transition: all 0.2s ease;



}







ul.page-sidebar-menu > li > a i {



  font-size: 14px;



  margin-right: 5px;

  text-shadow:none; 

  width:20px; height:23px;

  display:inline-block;
  vertical-align:middle;

 position:relative; top:2px; background-size:20px auto !important;



}

ul.page-sidebar-menu > li > a i.icon-new-1{ background: url(../images/icon-new-1.svg) no-repeat 0 0 !important;background-size: 17px !important; }
ul.page-sidebar-menu > li.active > a i.icon-new-1,
ul.page-sidebar-menu > li > a:hover i.icon-new-1,
ul.page-sidebar-menu > li:hover > a i.icon-new-1{ background-image: url(../images/icon-new-1-h.svg) !important; }


ul.page-sidebar-menu > li > a i.icon-new-2{ background: url(../images/icon-new-2.svg) no-repeat 0 0 !important;background-size: 17px !important; }
ul.page-sidebar-menu > li.active > a i.icon-new-2,
ul.page-sidebar-menu > li > a:hover i.icon-new-2,
ul.page-sidebar-menu > li:hover > a i.icon-new-2{ background-image: url(../images/icon-new-2-h.svg) !important; }

ul.page-sidebar-menu > li > a i.icon-new-3{ background: url(../images/icon-new-3.svg) no-repeat 0 0 !important;background-size: 17px !important; }
ul.page-sidebar-menu > li.active > a i.icon-new-3,
ul.page-sidebar-menu > li > a:hover i.icon-new-3,
ul.page-sidebar-menu > li:hover > a i.icon-new-3{ background-image: url(../images/icon-new-3-h.svg) !important; }

ul.page-sidebar-menu > li > a i.icon-new-4{ background: url(../images/icon-new-4.svg) no-repeat 0 0 !important;background-size: 17px !important; }
ul.page-sidebar-menu > li.active > a i.icon-new-4,
ul.page-sidebar-menu > li > a:hover i.icon-new-4,
ul.page-sidebar-menu > li:hover > a i.icon-new-4{ background-image: url(../images/icon-new-4-h.svg) !important; }

ul.page-sidebar-menu > li > a i.icon-new-5{ background: url(../images/icon-new-5.svg) no-repeat 0 0 !important;background-size: 17px !important; }
ul.page-sidebar-menu > li.active > a i.icon-new-5,
ul.page-sidebar-menu > li > a:hover i.icon-new-5,
ul.page-sidebar-menu > li:hover > a i.icon-new-5{ background-image: url(../images/icon-new-5-h.svg) !important; }

ul.page-sidebar-menu > li > a i.icon-new-6{ background: url(../images/icon-new-6.svg) no-repeat 0 0 !important;background-size: 17px !important; }
ul.page-sidebar-menu > li.active > a i.icon-new-6,
ul.page-sidebar-menu > li > a:hover i.icon-new-6,
ul.page-sidebar-menu > li:hover > a i.icon-new-6{ background-image: url(../images/icon-new-6-h.svg) !important; }





ul.page-sidebar-menu > li > a:hover i, ul.page-sidebar-menu > li.active1 > a i{ opacity:1}

ul.page-sidebar-menu > li > a i.icon-2, ul.page-sidebar-menu > li > a i.icon-2:hover{ background-position:center -39px !important;}

ul.page-sidebar-menu > li > a i.icon-3{ background-position:center -124px !important; height:25px;}

ul.page-sidebar-menu > li > a i.icon-4{ background-position:center -81px !important;height: 25px;}

ul.page-sidebar-menu > li > a i.icon-5{ background-position:center -165px !important;height: 25px;}

ul.page-sidebar-menu > li > a i.icon-6{ background-position:center -210px !important;height: 25px;}

ul.page-sidebar-menu > li > a i.icon-7{ background-position:center -253px !important;height: 25px;}

ul.page-sidebar-menu > li > a i.icon-8{ background-position:center -293px !important;height: 25px;}

ul.page-sidebar-menu > li > a i.icon-9{ background-position:center -338px !important;height: 25px;}

ul.page-sidebar-menu > li > a i.icon-10{ background-position:center -467px !important;height: 25px;}

ul.page-sidebar-menu > li > a i.icon-11{ background-position:center -510px !important;height: 25px;}

ul.page-sidebar-menu > li > a i.icon-12{ background-position:center -553px !important;height: 25px;}

ul.page-sidebar-menu > li > a i.icon-13{ background-position:center -381px !important;height: 25px;}

ul.page-sidebar-menu > li > a i.icon-14{ background-position:center -421px !important;height: 25px;}



ul.page-sidebar-menu > li.break {



  margin-bottom: 20px;



}







ul.page-sidebar-menu > li.active > a {



  border: none; 



  text-shadow:none;



}  







ul.page-sidebar-menu > li.active > a .selected {



  display: block;



  width: 8px;



  height: 25px;



  background-image: url("../img/sidebar-menu-arrow.png");



  float: right;



  position: absolute;



  right:0px;



  top:8px;



 



}







.page-sidebar ul > li > a > .arrow:before {  



   float: right;



   margin-top: 1px;



   margin-right: 8px;



   display: inline;



   font-size: 16px;



   font-family: FontAwesome;



   height: auto;



   content: "\f105";



   font-weight: 300;



   text-shadow:none;



}







ul.page-sidebar-menu > li > a > .arrow.open:before,
ul.page-sidebar-menu > li.active > a > .arrow:before {   



   float: right;



   margin-top: 1px;



   margin-right: 3px;



   display: inline;



   font-family: FontAwesome;



   height: auto;



   font-size: 16px;



   content: "\f107";



   font-weight: 300;



   text-shadow:none;



}







/* bagin: sidebar menu badges */



.page-sidebar ul > li > a > .badge {



   float: right;



   margin-top: 1px;



   margin-right: 13px;



   display: inline;



   font-size: 11px;



   height: auto;



   font-weight: 300;



   text-shadow:none;



   padding: 2px 6px 2px 6px;



   -webkit-border-radius: 12px !important;



      -moz-border-radius: 12px !important;



           border-radius: 12px !important;



}







.page-sidebar ul > li > a > .badge.badge-roundless {



  padding: 1px 6px 1px 6px;



   -webkit-border-radius: 0 !important;



      -moz-border-radius: 0 !important;



           border-radius: 0 !important;



}







@-moz-document url-prefix() { 



  .page-sidebar ul > li > a > .badge {



    padding: 1px 6px 3px 6px;



  }







  .page-sidebar ul > li > a > .badge.badge-roundless {



    padding: 1px 6px 2px 6px;



  }



}



/* end: sidebar menu badges */







ul.page-sidebar-menu > li > ul.sub-menu {



  display: none;



  list-style: none;



  clear: both;

  

  margin:0;
  width:auto;
  padding-top: 5px;



}







ul.page-sidebar-menu > li.active > ul.sub-menu {



  display: block;







}







ul.page-sidebar-menu > li > ul.sub-menu > li {



  background: none;



  margin: 0px;



  padding: 0px;



  margin-top: 0 !important;



}







ul.page-sidebar-menu > li > ul.sub-menu > li > a {



  display: block;



  margin: 0px 0px 0px 0px;


  padding: 7px 16px !important;



  text-decoration: none;



  font-size: 13px;



  font-weight: 400;



  background: none;
border-top: 0;


}







/* 3rd level sub menu */



ul.page-sidebar-menu > li > ul.sub-menu  > li ul.sub-menu {



  display: none;



  list-style: none;



  clear: both;



  margin: 0px 0px 0px 0px;



}







ul.page-sidebar-menu > li > ul.sub-menu  li > a > .arrow:before   {  



   float: right;



   margin-top: 1px;



   margin-right: 20px;



   display: inline;



   font-size: 16px;



   font-family: FontAwesome;



   height: auto;



   content: "\f105";



   font-weight: 300;



   text-shadow:none;



}







ul.page-sidebar-menu > li > ul.sub-menu  li > a > .arrow.open:before {   



   float: right;



   margin-top: 1px;







   display: inline;



   font-family: FontAwesome;



   height: auto;



   font-size: 16px;



   content: "\f107";



   font-weight: 300;



   text-shadow:none;



}







ul.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu {



  display: block;



   



}







ul.page-sidebar-menu > li > ul.sub-menu > li  ul.sub-menu li {



  background: none;



  margin: 0px;



  padding: 0px;



  margin-top: 1px !important;



}







ul.page-sidebar-menu > li > ul.sub-menu  li > ul.sub-menu > li > a {



  display: block;



  margin: 0px 0px 0px 0px;



  padding: 5px 0px;



  text-decoration: none;



  font-size: 13px;



  font-weight: 300;



  background: none;



}







ul.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {  



  padding-left: 35px;
line-height: 10px;


}







ul.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {  



  padding-left: 80px;



}







ul.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu > li.active ul.sub-menu {



  display: block;



}











ul.page-sidebar-menu > li > ul.sub-menu  li > ul.sub-menu > li > a > i {



  font-size: 13px;



}







/* sidebar search */







.page-sidebar .sidebar-search {



  margin: 8px 20px 20px 20px;



}







.page-sidebar .sidebar-search .submit {  



  display: block;



  float: right;



  margin-top: 8px;



  width: 13px;



  height: 13px;



  background-image: url(../img/search-icon.png);



  background-repeat: no-repeat;



}



 



.page-sidebar .sidebar-search input {



  margin: 0px;



  width: 165px;



  border: 0px; 



  padding-left: 0px;



  padding-right: 0px;



  padding-bottom: 0px;



  font-size: 14px ;



  box-shadow: none;



}







.page-sidebar .sidebar-search .input-box {



   padding-bottom: 2px;



}







/***



Sidebar toggler(show/hide)



***/







.page-sidebar .sidebar-toggler {



  cursor: pointer; 



  opacity: 0.5;



  filter: alpha(opacity=50);



  margin-top: 15px;



  margin-left: 175px;



  width: 29px;



  height: 29px;



  background-repeat: no-repeat;



}







.sidebar-toggler:hover { 



  filter: alpha(opacity=100);



  opacity: 1;



}







.page-sidebar-closed .sidebar-toggler {  



  margin-left: 3px;



}







.page-sidebar-closed .page-sidebar .sidebar-search {  



  height: 34px;    



  width: 29px;



  margin-left: 3px;  



  margin-bottom: 15px !important;



}







.page-sidebar-closed .page-sidebar .sidebar-search input {



  display: none;



}







.page-sidebar-closed .page-sidebar .sidebar-search .submit { 



  margin: 11px 7px !important;



  display: block !important;



}







.page-sidebar-closed .page-sidebar .sidebar-search .input-box {



  border-bottom: 0 !important;



}







.page-sidebar-closed .page-sidebar .sidebar-search.open {  



  height: 34px;    



  width: 255px;



  overflow: hidden;



}







.page-sidebar-closed .page-sidebar .sidebar-search.open input {  



  margin-top: 3px;



  padding-left: 10px;



  padding-bottom: 2px;



  width: 180px;



  display: inline-block !important;



}







.page-sidebar-closed .page-sidebar .sidebar-search.open .submit {



  display: inline-block;



  width: 13px;



  height: 13px;



  margin: 10px 8px 9px 6px !important;



}







.page-sidebar-closed .page-sidebar .sidebar-search.open .remove {



  background-repeat: no-repeat;



  width: 11px;



  height: 11px;



  margin: 11px 6px 7px 8px !important;



  display: inline-block !important;



  float: left !important;



}







.page-sidebar-closed ul.page-sidebar-menu > li > a .selected {



  right: -3px !important;



}







.page-sidebar-closed ul.page-sidebar-menu > li > a > .title,



.page-sidebar-closed ul.page-sidebar-menu > li > a > .arrow {



  display: none !important;



}







.page-sidebar-closed .sidebar-toggler {



  margin-right: 3px;



}







.page-sidebar-closed .page-sidebar .sidebar-search {



  margin-top: 6px;



  margin-bottom: 6px;



}







.page-sidebar-closed ul.page-sidebar-menu {



  width: 35px !important;



}







.page-sidebar-closed ul.page-sidebar-menu > li > a {



  padding-left: 7px;



}







.page-sidebar-fixed.page-sidebar-closed ul.page-sidebar-menu > li > a {



  -webkit-transition: all 0.2s ease;



     -moz-transition: all 0.2s ease;



       -o-transition: all 0.2s ease;



          transition: all 0.2s ease;



}







.page-sidebar-closed ul.page-sidebar-menu > li:hover {



  width: 236px !important;



  position: relative !important;



  z-index: 2000;



  display: block !important;



}







.page-sidebar-closed ul.page-sidebar-menu > li:hover .selected {



  display: none;



}







.page-sidebar-closed ul.page-sidebar-menu > li:hover > a > i {



  margin-right: 10px;



}







.page-sidebar-closed ul.page-sidebar-menu > li:hover .title {



  display: inline !important;



}







.page-sidebar-closed ul.page-sidebar-menu > li > .sub-menu {



  display: none !important;



}







.page-sidebar-closed ul.page-sidebar-menu > li:hover > .sub-menu {  



  width: 200px;



  position: absolute;



  z-index: 2000;



  left: 36px;



  margin-top: 0;



  top: 100%;



  display: block !important;



}







.page-sidebar-closed ul.page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu,



.page-sidebar-closed ul.page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu > li > .sub-menu {



  width: 200px;



}







/* 2rd level sub menu*/



.page-sidebar-closed ul.page-sidebar-menu > li:hover > .sub-menu > li > a {



  padding-left: 15px !important;



}







/* 3rd level sub menu*/



.page-sidebar-closed ul.page-sidebar-menu > li > ul.sub-menu > li > .sub-menu > li > a {  



  padding-left: 30px !important;



}







/* 4rd level sub menu*/



.page-sidebar-closed ul.page-sidebar-menu > li > ul.sub-menu > li > .sub-menu > li > .sub-menu > li > a {  



  padding-left: 45px !important;



}







/* sidebar container */



 



.page-sidebar-closed  .page-sidebar {



  width: 35px;



}







.page-sidebar-closed  .page-content {



  margin-left: 35px !important;



}











/***



Page content



***/



.page-content {  



  margin-top: 0px;   



  padding: 0px;



  background-color: #dfe2e6; 



}







.ie8 .page-content { 



    margin-left: 225px; 



    margin-top: 0px;



    min-height: 760px;



}







.ie8 .page-sidebar-fixed .page-content {



    min-height: 600px; 



}







.ie8 .page-content.no-min-height {



    min-height: auto;



  }







.page-full-width .page-content {



    margin-left: 0px !important;



}











/***



Page title



***/



.page-title {



  padding: 0px;



  font-size: 14px;



  letter-spacing: -1px;



  display: block;



  color: #419bf9;



  margin:11px 0px 10px 0px;



  font-weight: 500;



 font-family: "Conv_GothamHTF-Medium";



  



}







.page-title small {



  font-size: 14px;



  letter-spacing: 0px;



  font-weight: 300;



  color: #888;



}







/***



Page breadcrumb



***/







.ie8 .row-fluid .breadcrumb > li {



  margin-right: 1px;



}







.page-content .breadcrumb {
display:none;


  -webkit-border-radius: 0px;



     -moz-border-radius: 0px;



          border-radius: 0px;



  box-shadow: none;



  padding-right: 0px;



  padding-left: 8px;



  margin-bottom: 20px;



  border:0px !important;  



  background-color: #e7e7e7;



}







.page-content .breadcrumb a, 



.page-content .breadcrumb i, 



.page-content .breadcrumb span {



  color: #585F6C;



  font-size: 14px;



  text-shadow:none;



}



.page-content .breadcrumb a:hover{ color: #333;}



.page-content .breadcrumb i {



  color: #666;



}







/***



Dashboard date range panel



***/



.page-content .breadcrumb .dashboard-date-range  {



  display: none;



  padding-top: -1px;



  margin-right: 0px;



  margin-top: -8px;



  padding: 8px;



  padding-bottom: 7px;



  cursor: pointer;



  color: #fff;



  background-color: #f25f61;



}







.page-content .breadcrumb .dashboard-date-range span {



  font-size: 12px;



  font-weight: 300; 



  color: #fff;



  text-transform: uppercase;



} 







.page-content .breadcrumb .dashboard-date-range .icon-calendar {



  text-transform: normal;



  color: #fff;



  margin-top: 0px;



  font-size: 14px;



}



.page-content .breadcrumb .dashboard-date-range span {



  font-weight: normal; 



} 



.page-content .breadcrumb .dashboard-date-range .icon-angle-down {



  color:#fff;



  font-size: 16px;



}







/***



Footer



***/



.footer {



  padding: 8px 20px 5px 20px; 



  font-size: 12px;



}







.footer:after,



.footer:before {



  content: "";



  display: table;



  line-height: 0;



}







.footer:after {



  clear: both;



}







.footer .footer-inner {



  float: left;



  display: inline-block;



}







.footer .footer-tools {



  float: right;



  display: inline-block;



}







.footer .footer-tools .go-top { 



  display: block;



  text-decoration: none;



  cursor: pointer;



  margin-top: -2px;



  margin-right: 0px;



  margin-bottom: 0px;



  font-size: 16px;



  padding: 0px 6px 0px 6px;



}







.footer .footer-tools .go-top i {



  font-size: 22px;



  margin-bottom: 5px; 



}







/* begin: fixed footer */



.page-footer-fixed .footer {



  position: fixed;



  left: 0;



  right: 0;



  z-index: 10000;



  bottom: 0;



}







.page-footer-fixed .page-container {



  margin-bottom: 33px;



}







.page-footer-fixed.page-sidebar-fixed .footer {



  margin-left: 0 !important;



}



/* end: fixed footer */







/********************



 GENERAL UI ELEMENTS 



*********************/







/***



Icon stuff



***/



i.icon, a.icon {



  color: #999;



  margin-right: 5px;



  font-weight: normal;



  font-size: 13px;



}







i.icon-black {



  color: #000 !important;



}







a.icon:hover {



  text-decoration: none;



  -webkit-transition: all 0.1s ease-in-out;



  -moz-transition: all 0.1s ease-in-out;



  -o-transition: all 0.1s ease-in-out;



  -ms-transition: all 0.1s ease-in-out;



  transition: all 0.1s ease-in-out;



  opacity: .4;



  filter:alpha(opacity=40);



}







a.icon.huge i{



  font-size: 16px !important;



}







i.big {



  font-size: 20px;



}







i.warning {



  color: #d12610;



}







i.critical {



  color: #37b7f3;



}







i.normal {



  color: #52e136;



}







/***



Custom wells



***/



.well {



  background-color: #fafafa;



  border: 1px solid #eee;



  -webkit-border-radius: 0px;



     -moz-border-radius: 0px;



          border-radius: 0px;   



  -webkit-box-shadow: none !important;



     -moz-box-shadow: none !important;



          box-shadow: none !important;        



}







.well.mini {



  padding: 7px !important;



}







/***



Form stuff



***/



.form-section {



  margin: 15px 0px 20px 0px !important;



  padding-bottom: 5px;



  border-bottom: 1px solid #eee;



  text-transform:lowercase;



}



.form-section:first-letter{



   text-transform:uppercase;



}



.form form {



  margin: 0px !important;



  padding: 0px !important;



}







.no-bottom-space {



  padding-bottom: 0px !important;



  margin-bottom: 0px !important;



}







.form .form-actions{



  margin-top: 0px !important;



  margin-top: 40px;



  /*padding-left: 190px;*/



}







..box .form .form-actions,



.portlet.solid .form .form-actions {



  margin-left:-10px !important;



  margin-right:-10px !important;



  margin-bottom: -10px !important;



} 







/***



Bordered form layout



***/







/***



Input icons



***/



/* input with right aligned and colored icons */



.input-icon input {



  padding-right: 25px !important;



}







.input-icon .input-info,



.input-icon .input-error, 



.input-icon .input-warning, 



.input-icon .input-success {



  display: inline-block !important;



  position: relative !important;



  top: 7px;



  right: 25px !important;



  font-size: 16px;



}







.input-icon .input-info {



  color:#27a9e3;



}



.input-icon .input-error {



  color:#B94A48;



}



.input-icon .input-warning {



  color: #C09853;



}



.input-icon .input-success {



  color: #468847;



}







/* input with left aligned icons */



.input-icon.left i {



  color: #ccc;



  display: block !important;



  position: absolute !important;



  z-index: 1;



  margin: 9px 2px 4px 10px; 



  width: 16px;



  height: 16px;



  font-size: 16px;



  text-align: center;



}







.input-icon.left input {



  padding-left: 33px !important;



}







/***



Portlets



***/



.portlet  {



  clear: both;



  margin-top: 0px;



  margin-bottom: 0;



  padding: 0px;



}







.portlet > .portlet-title {  



  margin-bottom: 15px;



  border-bottom: 1px solid #eee;



}







.portlet > .portlet-title:after,



.portlet > .portlet-title:before {



  content: "";



  display: table;



  line-height: 0;



}







.portlet > .portlet-title:after {



  clear: both;



}







.portlet > .portlet-title > .caption {

  text-transform:capitalize;

  float: left;



  display: inline-block;



  color:#000000;



  font-size: 15px;


  margin: 0;


font-weight: 500;
  padding: 0;



  margin-bottom: 15px; 
  position: relative;
    z-index: 100;



}







.portlet > .portlet-title > .caption i {



  float: left;



  margin-top: 5px;



  display: inline-block !important;



  font-size: 13px;



  margin-right: 5px;



  color: #666;



}







.portlet.blue > .portlet-title > .caption, .portlet-title.blue > .caption, 



.portlet.green > .portlet-title > .caption, .portlet-title.green > .caption,



.portlet.yellow > .portlet-title > .caption, .portlet-title.yellow > .caption,



.portlet.red > .portlet-title > .caption, .portlet-title.red > .caption,



.portlet.purple > .portlet-title > .caption, .portlet-title.purple > .caption,



.portlet.grey > .portlet-title > .caption, .portlet-title.dark-grey > .caption, {



  color: #fff;



}







.portlet.box.blue > .portlet-title > .caption > i, 



.portlet.box.green > .portlet-title > .caption > i,



.portlet.box.grey > .portlet-title > .caption > i,



.portlet.box.yellow > .portlet-title > .caption > i, 



.portlet.box.red > .portlet-title > .caption > i,  



.portlet.box.purple > .portlet-title > .caption > i, 



.portlet.box.light-grey > .portlet-title > .caption > i{



  color: #595959;



}







.sortable .portlet > .portlet-title {



  cursor: move;



}







.portlet > .portlet-title > .tools,



.portlet > .portlet-title > .actions



 {



  display: inline-block;



  padding: 0;



  margin: 0;



  margin-top: 6px;



  float: right;



}







.portlet > .portlet-title > .tools > a {



  display: inline-block;



  height: 16px;



  margin-left:5px;



}







.portlet > .portlet-title > .actions > .dropdown-menu i {



  color: #000 !important;



}







.portlet > .portlet-title > .tools > a.remove {



  background-image:url(../img/portlet-remove-icon.png);



  background-repeat: no-repeat;



  width: 11px;



}







.portlet > .portlet-title > .tools > a.config {



  background-image:url(../img/portlet-config-icon.png);



  background-repeat: no-repeat;



  width: 12px;



}







.portlet > .portlet-title > .tools > a.reload {



  background-image:url(../img/portlet-reload-icon.png);



  width: 13px;



}







.portlet > .portlet-title > .tools > a.expand {



  background-image:url(../img/portlet-expand-icon.png);



  width: 10px;



}







.portlet > .portlet-title > .tools > a.collapse {



  background-image:url(../img/portlet-collapse-icon.png);



  width: 10px;



}







.portlet > .portlet-title > .tools > a:hover {



  text-decoration: none;



  -webkit-transition: all 0.1s ease-in-out;



  -moz-transition: all 0.1s ease-in-out;



  -o-transition: all 0.1s ease-in-out;



  -ms-transition: all 0.1s ease-in-out;



  transition: all 0.1s ease-in-out;



  opacity:.6;  



  filter:'alpha(opacity=60)';



}







.portlet > .portlet-title > .actions > .btn-group {



  margin-top: -12px;



}







.portlet > .portlet-title > .actions > .btn {



  padding: 4px 10px;



  margin-top: -13px;



}







.portlet > .portlet-title > .actions > .btn-group > .btn {



  padding: 4px 10px;



  margin-top: -1px;



}







.portlet > .portlet-title > .actions > .btn.mini {



  margin-top: -12px;



  padding: 4px 10px;



}







.portlet > .portlet-title > .pagination.pagination-small {



  float: right !important;



  display: inline-block !important;



  margin: 0px;



  margin-top: -2px;



}







.portlet > .portlet-body {



  clear: both;  



  padding: 0;  



}







.portlet > .portlet-body.light-blue, .portlet.light-blue {



  background-color: #bfd5fa  !important;



}







.portlet > .portlet-body.blue, .portlet.blue {



  background-color: #4b8df8 !important;



}







.portlet > .portlet-body.red, .portlet.red {



  background-color: #f25f61 !important;



}







.portlet > .portlet-body.yellow, .portlet.yellow {



  background-color: #ffb848 !important;



}







.portlet > .portlet-body.green, .portlet.green {



  background-color: #A29062 !important;



}







.portlet > .portlet-body.purple, .portlet.purple {



  background-color: #852b99 !important;



}







.portlet > .portlet-body.light-grey, .portlet.light-grey {



  background-color: #fafafa !important;



}







.portlet > .portlet-body.grey, .portlet.grey {



  background-color: #555555 !important;



}







/*  draggable girds */







.ui-sortable-placeholder { 



    border: 1px dotted black; 



    visibility: visible !important; 



    height: 100% !important; 



}



  



.ui-sortable-placeholder * { 



  visibility: hidden; 



}







.sortable-box-placeholder {



  background-color: #f5f5f5;



  border: 1px dashed #DDDDDD;



  display: block;



  /* float: left;*/



  margin-top: 0px !important;



  margin-bottom: 24px !important;



}







.sortable-box-placeholder * {



  visibility:hidden;



}







/***



Solid colored portlet



***/



.portlet.solid {



  padding: 10px;



}







.portlet.solid > .portlet-title > .tools {



  margin-top: 2px;



  border: 0px;



}







.portlet.solid > .portlet-title {



  margin-bottom: 5px;



  border: 0px;



}







.portlet.solid.bordered > .portlet-title {



  margin-bottom: 15px;



}







.portlet.solid.red > .portlet-title,



.portlet.solid.red > .portlet-title i,



.portlet.solid.red > .portlet-body,







.portlet.solid.green > .portlet-title,



.portlet.solid.green > .portlet-title i,



.portlet.solid.green > .portlet-body,







.portlet.solid.yellow > .portlet-title,



.portlet.solid.yellow > .portlet-title i,



.portlet.solid.yellow > .portlet-body,







.portlet.solid.grey > .portlet-title,



.portlet.solid.grey > .portlet-title i,



.portlet.solid.grey > .portlet-body,







.portlet.solid.purple > .portlet-title,



.portlet.solid.purple > .portlet-title i,



.portlet.solid.purple > .portlet-body,







.portlet.solid.blue > .portlet-title,



.portlet.solid.blue > .portlet-title i,



.portlet.solid.blue > .portlet-body {



  border: 0;



  color: #fff;



}







.portlet.bordered {



  border-left: 2px solid #ddd;



}







/***



Box portlet



***/











.portlet.box {



   padding:0px !important



}







.portlet.box > .portlet-title {  



   padding:15px 29px 7px;



   border-bottom: 1px solid #e6e6e7;



   color: #fff !important;



}


.blog-sidebar .portlet.box > .portlet-title{ padding:9px 16px 10px;}
.blog-sidebar .portlet.box > .portlet-body .alert{ padding-left:5px;}



.portlet.box > .portlet-title > .actions > .btn > i {



  color: #fff !important;



}







.portlet.box > .portlet-title > .tools {



  margin-top: 3px;



}







.portlet.box > .portlet-title > .tools > a.remove, 



.portlet.solid > .portlet-title > .tools > a.remove {



  background-image:url(../img/portlet-remove-icon-white.png);



}







.portlet.box > .portlet-title > .tools > a.config,



.portlet.solid > .portlet-title > .tools > a.config {



  background-image:url(../img/portlet-config-icon-white.png);



}







.portlet.box > .portlet-title > .tools > a.reload,



.portlet.solid > .portlet-title > .tools > a.reload {



  background-image:url(../img/portlet-reload-icon-white.png);



}







.portlet.box > .portlet-title > .tools > a.expand,



.portlet.solid > .portlet-title > .tools > a.expand {



  background-image:url(../img/portlet-expand-icon-white.png);



}







.portlet.box > .portlet-title > .tools > a.collapse,



.portlet.solid > .portlet-title > .tools > a.collapse {



  background-image:url(../img/portlet-collapse-icon-white.png);



}







/* portlet buttons */



.portlet.box > .portlet-body {



  background-color: #f8f8f8;

border: 1px solid #e6e7e8;

  padding: 10px;



}







.portlet.box > .portlet-title {  



  margin-bottom: 0px;



}







.portlet.box.blue > .portlet-title {



  background-color: #4b8df8;



} 







.portlet.box.blue {  



   border: 1px solid #b4cef8;



   border-top: 0;



}







.portlet.box.red > .portlet-title {



  background-color: #f8f8f8;



} 







.portlet.box.red {  



   border: 1px solid #e6e7e8;



}







.portlet.box.yellow > .portlet-title {



  background-color: #ffb848;



} 







.portlet.box.yellow {  



   border: 1px solid #fccb7e;



   border-top: 0;



}







.portlet.box.green > .portlet-title {



  background-color: #a29062;



} 







.portlet.box.green {  



   border: 1px solid #A29062;



   border-top: 0;



}







.portlet.box.purple > .portlet-title {



  background-color: #852b99;



} 







.portlet.box.purple {  



   border: 1px solid #af5cc1;



   border-top: 0;



}







.portlet.box.grey > .portlet-title {



  background-color: #e6e7e8;



} 

.portlet.box.grey > .portlet-title .caption{ color: #595959; }





.portlet.box.grey {  



   border: 0;
  margin-bottom: 12px;


}







.portlet.box.light-grey > .portlet-title {



  background-color: #aaa;



} 







.portlet.box.light-grey {  



   border: 1px solid #bbb;



   border-top: 0;



}







/***



Charts and statistics



***/



.chart, .pie, .bars {



  overflow: hidden;



  height: 300px;



}







/***



Statistic lists



***/



.item-list.table .percent {



  width: 30px;



  float: right;



  margin-right: 10px;



  margin-top: 3px;



}







.item-list.table .title {



  padding-top: -5px;



}







/***



Chart tooltips



***/



.chart-tooltip {



  clear: both;



  z-index: 100;



  background-color: #736e6e !important;



  padding: 5px !important;



  color: #fff;



}







.chart-tooltip .label {



  clear: both;



}







/***



Mini chart containers



***/



.bar-chart {



  display: none



}







.line-chart {



  display: none



}







/***



Custom icon buttons



***/



.icon-btn {



  height: 70px;



  width: 50px;



  margin: 10px 0px 10px 0px;



  border: 1px solid #ddd;



  padding: 16px 0px 0px 0px;



  background-color: #fafafa !important;



  background-image: none !important;



  filter:none !important;



  -webkit-box-shadow: none !important;



     -moz-box-shadow: none !important;



          box-shadow: none !important;



  display:block !important;



  color: #646464 !important;



  text-shadow: none !important;



  text-align: center;



  cursor: pointer;



  position: relative;  



  -webkit-transition: all 0.3s ease !important;



  -moz-transition: all 0.3s ease !important;



  -ms-transition: all 0.3s ease !important;



  -o-transition: all 0.3s ease !important;



  transition: all 0.3s ease !important;



}







.ie8 .icon-btn:hover {



  filter: none !important;



} 







.icon-btn:hover {



  text-decoration: none !important;



  border-color: #999 !important;



  color: #444 !important;



  text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important;



  -webkit-transition: all 0.3s ease !important;



  -moz-transition: all 0.3s ease !important;



  -ms-transition: all 0.3s ease !important;



  -o-transition: all 0.3s ease !important;



  transition: all 0.3s ease !important;



  -webkit-box-shadow: none !important;



  -moz-box-shadow: none !important;



  box-shadow: none !important;



}







.icon-btn:hover .badge {



  -webkit-transition: all 0.3s ease !important;



  -moz-transition: all 0.3s ease !important;



  -ms-transition: all 0.3s ease !important;



  -o-transition: all 0.3s ease !important;



  transition: all 0.3s ease !important;



  -webkit-box-shadow: none !important;



       -moz-box-shadow: none !important;



            box-shadow: none !important;



}







.icon-btn i {



  font-size: 20px !important;



  color: #777 !important;



}







.icon-btn .glyphicons {



  padding: 0px;



}







.icon-btn .glyphicons i:before {  



  font-size: 20px !important;



  color: #777 !important;



}







.icon-btn div {



  font-family: 'Open Sans', sans-serif;



  margin-top: 5px;



  margin-bottom: 20px;  



  color: #000;



  font-size: 11px;



  font-weight: 300;



}







.icon-btn .badge {



  position: absolute;



  font-family: 'Open Sans', sans-serif;



  font-size: 11px !important;



  font-weight: 300;



  top: -5px;



  right: -5px;



  padding: 3px 7px 3px 7px;



  color: white !important;



  text-shadow: none;



  border-width: 0;



  border-style: solid;



  -webkit-border-radius: 12px !important;



  -moz-border-radius: 12px !important;



  border-radius: 12px !important;



  -webkit-box-shadow: none;



  -moz-box-shadow: none;



  box-shadow: none;



}







/* for firefox only */



@-moz-document url-prefix() { 



  .icon-btn .badge {



      padding: 2px 7px 4px 7px;



  }



}  







/* extended dropdowns */



.dropdown-menu.extended {



  min-width: 253px !important;



  max-width: 300px !important;



  width: 100% !important;



  background-color: #ffffff !important;



}







.dropdown-menu.extended:before,



.dropdown-menu.extended:after {



  border-bottom-color: #ddd !important;



}







.dropdown-menu.extended li a{



  display: block;



  padding: 5px 10px !important;



  clear: both;



  font-weight: normal;



  line-height: 20px;



  white-space: normal !important;



}







.dropdown-menu.extended li i{



  margin-right: 3px;



}







.dropdown-menu.extended li a{



   font-size: 13px;



   padding: 10px !important;



   background-color: #ffffff;



}







.dropdown-menu.extended li a:hover {



  background-image: none;



  background-color: #f5f5f5;



  color: #55aefb;



  filter:none;



}







.dropdown-menu.extended li p{



  padding: 10px;



  background-color: #eee;



  margin: 0px;



  font-size: 14px;



  font-weight: 300;



  color: #000;



}







.dropdown-menu.extended li a{



  padding: 7px 0 5px 0px;



  list-style: none;



  border-bottom: 1px solid #e5e5e5 !important;



  font-size: 13px;



  text-shadow: none;



}







.dropdown-menu.extended li:first-child a {



  border-top: none;



  border-bottom: 1px solid #e5e5e5 !important;



}







.dropdown-menu.extended li:last-child a {



  border-top: 1px solid white !important;



  border-bottom: 1px solid #e5e5e5 !important;



}







.dropdown-menu.extended li.external > a {



  font-size: 13px;



  font-weight: 400;  



}







.dropdown-menu.extended li.external > a > i{



  margin-top: 3px;



  float: right;



}







/* header notifications dropdowns */



.dropdown-menu .dropdown-menu-list.scroller {



  padding-right: 0px !important;



}







.dropdown-menu.notification li > a > .label {  



  width: 14px;



  padding: 4px;



  margin-right: 2px;



  text-align: center !important;



}







.dropdown-menu.notification li > a > .label i {



  text-align: center !important;



}







.dropdown-menu.notification li a .time {



  font-size: 12px;



  font-weight: 600;



  text-align: right;



  font-style: italic;



}







/* header inbox dropdowns */



.dropdown-menu.inbox li a .photo img {



  float: left;



  height: 40px;



  width: 40px;



  margin-right: 6px;



}







.dropdown-menu.inbox li a .subject {



  display: block;



}







.dropdown-menu.inbox li a .subject .from {



  font-size: 14px;



  font-weight: 400;



  color: #02689b;



}







.dropdown-menu.inbox li a .subject .time {



  font-size: 12px;



  font-weight: 600;



  font-style: italic;



  position: relative;



  float: right;



}







.dropdown-menu.inbox li a .message {



  display: block !important;



  font-size: 12px;



}







/* header tasks */



.dropdown-menu.tasks .task {



  margin-bottom: 5px;



}







.dropdown-menu.tasks .task .desc {



  font-size: 13px;



  font-weight: 300;



}







.dropdown-menu.tasks .task .percent {



  font-size: 14px;



  font-weight: 600;



  font-family: 'Open Sans', sans-serif;



  float: right;



  display: inline-block;



}







.dropdown-menu.tasks .progress {



  display: block;



  height: 10px;



  margin: 0px;



}







/***



General list for item with image



***/



.item-list li .img {



  height: 50px;



  width: 50px;



  float: left;



  margin-top: 3px;



  margin-right: 5px;



}







.item-list {



  margin: 0px;



  list-style: none;



}







.item-list li {



  padding: 7px 0 5px 0px;



  list-style: none;



  border-top: 1px solid white;



  border-bottom: 1px solid #EBEBEB;



  font-size: 12px;



}







.item-list li:first-child {



  border-top: none;



  border-bottom: 1px solid #EBEBEB;



}







.item-list li:last-child {



  border-top: none;



  border-bottom: none;



}







.item-list li .label {



  margin-right: 5px;



}







.item-list.todo li .label {



  position: absolute;



  right: 80px;



}







.item-list.todo li .actions {



  position: absolute;



  right: 45px;



}







/***



Custom tables



***/



.table-toolbar {



  margin-bottom: 15px;



}







.table.table-full-width {



  width: 100% !important;



}







.table .m-btn {



  margin-top: 0px;



  margin-left: 0px; 



  margin-right: 5px;



}







.table thead tr th {



  font-size: 14px;



  font-weight: 600;



}







.table-advance {



  margin-bottom: 10px !important;



}







.table-advance thead { 



  color: #999; 



}

.table-advance thead tr th a, .table-advance thead tr th{ color:#6d6e71;}
.table-advance thead tr th a:after{font-family:'FontAwesome'; content:"\f0d7";font-size: 8px;margin-left: 7px;}

.table-advance tr td{ color:#666666;}

.table-advance tr td a:hover{ color:#666666;}

.table-advance thead tr th{background-color: #fff; font-size: 14px;font-weight: 400; color: #666;}







.table-custom { border:1px solid #ddd; width:100%; background:#fff; margin-top:0 !important; text-align:left;}

.table-custom thead tr th a{ color:#666666;}

.table-custom tr td{ color:#666666; line-height: 20px; padding: 8px;}

.table-custom tr:hover td{ background:#F5F5F5;}

.table-custom tr td a:hover{ color:#666666;}

.table-custom thead tr th{background-color: #f9f9f9; font-size: 14px;font-weight: 400; color: #666; line-height: 20px; padding: 8px; border:1px solid #ddd;}



.portlet.box > .portlet-title.table-title-custom{ background:#F8F8F8;border: 0 none; border:1px solid #e6e7e8; border-bottom:0;}

.portlet.box > .portlet-title.table-title-custom .caption{ color:#6d6e71 !important;}







.table-advance div.success, 



.table-advance div.info, 



.table-advance div.important, 



.table-advance div.warning, 



.table-advance div.danger {



  position: absolute;



  margin-top:-5px;



  float: left;



  width: 2px;



  height: 30px;



  margin-right: 20px !important;



}







.table-advance tr td {



  border-left-width: 0px; 



}



.table-advance tr td:first-child {



  border-left-width: 1px !important; 



}







.table-advance tr td.highlight:first-child a {



  margin-left: 15px;



}







.table-advance td.highlight div.success {  



  border-left: 2px solid #66ee66;



}







.table-advance td.highlight div.info {  



  border-left: 2px solid #87ceeb;



}







.table-advance td.highlight div.important {  



  border-left: 2px solid #f02c71;



}







.table-advance td.highlight div.warning {  



  border-left: 2px solid #fdbb39;



}







.table-advance td.highlight div.danger {  



  border-left: 2px solid #e23e29;



}











/***



Star rating



***/



.rating {



  unicode-bidi: bidi-override;



  direction: rtl;



  font-size: 30px;



}







.rating span.star {



  font-family: FontAwesome;



  font-weight: normal;



  font-style: normal;



  display: inline-block;



}







.rating span.star:hover {



  cursor: pointer;



}







.rating span.star:before {



  content: "\f006";



  padding-right: 5px;



  color: #999999;



}







.rating span.star:hover:before,



.rating span.star:hover ~ span.star:before {



  content: "\f005";



  color: #e3cf7a;



}







/***



Rows seperated form layout



***/



.form-row-seperated .control-group {



  border-bottom: 1px solid #efefef;



  padding-bottom: 10px;



  padding-right: 10px;



  margin-bottom: 10px;



  margin-left: -10px;



  margin-right: -10px;



}







.form-row-seperated .control-group.last {



  border-bottom: 0;



}







.form-row-seperated .control-label {



  width: 170px;



}







.form-row-seperated .controls {



  margin-left: 190px;



}







.form-row-seperated .help-inline,



.form-row-seperated .help-block {



  padding-left: 0;



}







/***



Bordered form layout



***/



.form-horizontal.form-bordered .control-group:first-child {



  border-bottom: 1px solid #eee !important;



}







.form-horizontal.form-bordered .control-group {



  margin: 0;



  padding: 0;



  border-bottom: 1px solid #eee;



}







.form-horizontal.form-bordered .control-group.last {



  border-bottom: 0;



}







.portlet.box .form-horizontal.form-bordered .control-group {



  margin-left: -10px;



  margin-right: -10px;



}







.portlet.box .form-horizontal.form-bordered .control-group:first-child {



  margin-top: -10px;



}







.form-horizontal.form-bordered .control-group .controls {



  padding: 10px;



  position: relative;



  border-left: 1px solid #eee;



}







.form-horizontal.form-bordered .control-group .controls .chosen-container,



.form-horizontal.form-bordered .control-group .controls .select2-wrapper  {



  min-height: 32px;



}







.form-horizontal.form-bordered .control-group .controls .chosen-container .help-block,



.form-horizontal.form-bordered .control-group .controls .select2-wrapper .help-block {



  clear: both;



  padding-top: 10px !important;



}







.form-horizontal.form-bordered .control-group .control-label {



  margin-top: 10px;



}







.form-horizontal.form-bordered.form-row-stripped .control-group:nth-child(even) {



  background-color: #fcfcfc;



}







.form-horizontal.form-bordered.form-label-stripped .control-group:nth-child(even) {



  background-color: #fcfcfc;



} 







.form-horizontal.form-bordered.form-row-stripped .m-wrap {



  background: #fff !important;



}



  



.form-horizontal.form-bordered.form-label-stripped .control-group:nth-child(even) .controls {



  background-color: #ffffff;  



}







.form-horizontal.form-bordered .help-inline,



.form-horizontal.form-bordered .help-block {



  padding-left: 0;



}







/***



Uniform plugin css changes



***/







.radio, .checkbox {



  padding-left: 0px !important;



}







.checkbox .checker {



  margin-top: -2px !important;



  margin-right: 2px !important;



}







.checkbox .checker input,



.radio .radio input {



  outline: none !important;



}







.controls .text {



  display: block;



  margin-top: 7px;



  font-weight: 400;



  font-size: 14px;



}







.controls .text-inline {



  display: inline-block;



  margin-top: 8px;



  font-weight: 400;



  font-size: 14px;



}











/* used for non horizontal forms */



.controls-uniform {



  margin-top: -7px;



}







/***



General forms settings



***/



input.placeholder,



textarea.placeholder {



  color: #aaa !important;



}







.help-block {



 margin-top: 5px !important;



}







.form-inline input {



  margin-bottom: 0px !important;



}











.control-label {



  margin-top: 2px;



  /*text-transform:lowercase;*/

  color:#6D6E74;



}

label{color:#6D6E74;}



.control-label:first-letter{



   text-transform:uppercase;



}







.control-label .required {



  color: #f25f61;



  font-size: 12px;



  padding-left: 2px;



}







.validate-inline {



  display: inline-block;



  *display: inline;



  padding-left: 5px;



  vertical-align: middle;



  *zoom: 1;



  margin-top: 6px;



}







.control-group.success .validate-inline {



  color: #468847;



}







.control-group.info .validate-inline {



  color: #3a87ad;



}







.control-group.error .validate-inline {



  color: #b94a48;



}







.control-group.warning .validate-inline {



  color: #c09853;



}







.help-inline {



  margin-top: 6px;



}







.help-small {



  font-size: 12px;



  padding-top: 0;



  margin-top: 0;



  margin-bottom: 0;



  padding-bottom: 0;



}







.success .validate-inline.ok:before,



.success .help-inline.ok:before {



  content: "\f00c";



  font-size: 16px;



  font-family: FontAwesome;



  font-weight: normal;



  font-style: normal;



  display: inline-block;



}











form legend,



.form-view legend {



  margin-bottom: 15px !important;



}







.controls > .radio .checker,



.controls > .checkbox .checker {



  margin-right: 2px !important;



}







.controls > .radio,



.controls > .checkbox {



  display: inline-block;



  padding: 0 !important;



  margin: 0 !important;



  margin-top: 8px !important;



  margin-right: 15px !important;



}







.controls > .radio.line,



.controls > .checkbox.line {



  display: block;



  padding: 0 !important;



  margin: 0 !important;



  margin-top: 5px !important;



}







.controls .inline {



  margin-top: 8px; 



}







.form-view .control-group {



  margin-top: 0px;



  margin-bottom: 5px;



}







.uploader {



  margin-top: 2px !important;



}







/***



Item block with details shown on hover



***/



.item {



  overflow: hidden;



  display: block;



  margin-bottom: 20px;



}







.item .details {



  width: 100%;



  display: none;



  background-color: #000;



  color: #fff !important;



  padding: 5px;



  text-align: center;



  position: relative;



  bottom:30px; 



  margin-bottom:-30px; 



  overflow: hidden; 



  z-index: 6;



}







.item:hover .details {



  display: block;



  opacity: 0.7;



  filter: alpha(opacity = 70);



}







.item:hover .zoom-icon{



  opacity:0.5;  



  filter: alpha(opacity = 50);



}







/***



Zoom icon overlay on images



***/



.zoom {



  cursor: pointer;



  width: 100%;



  height: 100%;



  position: relative;   



  z-index: 5;



}







.zoom .zoom-icon {



  background-image:url("../img/overlay-icon.png");



  background-color: #222;



  background-repeat: no-repeat;



  background-position: 50%;



  position: absolute;



  width: inherit;



  height: inherit;



  opacity: 0; 



  filter: alpha(opacity = 0);



  z-index: 6;  



  top:0;  



}







/***



Chats



***/



.chats {



  margin:0;



  padding: 0;



  margin-top: -15px;



}







.chats li {



  list-style: none;



  padding: 5px 0;



  margin: 10px auto;



  font-size: 12px;



}







.chats li img.avatar {



  height: 45px;



  width: 45px;



  -webkit-border-radius: 50% !important;



     -moz-border-radius: 50% !important;



          border-radius: 50% !important;



}







.chats li.in img.avatar {



  float: left;



  margin-right: 10px;



}







.chats li .name {



  color:#3590c1;



  font-size: 13px;



  font-weight: 400;



}







.chats li .datetime {



  color:#333;



  font-size: 13px;



  font-weight: 400;



}







.chats li.out img.avatar {



  float: right;



  margin-left: 10px;



}







.chats li .message {



  display: block; 



  padding: 5px;



  position: relative;



}







.chats li.in .message {



  text-align: left;



  border-left: 2px solid #35aa47;



  margin-left: 65px;



  background: #fafafa 



}







.chats li.in .message .arrow {



  display: block;



  position: absolute;



  top: 5px;



  left: -8px;  



  width: 0; 



  height: 0; 







  border-top: 8px solid transparent;



  border-bottom: 8px solid transparent;  



  border-right: 8px solid #35aa47;  



}







.chats li.out .message .arrow {



  display: block;



  position: absolute;



  top: 5px;



  right: -8px;



  border-top: 8px solid transparent;



  border-bottom: 8px solid transparent;  



  border-left: 8px solid #da4a38;  



}







.chats li.out .message {



  border-right: 2px solid #da4a38;



  margin-right: 65px;



  background: #fafafa;



  text-align: right;



}







.chats li.out .name, 



.chats li.out .datetime  {  



  text-align: right;



}







.chats li .message .body {



  display: block; 



}







.chat-form {



  margin-top: 15px;



  padding: 20px;



  background-color: #e9eff3;



  overflow: hidden;



  clear: both;   



}







.chat-form .input-cont {



  margin-right: 55px;



}







.chat-form .input-cont .m-wrap {



  margin-bottom: 0px;



}







.chat-form .input-cont input{



  border: 1px solid #ddd;



  width: 100%;  



  margin-top: 0;



}







.chat-form .input-cont input {



  background-color: #fff !important;



}







.chat-form .input-cont input:focus{



  border: 1px solid #4b8df9 !important;



}







.chat-form .btn-cont {



  margin-top: -42px;



  position: relative;



  float: right;



  width:44px;



}







.chat-form .btn-cont .arrow {



  position: absolute;



  top: 17px;



  right: 43px;



  border-top: 8px solid transparent;



  border-bottom: 8px solid transparent;  



  border-right: 8px solid #4d90fe;   



    -webkit-box-sizing: border-box;



       -moz-box-sizing: border-box;



            box-sizing: border-box; 



}







.chat-form .btn-cont:hover .arrow {



  border-right-color: #0362fd;



}







.chat-form .btn-cont:hover .btn {



  background-color: #0362fd;



}







.chat-form .btn-cont .btn {



  margin-top: 8px;



}







/***



System feeds



***/



.feeds {



  margin: 0px;



  padding: 0px;



  list-style: none;



}







.feeds li {



  margin-bottom: 4px;   



}







.feeds li:before, 



.feeds li:after {



  display: table;



  line-height: 0;



  content: "";



}







.feeds li:after {



  clear: both;



}







.feeds li:last-child {



  margin-bottom: 0px;



}

.feeds li .close{ margin-top:4px;}





.feeds .col1 {



  float:left;



  width:100%;  



  clear: both;



}







.feeds .col2 {



  float:left;



  width:75px;



  margin-left:-75px;



}







.feeds .col1 .cont {



  float:left;



  overflow:hidden;



}







.feeds .col1 .cont  .cont-col1 {



  float:left;



  margin-right:-100%;



}







.feeds .col1 .cont  .cont-col1 .label {



  float: left;

  background:none !important;

  color:#c5c5c5;

  font-size:16px;

  margin:4px 0 0 0;





}





.feeds .col1 .cont .cont-col1 .label .icon-announcement{ background:url(../images/announcement-icon.png) no-repeat -17px 1px !important; width:17px; height:13px;}

.feeds .col1 .cont:hover .cont-col1 .label .icon-announcement{ background-position:0 1px !important;}





.feeds .col1 .cont .cont-col2 {



  float:left;



  width:100%;



}





.feeds li a{ display:block;}







.feeds .col1 .cont .cont-col2 .desc { 



  margin-left:31px;



  padding-top: 3px;



  padding-bottom: 4px;



  overflow:hidden;line-height: 18px;

  color:#939598;



}

.feeds .col1 .cont .cont-col2 .desc a{color:#939598; display:block;}

.feeds .col1 .cont .cont-col2 .desc a:hover{color:#419bf9;}

.feeds .col1 .cont .cont-col2 .desc:hover, .feeds .col1 .cont .cont-col2 .desc:hover i{ color:#419bf9;}



.feeds .col2 .date {



  padding: 4px 9px 4px 4px;



  text-align: right;



  font-style: italic;



  color:#c1cbd0;



}





.bell-new-icon .icon-bell:before{ display:none;}

.bell-new-icon .icon-bell{ background:url(../images/notification-icon.png) right 0 !important; width:12px; height:17px;}

.bell-new-icon .cont:hover .icon-bell{ background-position:0 0 !important}







.feeds .col1 .cont .cont-col1 .label .icon-news-feed{ background:url(../images/news-icon.png) -18px 0 !important; width:18px; height:13px;}

.feeds .col1 .cont:hover .cont-col1 .label .icon-news-feed{ background-position:0 0 !important;}







/***



Users



***/



.user-info {



  margin-bottom: 10px !important;



}







.user-info img {



  float: left;



  margin-right: 5px;



}







.user-info .details {



  display: inline-block;



}







.user-info .label {



  font-weight: 300;



  font-size: 11px;



}







/***



Accordions



***/



.accordion-heading {



  background:#eee;



}







.accordion-heading a {



  text-decoration:none;



}







.accordion-heading a:hover {



  text-decoration:none;



}







/***



Vertical inline menu



***/



.ver-inline-menu {



  margin: 0px;



  list-style: none;



}







.ver-inline-menu li {



  position:relative;



  margin-bottom:1px;



}







.ver-inline-menu li i {



  color:#e7e7e7;



  font-size:15px;



  padding:11px 9px;



  margin:0 8px 0 0;



  background:#b9b2b2 !important;



}







.ver-inline-menu li a {



  font-size: 13px;



  color:#557386;



  display:block;



  background:#e7e7e7;



  border-left:solid 2px #a30c1f;



}







.ver-inline-menu li:hover a,



.ver-inline-menu li:hover i {



  background:#b9b2b2;



  text-decoration:none;



}







.ver-inline-menu li:hover i {



  color:#e7e7e7;



  background:#b9b2b2 !important;



}







.ver-inline-menu li.active a,



.ver-inline-menu li:hover a {



  font-size: 13px;



}







.ver-inline-menu li.active a,



.ver-inline-menu li.active i {



  color:#fff;



  background:#666666;



  text-decoration:none;



  border-left:solid 1px #a30c1f;



}







.ver-inline-menu li.active i {



  background:#666666 !important;  



}







.ver-inline-menu li.active:after {



  content: '';



  display: inline-block;



  border-bottom: 6px solid transparent;



  border-top: 6px solid transparent;



  border-left: 6px solid #666666;



  position: absolute;



  top: 12px;



  right: -5px;



}







/***



Custom tabs



***/



.tab-content {



  padding: 0px;  

border: 0;

  /*overflow: hidden;*/



}







.tabbable-custom { 



  -webkit-border-radius: 0; 



     -moz-border-radius: 0; 



          border-radius: 0; 



   margin-bottom: 15px;       



}







.widget .row-fluid:last-child .tabbable-custom {



  margin-bottom: 0px;



}







.tabbable-custom > .nav-tabs { 



  border: none; 



  margin: 0px;



}







.tabbable-custom > .tab-content { 



   background-color: #fff;





   -webkit-border-radius: 0; 



   -moz-border-radius: 0; 



   border-radius: 0; 



}







.tabbable-custom.boxless > .tab-content {



  padding:15px 0;



  border-left:none;



  border-right:none;



  border-bottom:none;



}







.tabbable-custom .nav-tabs > li { 





  border-top:0; 



}







.tabbable-custom .nav-tabs > li > a { 



  -webkit-border-radius: 2px; 



  -moz-border-radius: 2px;



   border-radius: 2px; 



   margin-right: 0; 



   padding: 5px 15px; 



 }







.tabbable-custom .nav-tabs > li > a:hover { 



  background: none;



  border-color:transparent;



}







.tabbable-custom .nav-tabs > li.active { 



  margin-top: 0; 



  position: relative; 



}







.tabbable-custom .nav-tabs > li.active > a  { 



  border-top: none; 



  font-weight: 400; 



}







.tabbable-custom .nav-tabs > li.active > a:hover { 



  background: #fff; 



  border-color: #d4d4d4 #d4d4d4 transparent; 



}







.tabbable-custom .nav-tabs > li { 



  margin-bottom:0;

  border-top: 0; 



}







.tabs-below.tabbable-custom .nav-tabs > li { 



  border-top: none; 



  border-bottom: 2px solid transparent; 



  margin-top: -1px; 



}







.tabs-below.tabbable-custom .nav-tabs > li.active { 



    border-top: none; 



    border-bottom: 3px solid #d12610; 



    margin-bottom: 0; position: relative; 



}







.tabs-below.tabbable-custom .nav-tabs > li.active > a { 



  border-bottom: none 



}







.tabs-below.tabbable-custom .nav-tabs > li.active > a:hover { 



  background: #fff; 



  border-color: #d4d4d4 #d4d4d4 transparent; 



}



    



.tabs-left.tabbable-custom .nav-tabs > li { 



  margin-right: 0; border-left: 2px solid transparent; margin-top: none; 



}







.tabs-left.tabbable-custom .nav-tabs > li.active { 



  border-top: none; 



  border-left: 3px solid #d12610; 



  margin-top: 0; margin-right: -1px; position: relative; 



}







.tabs-left.tabbable-custom .nav-tabs > li.active > a { 



  border-top: 1px solid #d4d4d4; 



  border-left: 1px solid transparent; 



}







.tabs-left.tabbable-custom .nav-tabs > li.active > a:hover { 



  background: #fff; 



  border-color: #d4d4d4 transparent #d4d4d4 transparent; 



}



    



.tabs-right.tabbable-custom .nav-tabs > li { 



  margin-right: 0; 



  border-right: 2px solid transparent; 



  border-top: none; }







.tabs-right.tabbable-custom .nav-tabs > li.active { 



  border-top: none; 



  border-right: 3px solid #d12610; 



  margin-top: 0; 



  margin-left: -1px; 



  position: relative; 



}







.tabs-right.tabbable-custom .nav-tabs > li.active > a { 



  border-top: 1px solid #d4d4d4; 



  border-right: 1px solid transparent; 



}







.tabs-right.tabbable-custom .nav-tabs > li.active > a:hover { 



  background: #fff; 



  border-color: #d4d4d4 transparent #d4d4d4; 



}







.tabs-right.tabbable-custom .nav-tabs > li a, 



.tabs-left.tabbable-custom .nav-tabs > li a { 



  padding: 8px 10px 



}







/*full width tabs with bigger titles */



.tabbable-custom.tabbable-full-width > .tab-content {



  padding:27px 0 5px 0;



  border-left:none;



  border-right:none;



  border-bottom:none;



}







.tabbable-custom.tabbable-full-width .nav-tabs > li > a {



  color:#424242;



  font-size:15px;



  padding:9px 15px;



}











/***



Custom portlet tabs



***/



.portlet-tabs .nav-tabs {



    position: relative;



    top: -41px;



    margin-right: 10px;



    overflow: hidden;



}







.portlet-tabs .nav-tabs > li {



    float: right;



}







.portlet-tabs .nav-tabs {



    border-bottom: none;



}







.portlet-tabs .nav-tabs > li > a {



  padding-top: 8px;



  padding-bottom: 10px;



  line-height: 16px;



  margin-top: 6px;



  margin-left: 0px;



  margin-right: 0px;



  border-left: 0;    



  border-right: 0;



     -webkit-border-radius: 0px;



        -moz-border-radius: 0px;



             border-radius: 0px;   



}







.portlet-tabs .nav-tabs > li:last-child > a {



  border-right:0;



}







.portlet-tabs .nav-tabs > li {



  margin-left: 1px;



}







.portlet-tabs .nav-tabs > li.active {



  border-top-color: transparent;



}







.portlet-tabs .nav-tabs > li.active > a {



  margin-bottom: 0px;



  border-bottom: 0;



  margin-left: 0px;



  margin-right: 0px;



  border-left: 0;    



  border-right: 0;



  background-color: none !important;



  border-top-color:transparent !important;



}







.portlet-tabs .nav-tabs > li > a:hover {   



  margin-bottom: 0;



  border-bottom-color: transparent;



  margin-left: 0;



  margin-right: 0;



  border-left: 0;    



  border-right: 0;



  background-color: none !important;



  border-top-color:transparent;



  background-color: #fff;



}  







.portlet-tabs .nav-tabs > .active > a  {



  color: #555555;



  cursor: default;



  background-color: #fff;



}







.portlet-tabs .nav-tabs > .active > a:hover {



  background-color: #fff !important;



}







.portlet-tabs .tab-content {



  padding: 10px !important;



  margin: 0px;



  margin-top: -60px !important;



}







.portlet.tabbable .portlet-body {



  padding: 0px;



}







.tab-pane > p:last-child {



  margin-bottom: 0px;



}







/***



Dashboard container



***/



#dashboard {



  overflow: hidden;



}







/***



Dashboard stats



***/



.dashboard-stat {

    min-height: 131px;

    margin-bottom: 11px;

    padding: 0 36px 25px 37px;



}







.dashboard-stat:before,



.dashboard-stat:after {



  display: table;



  line-height: 0;



  content: "";



}



.dashboard-stat:after {



  clear: both;



}







.dashboard-stat .visual {



  width: 80px;



  height:80px;



  display: block;



  float: left;



  padding-top: 10px;



  padding-left: 15px;



}







.dashboard-stat .visual i {



  font-size: 65px;



  color: #fff;



}





/*

.dashboard-stat .details {



  float: left;



  padding-right: 10px;



}*/







.dashboard-stat .details .number {    



  padding-top: 50px;

    font-size: 80px;

    line-height: 40px;

    letter-spacing: -1px;

    font-family: 'Conv_Gotham-Thin';

    color: #fff;

    margin-bottom: 10px;



}









.dashboard-stat .details .desc {



  font-size: 13px;

  

  font-family: 'Conv_GothamHTF-Medium';

  

  text-transform:uppercase;



  letter-spacing: 0px;



  font-weight: 300;



  color: #fff;
  padding:8px 0 0 5px;



}







.dashboard-stat .more {



  clear: both;



  display: block;



  padding: 5px 10px 5px 10px;



  text-transform: uppercase;



  font-weight: 300;



  font-size: 11px;



  color: #fff;  



  opacity: 0.7;  



  filter: alpha(opacity=70);



}  







.dashboard-stat .more i {



  margin-top: 4px;



  float: right;



}







.dashboard-stat .more:hover {



  text-decoration: none;



  -webkit-transition: all 0.1s ease-in-out;



  -moz-transition: all 0.1s ease-in-out;



  -o-transition: all 0.1s ease-in-out;



  -ms-transition: all 0.1s ease-in-out;



  transition: all 0.1s ease-in-out;



  opacity: 1;  



  filter: alpha(opacity=100);



}







.dashboard-stat.blue {



  background-color: #20adc2;



}







.dashboard-stat.blue .more { 



  background-color: #208dbe;



} 







.dashboard-stat.green {



  background-color: #a29062;



}







.dashboard-stat.green .more { 



  background-color: #564319;



} 







.dashboard-stat.red {



  background-color: #419bf9;



}



dashboard-stat.grey {



  background-color: #909090;



}



.dashboard-stat.red .more { 



  background-color:#a30c1f;



} 







.dashboard-stat.yellow {



  background-color: #ffd84e;



}







.dashboard-stat.yellow .more { 



  background-color: #cb871b;



} 







.dashboard-stat.purple {



  background-color: #852b99;



}







.dashboard-stat.purple .more { 



  background-color: #6e1881;



} 







/***



Circle Stats(KNOB, new in v1.1.1)



***/







/* Circle stats */



.knobify {



  border: 0 !important;



  width: 0px !important;



}







.ie8 .knobify {



  display: none;



}







.circle-stat {



  background-color: #f8f8f8;



  padding:2px;



  margin-bottom: 10px;



}







.circle-stat:hover {



  background-color: #edf4f7;



}







.circle-stat:before,



.circle-stat:after {



  display: table;



  line-height: 0;



  content: "";



}



.circle-stat:after {



  clear: both;



}







.circle-stat .visual {



  display: block;



  float: left;



}







.circle-stat .details {



  display: block;



  float: left;  



  margin-left: 5px;



  padding-top: 7px;



}







.circle-stat .details .title {



  margin: 10px 0px 5px 0px !important;



  padding: 0px !important; 



  font-size: 13px;  



  text-transform: uppercase;



  font-weight: 300;



  color: #222;



}   







.ie8 .circle-stat .details .title {



  margin-top:5px !important;



}



.ie8 .circle-stat .details {



  padding-top: 0px !important;



  margin-bottom: 5px !important;



}







.circle-stat .details .title i {



  margin-top:2px !important;



  color: #52e136;



  font-size: 16px;



}







.circle-stat .details .title i.down {



  color: #b63625;



}







.circle-stat .details .number {



  margin: 0px !important;



  margin-bottom: 7px !important;



  font-size: 24px;



  padding: 0px; 



  font-weight: 300;



  color: #999;



}







/***



Tiles(new in v1.1.1)



***/



.tiles {



  margin-right: -10px;



}







.tile {



  display: block;



  letter-spacing: 0.02em;



  float: left;



  height: 130px;



  width: 130px !important;



  cursor: pointer;



  text-decoration: none;



  color: #ffffff;



  position: relative;



  font-weight: 300;



  font-size: 12px;



  letter-spacing: 0.02em;



  line-height: 20px;



  font-smooth: always;



  overflow: hidden;



  border: 4px solid transparent;



  margin: 0 10px 10px 0;



}







.tile:after,



.tile:before {



  content: "";



  float: left; 



}







.tile.double {



  width: 278px !important;



}







.tile.double-down {



  height: 278px !important;



}







.tile:active, .tile.selected {



  border-color: #ccc;



}







.tile:hover {



  border-color: #aaa;



}







.tile.selected .corner:after {  



  content: "";



  display: inline-block;



  border-left: 40px solid transparent;



  border-bottom: 40px solid transparent;



  border-right: 40px solid #ccc;



  position: absolute;



  top: -3px;



  right: -3px;



}







.tile.selected .check:after {  



  content: "";



  font-family: FontAwesome;



  font-size: 13px;



  content: "\f00c";



  display: inline-block;



  position: absolute;



  top: 2px;



  right: 2px;



}







.tile * {



  color: #ffffff;



}







.tile .tile-body {



  height: 100%;



  vertical-align: top;



  padding: 10px 10px;



  overflow: hidden;



  text-overflow: ellipsis;



  position: relative;



  font-weight: 400;



  font-size: 12px;



  font-smooth: always;



  color: #000000;



  color: #ffffff;



  margin-bottom: 10px;



}







.tile .tile-body img {



  float: left;



  margin-right: 10px;



}







.tile .tile-body img.pull-right {



  float: right !important;



  margin-left: 10px;



  margin-right: 0px;



}







.tile .tile-body .content {



  display: inline-block;



}







.tile .tile-body > i {



  margin-top: 17px;



  display: block;



  font-size: 56px;



  text-align: center;



}







.tile.double-down i {



  margin-top: 95px;



}







.tile .tile-body h1,



.tile .tile-body h2,



.tile .tile-body h3,



.tile .tile-body h4,



.tile .tile-body h5,



.tile .tile-body h6,



.tile .tile-body p {



  padding: 0;



  margin: 0;



  line-height: 14px;



}







.tile .tile-body h3,



.tile .tile-body h4 {



  margin-bottom: 5px;



}







.tile .tile-body h1:hover,



.tile .tile-body h2:hover,



.tile .tile-body h3:hover,



.tile .tile-body h4:hover,



.tile .tile-body h5:hover,



.tile .tile-body h6:hover,



.tile .tile-body p:hover {



  color: #ffffff;



}







.tile .tile-body p {



  font-weight: 400;



  font-size: 13px;



  font-smooth: always;



  color: #000000;



  color: #ffffff;



  line-height: 20px;



  overflow: hidden;



  text-overflow: ellipsis;



}







.tile .tile-body p:hover {



  color: rgba(0, 0, 0, 0.8);



}







.tile .tile-body p:active {



  color: rgba(0, 0, 0, 0.4);



}







.tile .tile-body p:hover {



  color: #ffffff;



}







.tile.icon > .tile-body {



  padding: 0;



}







.tile .tile-object {



  position: absolute;



  bottom: 0;



  left: 0;



  right: 0;



  min-height: 30px;



  background-color: transparent;



  *zoom: 1;



}







.tile .tile-object:before,



.tile .tile-object:after {



  display: table;



  content: "";



}







.tile .tile-object:after {



  clear: both;



}







.tile .tile-object > .name {



  position: absolute;



  bottom: 0;



  left: 0;



  margin-bottom: 5px;



  margin-left: 10px;



  margin-right: 15px;



  font-weight: 400;



  font-size: 13px;



  font-smooth: always;



  color: #ffffff;



}







.tile .tile-object > .name i {



  display: block;



  font-size: 24px;



}







.tile .tile-object > .number {



  position: absolute;



  bottom: 0;



  right: 0;



  margin-bottom: 0;



  color: #ffffff;



  text-align: center;



  font-weight: 600;



  font-size: 14px;



  letter-spacing: 0.01em;



  line-height: 14px;



  font-smooth: always;



  margin-bottom: 8px;



  margin-right: 10px;



}







.tile.image {  



  border-color1: transparent !important;



}







.tile.image > .tile-body {



  padding: 0 !important;



}







.tile.image > .tile-body > img{



  width: 100%;



  height: auto;



  min-height: 100%;



  max-width: 100%;



}







.tile.image .tile-body h3 {



  display: inline-block;



}







/***



Styler Panel



***/



.color-panel {



  z-index: 999;



  position:relative;



}







.color-panel .color-mode-icons {



  top:4px;



  right:0;



  padding:20px;



  cursor:pointer;



  position:absolute;



}







.color-panel .icon-color {



  background:#c9c9c9 url(../img/icon-color.png) center no-repeat !important;



}







.color-panel .icon-color:hover {



  background-color:#3d3d3d !important;



}







.color-panel .icon-color-close {



  display:none;



  background:#3d3d3d url(../img/icon-color-close.png) center no-repeat !important;



}







.color-panel .icon-color-close:hover {



  background-color:#222 !important;



}







.color-mode {



  top:4px;



  right:40px;



  display:none;



  padding:10px 0;



  position:absolute;



  background:#3d3d3d;



}







.color-mode p,



.color-mode ul,



.color-mode label {



  padding:0 15px;



}







.color-mode p {



  color:#cfcfcf;



  padding:0 15px;



  font-size:15px;



}







.color-mode ul {



  list-style:none;



  padding:4px 11px 5px;



  display: block;



  margin-bottom: 1px !important;



}







.color-mode li {



  width:16px;



  height:23px;



  margin:0 4px;



  cursor:pointer;



  list-style:none;



  border:solid 1px #707070;



}







.color-mode li:hover,



.color-mode li.current {



  border:solid 2px #ebebeb;



  margin:0 3px;



}







.color-mode li.color-black {



  background:#333438;



}







.color-mode li.color-grey {



  background:#6d6d6d;



}







.color-mode li.color-blue {



  background:#124f94;



}







.color-mode li.color-brown {



  background:#623f18;



}







.color-mode li.color-purple {



  background:#701584;



}







.color-mode li.color-white {



  background:#fff;



}







.color-mode label {



  color:#cfcfcf;



  padding-top:10px;



  padding-bottom: 0px;



  border-top:1px solid #585858;



  margin-top: 0px;



  margin-bottom: 0px;



}







.color-mode label span {  



  text-transform:uppercase;



}







.color-mode label > span {



  display: inline-block;



  width: 85px;



}







.color-mode label > select {



  margin-top: 5px;



  text-transform: lowercase;



}







.color-mode label  span.color-mode-label {



  top:2px;



  position:relative;



}







/***



Calendar with full calendar



***/



.external-event {



  display: inline-block !important;



  cursor:move;



  margin-bottom: 5px !important;  



  margin-left: 5px !important;



}







.portlet .event-form-title {



  font-size: 14px;



  margin-top: -8px;



  font-weight: 400;



  margin-bottom: 0px;



}







.portlet.calendar .fc-button {



  -webkit-box-shadow: none !important;



     -moz-box-shadow: none !important;



          box-shadow: none !important;



  -webkit-text-shadow: none !important;



     -moz-text-shadow: none !important;



          text-shadow: none !important;



  border: 0 !important;



  padding: 7px 8px 11px 8px;



  margin-left:2px; 



  color: #fff !important;



  border-top-style: none;



  border-bottom-style: none;



  border-right-style: solid;



  border-left-style: solid;



  border-color: #ddd;



  background: transparent;



  color: #646464;



  top: 9px;



}







.portlet.calendar .fc-header {



  margin-bottom:-21px;



}

.portlet.calendar .fc-header .fc-header-right{ width:130px;padding-right: 25px;}





.portlet.calendar .fc-button-prev {

float:left;

  padding: 0;

  background:#e5e5e5;

  width:26px;

  height:26px;

  border-radius:100% !important;

  



}



.portlet.calendar .fc-button-prev .fc-text-arrow{ margin:0 7px 0 0;}



.portlet.calendar .fc-button-today{ margin:0 8px;}

.portlet.calendar .fc-button-next {

float:right;

   padding: 0;

  background:#e5e5e5;

  width:26px;

  height:26px;

  border-radius:100% !important;



}



.portlet.calendar .fc-button-next .fc-text-arrow{ margin:0 6px 0 0;}





.portlet.calendar .fc-button.fc-state-hover {



  background-color: #585f6c !important;



}



.portlet.calendar .fc-button.fc-button-today{border-radius:25px !important;background:#e5e5e5 !important; color:#787a7c !important;height:26px; line-height:26px; padding:0 12px 2px;font-family: "Conv_GothamHTF-Medium";text-transform: capitalize;}











.portlet.calendar .fc-text-arrow {



  font-size: 22px;



  font-family: "Courier New", Courier, monospace;



  vertical-align: baseline; 



}







/* begin: event element */



.portlet.calendar .fc-event {



  border: 0px;



  background-color: #69a4e0;



  color: #fff;



}







.portlet.calendar .fc-event-inner {



  border: 0px;



}







.portlet.calendar .fc-event-time {



  float: left;



  text-align: left;



  color: #fff;



  font-size: 13px;



  font-weight: 300;



}







.portlet.calendar .fc-event-title {



  text-align: left;



  float: left;



  color: #FFF;



  font-size: 12px;

  line-height:normal;

  padding:3px 5px 2px;



  font-weight: 300;



}



.calendar.portlet.box > .portlet-body{ background:#fff !important;}



/* end: event element */







.portlet.calendar .fc-header-title h2 {



  font-size: 20px !important;



  line-height: 20px;



  font-weight: 400;

  padding:10px 0 36px 25px;



  color: #808285;

  

  font-family: 'Conv_GothamHTF-Book';



}







.portlet.calendar .fc-widget-header {



  background-image: none !important;

  border: 0 none;

  color: hsl(210, 3%, 75%);

  filter: none !important;

  font-size: 12px;

  font-weight: 300;

  text-align: right;

  text-transform: uppercase;

  border-bottom:1px solid #e6e7e8;



}

.fc-grid .fc-day-number{ color:#a3a3a3;font-size: 10px;}







.portlet.calendar .mobile .fc-button {



  margin-left: 2px !important;



}







.portlet.calendar .mobile .fc-button {



    padding: 6px 6px 6px 6px;



    margin-left:2px;  



    border: none !important;    



    background-color: #ddd !important;



      background-image: none;



      -webkit-box-shadow: none !important;



         -moz-box-shadow: none !important;



            box-shadow: none !important;



      -webkit-border-radius: 0 !important;



         -moz-border-radius: 0 !important;



              border-radius: 0 !important;



      color: #000 !important;



      border: none !important;



      text-shadow: none !important;



      text-align: center;



}







.portlet.calendar .mobile .fc-state-hover, 



.portlet.calendar .mobile .fc-state-active {



  background-color: #eee !important;



}







.portlet.calendar .mobile .fc-button-prev {



  margin-right: 5px;



  margin-top: -2px;



  padding: 3px 6px 3px 4px;



}







.portlet.calendar .mobile .fc-button-next {   



  margin-right: -0px;



  margin-top: -2px;



  padding: 3px 4px 3px 6px;



}







.portlet.calendar .mobile .fc-header-space {



  margin: 0px !important;



  padding: 0px !important;



  width: 0px !important;



}







  .portlet.calendar .mobile .fc-state-disabled {



      color: #bbb !important;



  }







  .portlet.calendar .mobile .fc-header-left {



    position: absolute;



    z-index: 10;



  }



    



  .portlet.calendar .mobile .fc-header-right {



    position: absolute;



     z-index: 9;



  }







  .portlet.calendar .mobile .fc-header-left .fc-button { 



    top: -2px !important;



  }







  .portlet.calendar .mobile .fc-header-right {



    position: relative;



    right:0;



  }







  .portlet.calendar .mobile .fc-header-right .fc-button { 



    top: 35px !important;



  }







  .portlet.calendar .mobile .fc-header-right .fc-button:last-child {



    margin-left: 0px !important;



  }







  .portlet.calendar .mobile .fc-content {



    margin-top: 53px;



  }







/***



Form wizard



***/







.form-wizard .progress {



  margin-bottom: 30px;



}







.form-wizard .steps {



  padding: 10px 0;



  margin-bottom: 15px;



}







.form-wizard .steps .navbar-inner {  



  background-color: #fff !important;



  background-image: none !important;



  filter:none !important;



  border: 0px;



  box-shadow: none !important;



}







.form-wizard .steps .navbar-inner li a {



  background-color: #fff !important;



  background-image: none !important;



  filter:none !important;



  border: 0px;



  box-shadow: none !important;



}







.form-wizard .step:hover {



  text-decoration: none;



}







.form-wizard .step .number {



  background-color: #eee;



  display: inline-block;



  font-size: 16px;



  font-weight: 300;



  padding: 12px 15px 12px 15px !important;



  margin-right: 10px;



  -webkit-border-radius: 50% !important;



     -moz-border-radius: 50% !important;



          border-radius: 50% !important;



}







.form-wizard .step .desc {



  display: inline-block;



  font-size: 14px;



  font-weight: 300;



}



 



.form-wizard .active .step .number {



  background-color: #35aa47;



  color: #fff;



}







.form-wizard .active .step .desc {



  font-weight: 400;



}







.form-wizard .step i {



  display: none;



}







.form-wizard .done .step .number {



  background-color: #f2ae43;



  color: #fff;



}







.form-wizard .done .step .desc {



  font-weight: 400;



}







.form-wizard .done .step i {



  font-size: 12px;



  font-weight: normal;



  color: #999;



  display: inline-block;



}







/* bootstrap chosen overlaping bug fix*/



.form-wizard .tab-pane .chzn-container {



  position: absolute !important;



}











/**************************



 PLUGIN CSS CUSTOMIZATIONS 



**************************/







/***



Google Maps



***/



.gmaps {



  height: 300px;



  width: 100%;



}







/* important!  bootstrap sets max-width on img to 100% which conflicts with google map canvas*/



.gmaps img {



  max-width: none; 



}







#gmap_static div{



  background-repeat: no-repeat !important;



  background-position: 50% 50% !important;



  height:100%;



  display:block;



  height: 300px;



}







#gmap_routes_instructions {



  margin-top: 10px;



  margin-bottom: 0px;



}







/***



SlimScrollBar plugins css changes



***/



.scroller {



  padding: 0px !important;



  margin: 0px !important;



  padding-right: 0 !important;



  overflow: hidden;



}







.scroller-footer {



  margin-top: 10px;



}







.scroller-footer:after,



.scroller-footer:before {



  content: "";



  display: table;



  line-height: 0;



}







.scroller-footer:after {



  clear: both;



}







.portlet-body .slimScrollBar {



  margin-right: 0px !important;



}







/***



jqvmap changes



***/



.jqvmap-zoomin {



 background-color: #666 !important;



}







.jqvmap-zoomout {



 background-color: #666 !important; 



}







.vmaps {



  position: relative; 



  overflow: hidden;



  height: 300px;



}







/***



Daterangepicker plugin css changes



***/



.modal-open .daterangepicker {



  z-index: 10060 !important;



}







.daterangepicker td {



  text-shadow: none !important;



}







.daterangepicker td.active {



  background-color: #4b8df8 !important;



  background-image: none !important;



  filter:none !important;



}







.daterangepicker th {



  font-weight: 400;



  font-size: 14px;



}







/***



Toggle buttons plugin css changes



***/



.toggle-button, 



.toggle-button label {



  margin-top: 3px;



  background-image: none !important;



  filter:none !important;



  -webkit-border-radius: 0px !important;



  -moz-border-radius: 0px !important;



  -ms-border-radius: 0px !important;



  -o-border-radius: 0px !important;



  border: 1px solid #eee !important;



  -moz-border-radius-topleft: 0px !important;



  -webkit-border-top-left-radius: 0px !important;



  border-top-left-radius: 0px !important;



  -moz-border-radius-bottomleft: 0px !important;



  -webkit-border-bottom-left-radius: 0px !important;



  border-bottom-left-radius: 0px !important;



  -moz-border-radius-topright: 0px !important;



  -webkit-border-top-right-radius: 0px !important;



  border-top-right-radius: 0px !important;



  -moz-border-radius-bottomright: 0px !important;



  -webkit-border-bottom-right-radius: 0px !important;



  border-bottom-right-radius: 0px !important;



}







.toggle-button span.labelRight,



.toggle-button span.primary, 



.toggle-button span.labelLeft,



.toggle-button span.info,



.toggle-button span.success,



.toggle-button span.warning,



.toggle-button span.danger {



  -moz-border-radius-topleft: 0px !important;



  -webkit-border-top-left-radius: 0px !important;



  border-top-left-radius: 0px !important;



  -moz-border-radius-bottomleft: 0px !important;



  -webkit-border-bottom-left-radius: 0px !important;



  border-bottom-left-radius: 0px !important;



  -moz-border-radius-topright: 0px !important;



  -webkit-border-top-right-radius: 0px !important;



  border-top-right-radius: 0px !important;



  -moz-border-radius-bottomright: 0px !important;



  -webkit-border-bottom-right-radius: 0px !important;



  border-bottom-right-radius: 0px !important;







  font-size: 13px !important;



  font-weight: 300 !important;



  background-image: none !important;



  filter:none !important;



}







.toggle-button span.labelRight {



  background-color: #eee;



}







/***



Choosen plugin css changes



***/



.chzn-controls {



  margin-bottom: -4px !important;



}







.chzn-controls .help-inline {



  display: inline-block;



  margin-top  : 6px;  



}







.chzn-container {



  display: block;



  margin: 0;



  padding: 0 !important;



  box-shadow: none !important;



}







.chzn-container-single {



  margin: 0 !important;



  padding: 0 !important;  



}







/* fix chosen margins in form layouts */



.controls .chzn-container-single {



  float: left;



}



  



.chzn-container-single .chzn-single {



  box-shadow: none !important;



  background-image: none !important;



  filter:none !important;



  box-shadow: none !important;



  -webkit-box-shadow: none !important;



  -moz-box-shadow: none !important;



  height: 31px !important;



  border-color: #e5e5e5;



  margin: 0 !important;



}







/* enable form validation classes for chosen dropdowns */



.error .chzn-container-single .chzn-single {



  border-color: #B94A48;



}







.error .chzn-container-single .chzn-single span {



  color: #B94A48;



}







.success .chzn-container-single .chzn-single {



  border-color: #468847;



}







.success .chzn-container-single .chzn-single span {



  color: #468847;



}







.chzn-container-single .chzn-single > span {



   margin-top: 1px;



}







.chzn-container-single .chzn-single > abr {



   margin-top: 3px;



}







.chzn-container-single .chzn-search input:focus,



.chzn-container-single .chzn-search input:active {



  border:1px solid #000 !important;



  box-shadow: none !important;



}







.chzn-container .chzn-choices li.search-choice {

float:left;

  background-image: none !important;



  filter:none !important;



  box-shadow: none !important;



  font-size: 12px !important;



  font-weight: 300 !important;



  text-shadow:none !important;



  background-color: #eee !important;



  border: 0 !important;



}







.chzn-container .chzn-results .highlighted  {



  background-image: none !important;



  filter:none !important;



  background-color: #eee !important;



  color: #111 !important;



}







.chzn-container-multi .chzn-choices  {



  background-image: none !important;



  filter:none !important;



  box-shadow: none !important;



  border-color: #e5e5e5 !important;



  padding: 2px 1px 1px 1px !important;



}







.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {



  background-image: none !important;



  filter:none !important;



}







.chzn-x-multi .chzn-choices {



  box-shadow: none !important;



}







.chzn-container .group-result {



  color: #333 !important;



  font-size: 16px !important;



  font-weight: 400 !important;



}







/***



Error state for WYSIWYG Editors



***/



.error .wysihtml5-sandbox, 



.error .cke {



  border: 1px solid #B94A48 !important;



}







.success .wysihtml5-sandbox, 



.success .cke {



  border: 1px solid #468847 !important;



}







/***



Select2 plugin css changes



***/







/* enable form validation classes for select2 dropdowns */



.error .select2-container .select2-choice {



  border-color: #B94A48;



}







.error .select2-container .select2-choice > span {



  color: #B94A48;



}







.error .select2-container.select2-dropdown-open .select2-choice {



  border-color: #e5e5e5; 



}







.error .select2-container.select2-dropdown-open .select2-choice > span {



  color: #999999;



}







.success .select2-container .select2-choice {



  border-color: #468847;



}







.success .select2-container .select2-choice > span {



  color: #468847;



}







.success .select2-container.select2-dropdown-open .select2-choice {



  border-color: #e5e5e5; 



}







.success .select2-container.select2-dropdown-open .select2-choice > span {



  color: #999999;



}











/***



Fileuploader plugin css changes



***/



.fileupload .btn {



  padding: 7px 14px !important;



}







.fileupload-exists {



  padding: 0px;



}







.fileupload .fileupload-preview {



  background-color: #fff !important;



  background-image: none !important;



  filter:none !important;



}







.fileupload .close {



  position: relative;



  top:0px !important;



}







/***



Clockface plugin css changes



***/



.clockface .cell .inner.active,



.clockface .cell .outer.active {



  background-image: none !important;



  filter:none !important;



}







/***



WYSIWYG



***/



.wysihtml5-toolbar li {



  margin: 0px;



  height: 29px;



}







.wysihtml5-toolbar li .dropdown-menu {



  margin-top: 5px;



}







/***



CKEditor css changes



***/



.cke_bottom, 



.cke_inner, 



.cke_top, 



.cke_reset, 



.cke_dialog_title,



.cke_dialog_footer,



.cke_dialog {



  background-image: none !important;



  filter:none !important; 



  border-top: 0 !important;



  border-bottom: 0 !important;



   -webkit-box-shadow: none !important;



      -moz-box-shadow: none !important;



           box-shadow: none !important;



  text-shadow:none !important;



}







.cke_dialog_ui_button,



.cke_dialog_tab {



  background-image: none !important;



  filter:none !important;



  -webkit-box-shadow: none !important;



  -moz-box-shadow: none !important;



  box-shadow: none !important;



  text-shadow:none !important;



}







.cke_dialog_ui_button:hover,



.cke_dialog_tab:hover {



  text-decoration: none;



  text-shadow:none !important;



}







.cke_dialog_ui_input_text {



  background-image: none !important;



  filter:none !important;



  -webkit-box-shadow: none !important;



  -moz-box-shadow: none !important;



  box-shadow: none !important;



}







.cke_combo_button, 



.cke_button, 



.cke_toolbar, 



.cke_toolgroup {



  background-image: none !important;



  filter:none !important;



  border: 0 !important;



   -webkit-box-shadow: none !important;



  -moz-box-shadow: none !important;



  box-shadow: none !important;



}







.cke_button, 



.cke_combo_button,



.cke_panel_grouptitle,



.cke_hc.cke_panel_listItem a {  



  background-image: none !important;



  filter:none !important;



  text-shadow:none !important;



  -webkit-border-radius: 0px !important;



  -moz-border-radius: 0px !important;



  -ms-border-radius: 0px !important;



  -o-border-radius: 0px !important;



}







.cke_button:hover, 



.cke_combo_button:hover {  



  background-color: #ddd;



}







.cke_toolbar_break {



  background-image: none !important;



  filter:none !important;



  border: 0 !important;



  box-shadow: none !important;



  -webkit-box-shadow : none !important;



  -moz-box-shadow: none !important;



  -ms-box-shadow: none !important;



  -o-box-shadow: none !important;



}







/***



Modify tags input plugin css



***/



div.tagsinput {



  height: 40px !important;



  margin: 0 !important;



  padding: 5px !important;



  overflow: auto !important;



}







div.tagsinput span.tag {



  background: #aaa !important;



  color: #fff !important;



  border: 0 !important;



  padding: 3px 6px !important;



  -webkit-border-radius: 0 !important;



     -moz-border-radius: 0 !important;



          border-radius: 0 !important;



  margin-bottom: 4px !important;



}







div.tagsinput input {



  padding: 3px 6px !important; 



}







div.tagsinput span.tag a {



  color: #fff !important;



}







div.tagsinput .not_valid {



  color: #fff !important;



  padding: 3px 6px !important;



  background-color: #f25f61 !important;



}







/***



Gritter notification modify



***/



.gritter-close {



  left:auto !important;



  right: 3px !important;



}







.gritter-title {



  font-family:  'Open Sans' !important;



  font-size: 18px !important;



  font-weight: 300 !important;



}







/***



Bootstrap carousel css changes



***/



.carousel-inner .item {



  line-height: 20px;



}







/***



Glyphicons Demo(new in v1.1.1)



***/



.glyphicons-demo {



  text-align: center;



}







.glyphicons-demo .glyphicons {



  display:inline-block;



  *display:inline;



  *zoom:1;



  width:150px;



  font-size:14px;



  line-height:48px;



  margin-right: 20px;



  color: #999;



  text-align: left;



}







.glyphicons-demo .glyphicons i:before{



  line-height:55px!important;



  color: #666;



}







.halfings-demo .white-content{



  margin:0 -20px 0 -20px;



  padding:20px;



  background:#000;



  background:rgba(0,0,0,0.9)



}







.halfings-demo .white-content *,



.halfings-demo .white-content p,



.halfings-demo .white-content a{



  color:#fff



}







.halfings-demo h2 {



  text-align: left;



}







.halfings-demo p,



.halfings-demo a  {



  width: 175px;



  font-size: 14px;



  line-height: 14px;



  text-align: left;



  display: inline-block;



  margin-right: 10px;



}







.halfings-demo .halflings, 



.halfings-demo .halflings-icon {



  margin:0 5px 0 0



}







/***



jQuery UI Sliders(new in v1.1.1)



***/



.table.sliders td {



  padding: 15px 10px !important;



}







.table.sliders .slider {



  margin-top: 4px;



}







.table.sliders .slider-value {



  padding-top: 5px;



  font-weight: 400;



}







.table.sliders .slider-vertical-value {



  padding-bottom: 5px;



  font-weight: 400;



}







.slider {



  border: 0 !important;



}







.ui-slider-vertical,



.ui-slider-handle {



  filter: none !important;



  background-image: none !important;



}







.slider-eq > span {



    height:125px; 



    float:left; 



    margin:15px



}







/***



Dropzone css changes(new in v1.1.1)



***/



.dropzone {



  webkit-border-radius: 0px !important;



    -moz-border-radius: 0px !important;



         border-radius: 0px !important;



}







/***



Bootstrap Tree CSS changes(new in v1.1.2)



***/



.tree {



  margin: 0;



  padding: 0;



}







.tree a {



  padding: 2px 3px 3px 3px;



  display: block !important;



  line-height: 16px !important;



}







.tree a:hover {



  text-decoration: none;



  background-color: #eee;



}







.tree a.tree-toggle-icon-only,



.tree a.tree-toggle  {



  background-position: 2px -20px;



}







.tree a.tree-toggle.closed, 



.tree a.tree-toggle-icon-only.closed {



  background-position: 2px 3px;



}







/***



jQuery UI Datepicker(new in v1.2.2)



***/



.ui-widget-header select {



  padding: 2px !important;



  height: 30px;



  margin: 0 !important;



  margin-top: -1px !important;



}







.ui-datepicker.ui-widget-content {



  background: none !important;



  background-color: #eee !important;



}







.ui-datepicker .ui-widget-header {



  background: none !important;



  background-color: #e0e0e0 !important;



  border: 0 !important;



  box-shadow: none !important;



  height: 28px;



}







.ui-widget-header .ui-icon {



  background-image: url(../plugins/jquery-ui/images/ui-icons_888888_256x240.png) !important;



}







.ui-widget-header .ui-datepicker-next,



.ui-widget-header .ui-datepicker-prev {



  margin: 2px 2px 2px 2px;



}







.ui-widget-header .ui-state-hover,



.ui-widget-header .ui-state-active {



  background-color: #F2F2F2 !important;



  border-color: #F2F2F2 !important;



  background-image: none !important;



}







.ui-datepicker .ui-datepicker-title {



  font-weight: 400 !important;



  text-transform: uppercase !important;



  font-size: 14px !important;



  color: #333;



}







.ui-datepicker .ui-datepicker-title span {



  display: inline-block;



  padding-top: 2px;



}







.ui-datepicker .ui-datepicker-calendar thead span {



  font-weight: 300 !important;



  font-size: 13px !important;  



  text-transform: uppercase !important;



  color: #333 !important;



}







.ui-datepicker .ui-datepicker-week-col {



  font-weight: 400 !important;



  font-size: 13px !important;  



  text-transform: uppercase !important;



  color: #333 !important;



}







.ui-datepicker tbody .ui-datepicker-week-col {



  text-align: center;



}



 







.ui-datepicker .ui-datepicker-calendar .ui-state-default {



  font-weight: 300 !important;



  font-size: 13px !important;



  text-transform: uppercase !important;



  color: #333 !important;



  border-color:#DEDEDE;



  background-color: #DEDEDE !important;



} 







.ui-datepicker .ui-datepicker-calendar .ui-state-active,



.ui-datepicker .ui-datepicker-calendar .ui-state-hover {



  background-image: none !important;  



  border-color:#ffb848;



  background-color: #ffb848 !important;



}







.ui-datepicker .ui-datepicker-calendar .ui-state-highlight {



   background-image: none !important;  



   background-color: #FFDBA3 !important;



   border-color:#ffb848;



}







.ui-datepicker .ui-datepicker-calendar .ui-state-active {



   background-image: none !important;  



   background-color: #ffb848 !important;



   border-color:#ffb848;



}







.ui-datepicker button.ui-state-default {



  background-image: none !important;



  background-color: #35aa47 !important;



  border-color: #35aa47 !important;



  color: #fff;



} 







.ui-datepicker button.ui-state-hover {



    border-color: #1d943b !important;



    background-color: #1d943b !important;



    color: #fff !important;







}







.ui-datepicker button.ui-state-default.ui-priority-secondary {



   font-weight: 300 !important;



  font-size: 13px !important;



}







.ui-datepicker button.ui-state-default.ui-priority-primary {



   font-weight: 300 !important;



  font-size: 13px !important;



}







/***



jQuery UI Dialogs(new in v1.2.4)



***/



.ui-dialog {



  z-index: 10011 !important;



  background: none !important;



  background-color: #eee !important;



}







.ui-dialog .ui-dialog-titlebar {



  font-weight: 300 !important;



  font-size: 14px !important;



  text-transform: uppercase !important;



  color: #333 !important;



  background: none !important;



  background-color: #e0e0e0 !important;



  border: 0 !important;



  box-shadow: none !important;



  font-family: 'Open Sans', sans-serif;



}







.ui-dialog .ui-dialog-titlebar-close {



  outline: none !important;



  border: 0 !important;



  box-shadow: none;



  background: url(../img/hor-menu-search-close.png) no-repeat center;



  margin-top: -12px !important;



}







.ui-dialog .ui-dialog-titlebar-close:hover {



  opacity: 0.8;



  filter: alpha(opacity=80);



}







/*dialog title bg colors*/



.ui-dialog.ui-dialog-blue .ui-dialog-titlebar {



  color: #fff !important;



  background-color: #4b8df8 !important;



}







.ui-dialog.ui-dialog-blue .ui-dialog-titlebar-close {



  background: url(../img/hor-menu-search-close-white.png) no-repeat center;



}







.ui-dialog.ui-dialog-red .ui-dialog-titlebar {



  color: #fff !important;



  background-color: #f25f61 !important;



}







.ui-dialog.ui-dialog-red .ui-dialog-titlebar-close {



  background: url(../img/hor-menu-search-close-white.png) no-repeat center;



}







.ui-dialog.ui-dialog-yellow .ui-dialog-titlebar {



  color: #fff !important;



  background-color: #ffb848 !important;



}







.ui-dialog.ui-dialog-yellow .ui-dialog-titlebar-close {



  background: url(../img/hor-menu-search-close-white.png) no-repeat center;



}







.ui-dialog.ui-dialog-green .ui-dialog-titlebar {



  color: #fff !important;



  background-color: #35aa47 !important;



}







.ui-dialog.ui-dialog-green .ui-dialog-titlebar-close {



  background: url(../img/hor-menu-search-close-white.png) no-repeat center;



}







.ui-dialog.ui-dialog-purple .ui-dialog-titlebar {



  color: #fff !important;



  background-color: #852b99 !important;



}







.ui-dialog.ui-dialog-purple .ui-dialog-titlebar-close {



  background: url(../img/hor-menu-search-close-white.png) no-repeat center;



}







.ui-dialog.ui-dialog-grey .ui-dialog-titlebar {



  color: #fff !important;



  background-color: #555555 !important;



}







.ui-dialog.ui-dialog-grey .ui-dialog-titlebar-close {



  background: url(../img/hor-menu-search-close-white.png) no-repeat center;



}



/*dialog title bg colors*/







.ui-dialog .ui-dialog-content {



  font-family: 'Open Sans', sans-serif;



  font-size: 13px !important;



  color: #333 !important;



}







.ui-dialog .ui-dialog-content .icon {



  display: inline-block;



  float: left; 



  margin: 5px 7px 20px 0;



}







.ui-widget-overlay.ui-front {



  z-index: 10010;



  background: #333 !important;



}







/***



Sidebar Content



***/



.sidebar-content {



 margin-top: 20px;



}







/***



Horezantal Menu(new in v1.2)



***/







.header .hor-menu {



  margin: 0;



  float: left;



}







.header .hor-menu ul.nav li a {



  font-size: 14px;



  padding: 11px 18px; 



}







.ie8 .header .hor-menu a.dropdown-toggle {



  padding-top: 10px !important;



}







.header .hor-menu ul.nav li {



  position: relative;



}







.header .hor-menu ul.nav li.active > a,



.header .hor-menu ul.nav li.active > a:hover {



  background: #f25f61 !important; 



}







.ie8 .header .hor-menu ul.nav li.active > a {



  padding-top: 13px;



  padding-bottom: 12px; 



}







.ie9 .header .hor-menu ul.nav li.active > a {



  padding-top: 10px;



  padding-bottom: 12px; 



}







.header .hor-menu ul.nav li.active .selected {



  left: 50%;



  bottom:0;



  position: absolute;



  border-left: 6px solid transparent;



  border-right: 6px solid transparent;



  border-top: 6px solid #f25f61;



  display: inline-block;



  margin: 0;



  width: 0px;



  height:0px;



  margin-left: -7px;



  margin-bottom:-6px;



}







.header .hor-menu ul.nav li a:hover,



.header .hor-menu ul.nav li a:focus {



    background: #2d2d2d;



}







/*drop-down*/



.header .hor-menu .dropdown-menu {



    margin-top: 0;



    border: none;



    box-shadow: none;



    background: #2d2d2d;



}







.header .hor-menu .dropdown-menu li > a {



    color: #999;



    padding: 7px 18px !important; 



    margin-bottom:1px;



}







.header .dropdown-menu .arrow {



  display: none;



}







.header .hor-menu ul.nav > li > a > .arrow:before {  



   margin-top: 7px;



   margin-left: 3px;



   display: inline;



   font-size: 16px;



   font-family: FontAwesome;



   height: auto;



   content: "\f107";



   font-weight: 300;



   text-shadow:none;



}







.header .hor-menu ul.nav > li .dropdown-menu > li > a > .arrow:before {



   float: right;



   margin-top: 1px;



   margin-right: -5px;



   display: inline;



   font-size: 16px;



   font-family: FontAwesome;



   height: auto;



   content: "\f105";



   font-weight: 300;



   text-shadow:none;



}







.header .hor-menu .dropdown-menu li > a:hover,



.header .hor-menu .dropdown-menu li:hover > a,



.header .hor-menu .dropdown-menu li.active > a {



    color: #fff;



    filter:none !important;



    background: #f25f61 !important;



}







.header .hor-menu .nav > li > .dropdown-menu:after,



.header .hor-menu .nav > li > .dropdown-menu:before {



    border-bottom: none !important;



}







/*search*/



.header .hor-menu .hor-menu-search-form-toggler {



    display: inline-block;



    padding: 11px 22px 11px 22px !important;



    cursor: pointer;



    background: url(../img/hor-menu-search.png) no-repeat center;



}







.header .hor-menu .hor-menu-search-form-toggler:hover {



  opacity: 0.8;



  filter: alpha(opacity=80);



}







.header .hor-menu .hor-menu-search-form-toggler.hide {



   background: #101010 url(../img/hor-menu-search-close.png) no-repeat center;



}







.header .hor-menu a.hor-menu-search-form-toggler-close {



  display: none;



}







.header .hor-menu .search-form {



  top:42px; 



  right:0px; 



  padding:8px; 



  display:none;



  z-index:999; 



  position:absolute; 



  background:#101010; 



}







.header .hor-menu .search-form .btn {



  color: #999;



  padding: 7px 20px; 



  height: 32px;



  width: 10px;



  display: inline-block;



  background: #2d2d2d url(../img/search-icon.png) no-repeat center;



}







.header .hor-menu .search-form .btn:hover {



  opacity: 0.8;



  filter: alpha(opacity=80);



}







.header .hor-menu .search-form form {



  margin-bottom: 0;



}







.header .hor-menu .search-form form input {



  color: #999;



  border: none;



}







.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */



    color: #999;



}



.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */



    color: #999;



}



.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */



    color: #999;



}



.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */



    color: #999;



}







/***



Dashboard Charts(new in v1.2.1)



***/



.easy-pie-chart,



.sparkline-chart {



   text-align: center;



}







.sparkline-chart {



  margin-top: 15px;



  position:relative !important;



}







.easy-pie-chart .number {



    font-size: 16px;



    font-weight: 300;



    width: 85px;



    margin: 0 auto;



}







.sparkline-chart .number {  



    width: 100px;



    margin: 0 auto;



    margin-bottom: 10px;



}







.sparkline-chart .title,



.easy-pie-chart .title {



    display: block;



    text-align: center;



    color: #808285;



    font-weight: 300;



    font-size: 12px;



    margin-top: 5px;



    margin-bottom: 10px;



}

.easy-pie-chart .number{color: #808285;



    font-weight: 300;



    font-size: 12px;}







.sparkline-chart .title:hover,



.easy-pie-chart .title:hover {



  color: #666;



  text-decoration: none;



}











/***



Top News Blocks(new in v1.2.2)



***/



.top-news {



  color: #fff;



  margin: 8px 0;



}







.top-news a,



.top-news em,



.top-news span {



  display: block;



  text-align: left;



}







.top-news a {



  padding: 10px;



  position: relative;



  margin-bottom: 10px;



}







.top-news a .top-news-icon {



  right: 8px;



  bottom: 15px; 



  opacity:0.3; 



  font-size: 35px;



  position: absolute;



  filter: alpha(opacity=30); /*For IE8*/  



}







.top-news em {



  margin-bottom: 0;



  font-style: normal;



}







.top-news span {



  font-size: 18px;



  margin-bottom: 5px;



}







/***



Bootstrap Carousel(new in v1.2.2)



***/



.carousel {



  margin-bottom: 0;



}







.carousel .carousel-caption a {



  color: #fff;



}







.carousel .carousel-inner .item {



  margin-bottom: 10px;



}







.carousel a.carousel-control {



  border: none;



  padding: 5px;



  display: none;



}







.carousel:hover a.carousel-control {



  display: block;



  width: 40px;



  height: 40px;



}







/***



Block Images(new in v1.2.2)



***/



.blog-images {



  margin-bottom: 0;



}







.blog-images li {



  display: inline;



}







.blog-images li a:hover {



  text-decoration: none;



}







.blog-images li img {



  width: 50px;



  height: 50px;



  opacity: 0.6;



  margin: 0 2px 8px;



}







.blog-images li img:hover {



  opacity: 1;



  box-shadow: 0 0 0 4px #72c02c;



  transition: all 0.4s ease-in-out 0s;



  -moz-transition: all 0.4s ease-in-out 0s;



  -webkit-transition: all 0.4s ease-in-out 0s;



}







/*Sidebar Tags*/



ul.sidebar-tags a {



  color: #555;



  font-size:12px;



  padding:2px 5px;



  background:#f7f7f7;



  margin:0 2px 5px 0;



  display:inline-block;



}







ul.sidebar-tags a:hover,



ul.sidebar-tags a:hover i {



  color:#fff;



  background: #555;



  text-decoration:none;



  -webkit-transition:all 0.3s ease-in-out;



  -moz-transition:all 0.3s ease-in-out;



  -o-transition:all 0.3s ease-in-out;



  transition:all 0.3s ease-in-out;



}







ul.sidebar-tags a i {



  color:#777;



}







ul.sidebar-tags li {



  padding: 0;



}







/***



Social Icons(new in v1.2.2)



***/



.social-icons {



  margin:0;



}







.social-icons:after,



.social-icons:before {  



  content: "";



  display: table;



}







.social-icons:after {    



  clear: both;



}







.social-icons li {



  float:left;



  display:inline;



  list-style:none;



  margin-right:5px;



  margin-bottom:5px;



  text-indent:-9999px;



}



.social-icons li a, a.social-icon {



  width:28px;



  height:28px;



  display:block;



  background-position:0 0;



  background-repeat:no-repeat;



  transition: all 0.3s ease-in-out;



  -o-transition: all 0.3s ease-in-out;



  -ms-transition: all 0.3s ease-in-out;



  -moz-transition: all 0.3s ease-in-out;



  -webkit-transition: all 0.3s ease-in-out;



}



.social-icons li:hover a {



  background-position:0 -38px;



}







.social-icons-color li a {



  opacity: 0.7;



  background-position:0 -38px !important;



}







.social-icons-color li a:hover {



  opacity: 1;



}







.social-icons .amazon {background: url(../img/social/amazon.png) no-repeat;}



.social-icons .behance {background: url(../img/social/behance.png) no-repeat;}



.social-icons .blogger {background: url(../img/social/blogger.png) no-repeat;}



.social-icons .deviantart {background: url(../img/social/deviantart.png) no-repeat;}



.social-icons .dribbble {background: url(../img/social/dribbble.png) no-repeat;}



.social-icons .dropbox {background: url(../img/social/dropbox.png) no-repeat;}



.social-icons .evernote {background: url(../img/social/evernote.png) no-repeat;}



.social-icons .facebook {background: url(../img/social/facebook.png) no-repeat;}



.social-icons .forrst {background: url(../img/social/forrst.png) no-repeat;}



.social-icons .github {background: url(../img/social/github.png) no-repeat;}



.social-icons .googleplus {background: url(../img/social/googleplus.png) no-repeat;}



.social-icons .jolicloud {background: url(../img/social/jolicloud.png) no-repeat;}



.social-icons .last-fm {background: url(../img/social/last-fm.png) no-repeat;}



.social-icons .linkedin {background: url(../img/social/linkedin.png) no-repeat;}



.social-icons .picasa {background: url(../img/social/picasa.png) no-repeat;}



.social-icons .pintrest {background: url(../img/social/pintrest.png) no-repeat;}



.social-icons .rss {background: url(../img/social/rss.png) no-repeat;}



.social-icons .skype {background: url(../img/social/skype.png) no-repeat;}



.social-icons .spotify {background: url(../img/social/spotify.png) no-repeat;}



.social-icons .stumbleupon {background: url(../img/social/stumbleupon.png) no-repeat;}



.social-icons .tumblr {background: url(../img/social/tumblr.png) no-repeat;}



.social-icons .twitter {background: url(../img/social/twitter.png) no-repeat;}



.social-icons .vimeo {background: url(../img/social/vimeo.png) no-repeat;}



.social-icons .wordpress {background: url(../img/social/wordpress.png) no-repeat;}



.social-icons .xing {background: url(../img/social/xing.png) no-repeat;}



.social-icons .yahoo {background: url(../img/social/yahoo.png) no-repeat;}



.social-icons .youtube {background: url(../img/social/youtube.png) no-repeat;}



.social-icons .vk {background: url(../img/social/vk.png) no-repeat;}



.social-icons .instagram {background: url(../img/social/instagram.png) no-repeat;}











/***



Responsive tables(new in v1.2.3)



***/







.flip-scroll table { width: 100%; }







@media only screen and (max-width: 800px) {



  



  .flip-scroll table {border-left: 1px solid #ddd}



  .flip-scroll .flip-content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }



  .flip-scroll * html .flip-content { zoom: 1; }



  .flip-scroll *:first-child+html .flip-content { zoom: 1; }



  



  .flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }



 



  .flip-scroll th,



  .flip-scroll td { margin: 0; vertical-align: top; }



  .flip-scroll th { text-align: left; }



  



  .flip-scroll table { display: block; position: relative; width: 100%; }



  .flip-scroll thead { display: block; float: left; }



  .flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }



  .flip-scroll thead tr { display: block; }



  .flip-scroll th { display: block; text-align: right; width:100%; box-sizing:border-box;}



  .flip-scroll tbody tr { display: inline-block; vertical-align: top; }



  .flip-scroll td { display: block; min-height: 1.25em; text-align: left; }



 



 



  /* sort out borders */



 



  .flip-scroll th { border-bottom: 0; border-left: 0; }



  .flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }



  .flip-scroll tbody tr { border-left: 1px solid #ddd; }



  .flip-scroll th:last-child,



  .flip-scroll td:last-child { border-bottom: 1px solid #ddd; }



}







.no-more-tables table {



  width: 100%;



}







@media only screen and (max-width: 800px) {



  



  /* Force table to not be like tables anymore */



  .no-more-tables table, 



  .no-more-tables thead, 



  .no-more-tables tbody, 



  .no-more-tables th, 



  .no-more-tables td, 



  .no-more-tables tr { 



    display: block; 



  }



 



  /* Hide table headers (but not display: none;, for accessibility) */



  .no-more-tables thead tr { 



    position: absolute;



    top: -9999px;



    left: -9999px;



  }



 



  .no-more-tables tr { 



    border-left: 1px solid #ddd; 



    border-bottom: 1px solid #ddd; 



  }







  .no-more-tables tr:last-child {



    border-bottom: 0;



  }



 



  .no-more-tables td { 



    /* Behave  like a "row" */



    border: none;



    border-bottom: 1px solid #eee; 



    position: relative;



    padding-left: 50%; 



    white-space: normal;



    text-align:left;



  }



 



  .no-more-tables td:before { 



    /* Now like a table header */



    position: absolute;



    /* Top/left values mimic padding */



    top: 6px;



    left: 6px;



    width: 45%; 



    padding-right: 10px; 



    white-space: nowrap;



    text-align:left;



    font-weight: bold;



  }



 



  /*



  Label the data



  */



  .no-more-tables td:before { content: attr(data-title); }



}







/***



Fancy box fix overlay fix(in v1.2.4)



***/



.fancybox-overlay {



  z-index: 10000 !important;



}







/***



Bootstrap Datetimepickers Restyle(in v1.2.4)



***/



.modal-open .datetimepicker {



  z-index: 10060 !Important;



}







.datetimepicker table .active {



  background-image: none !important;



  background-color: #4b8df8 !important;



  filter: none !important;



}







.datetimepicker table td {



  font-weight: 300 !important;



  font-family: 'Open Sans' !important;



}







.datetimepicker table th {



  font-family: 'Open Sans' !important;



  font-weight: 400 !important;



}







/***



Bootstrap Datepickers Restyle(in v1.2.4)



***/



.modal-open .datepicker {



  z-index: 10060 !Important;



}







.datepicker table .active {



  background-image: none !important;



  background-color: #4b8df8 !important;



  filter: none !important;



}







.datepicker table td {



  font-weight: 300 !important;



  font-family: 'Open Sans' !important;



}







.datepicker table th {



  font-family: 'Open Sans' !important;



  font-weight: 400 !important;



}











/***



Bootstrap Colorpicker (in v1.3)



***/



.modal-open .colorpicker {



  z-index: 10060 !important;



}







/***



Dropdown Checkboxes (in v1.3)



***/



.dropdown-checkboxes {



  padding: 5px;



}







.dropdown-checkboxes label {



  color: #333;



  margin-bottom: 4px;



  margin-top: 4px; 



}







/***



Datatables Plugin(in v1.3)



***/



.dataTable {  



  clear: both;



  margin-top: 5px;



}







.dataTables_filter label {



  line-height: 32px !important;



}







.dataTable .row-details {  



  margin-top: 3px;



  display: inline-block;



  cursor: pointer;



  width: 14px;



  height: 14px;



}







.dataTable .row-details.row-details-close {



  background: url("../img/datatable-row-openclose.png") no-repeat 0 0;



}







.dataTable .row-details.row-details-open {  



  background: url("../img/datatable-row-openclose.png") no-repeat 0 -23px !important;



}







.dataTable .details {



  background-color: #eee !important;



}







.dataTable .details td,



.dataTable .details th {



  padding: 4px;



  background-color: none !important;



  border: 0;



}







.dataTable .details tr:hover td,



.dataTable .details tr:hover th {



  background-color: none !important;



}







.dataTable .details tr:nth-child(odd) td,



.dataTable .details tr:nth-child(odd) th {



  background-color: #eee !important;



}







.dataTable .details tr:nth-child(even) td,



.dataTable .details tr:nth-child(even) th {



  background-color: #eee !important;



}







/***



Password Strength(in v1.4)



***/



.password-strength {



  



}







.password-strength .password-verdict {



  display: inline-block;



  margin-top: 6px;



  margin-left: 5px;



}







.password-strength .progress {



  margin-top: 5px;



  margin-bottom: 0;



}







/***



Uniform disabled checkbox, radio button fix(in v1.4)



***/







div.checker.disabled span, 



div.checker.disabled.active span{



    background-position: -152px -260px; 



}







div.checker.disabled:hover,



div.radio.disabled:hover {



    cursor: not-allowed;  



}



.left



{



  float:left !important;



}



/*  settings */















/*  settings */



.radio input[type="radio"], .checkbox input[type="checkbox"] {



    margin-left: 0px !important;



}



.add-allowance_welfare



{



  margin-bottom: 15px;



}

.red-border{

    border: 1px solid #F80E21 !important;

  border-color: #b94a48 !important;

}









.user-image{ width:53px; height:53px; border-radius: 100% !important;}

.user-dropdown li > a{ padding: 8px 0 8px 13px !important; font-size:13px; color:#808285 !important; font-family: "Conv_GothamHTF-Medium"; border-bottom:1px solid #f1f1f1}

.user-dropdown li > a i{ float: left;font-size: 16px; margin: 1px 10px 0 0; color:#c5c5c5; width:18px !important; height:17px; background:url(../images/dropdown-icons.png) no-repeat -18px 0 !important;}

.user-dropdown li > a:hover, .user-dropdown li > a:hover i{ color:#c5b588 !important; background-color:#fff;}



.user-dropdown li > a:hover i.icon-1{ background-position:0 0 !important;}



.user-dropdown li > a i.icon-2{ background-position:-18px -35px !important;}

.user-dropdown li > a:hover i.icon-2{ background-position:0 -35px !important;}



.user-dropdown li > a i.icon-3{ background-position:-18px -72px !important;}

.user-dropdown li > a:hover i.icon-3{ background-position:0 -72px !important;}



.user-dropdown li > a i.icon-4{ background-position:-18px -110px !important;}

.user-dropdown li > a:hover i.icon-4{ background-position:0 -110px !important;}



.user-dropdown{ right:4px !important;}

.sidebar-logo{ padding:26px 0; display:block; text-align:center; max-height:62px;background: #fff;}
.sidebar-logo img{ max-height:62px;}

.header .nav > li.dropdown .dropdown-toggle.notification-number{ padding:2px 10px; background:#f45d5d !important; color:#fff; border-radius:4px !important;margin-top: 19px;}

.dropdown-menu.notification li > a{ color:#939598;}

.dropdown-menu.notification li > a > .label{ background:none; width:auto; padding:2px 0 0 0; color:#c5c5c5;font-size: 16px; position:relative; top:1px;}

body.page-default-bg{ background:#F8F8F8 !important;}

.page-sidebar{background:#fff; margin-top:-110px;}
.header.navbar .pull-right{ margin:30px 30px 0 0; }
.header.navbar .pull-right .btn-downloads{ float: left;
padding: 5px 12px 7px;
margin: 9px 20px 0 0;
background: #b29f71;
color: #fff;
font-size: 13px;
border-radius: 5px !important; }
.header.navbar .pull-right .btn-downloads:hover {
    background-color: #424242;
}
.header .nav > li.dropdown.user{ padding-right:0;padding-left: 15px;}

.top-msg{ position:absolute; left:265px; top:22px; font-size:16px; color:#a7a9ac;font-family: "Conv_GothamHTF-Medium";}



.sidebar-widget .portlet-title{ background:none; position:relative}

.sidebar-widget .portlet.box.red{ border:2px solid #f2f2f2;background:#fff; margin-bottom:0; border-bottom:0;}

.sidebar-widget:last-child .portlet.box.red{ border:2px solid #f2f2f2;}

.sidebar-widget .portlet.box.red > .portlet-title{background:#fff; border-bottom:2px solid #f2f2f2;}

.sidebar-widget .portlet > .portlet-title > .caption{ float:none; display:block; margin:0; font-size:15px;}

.sidebar-widget .portlet.box > .portlet-body{ background:#fff;}

.sidebar-widget .portlet > .portlet-title > .clearallnotification{ position:absolute; right:16px; top:11px; z-index:111;font-size: 10px;}


.employee-extension{ background:#fff;}
.employee-extension table tr:nth-child(2n+2){ background:#f8f8f8}


.employee-extension .dataTables_wrapper .row-fluid .span6:empty{ display:none;}

.employee-extension .dataTables_wrapper .row-fluid .span6 label{ font-size:0;}

.employee-extension .dataTables_wrapper .row-fluid .span6 input[type="text"]{ background:url(../images/search-icon.png) no-repeat 7px center #ffffff; padding-left:30px;box-shadow: none; border:0;}

.employee-extension .dataTables_wrapper .row-fluid .span6:last-child{ float:right;}

.employee-extension .avatar{ border-radius:100%!important; border:1px solid #ebecec;}

.employee-extension table{ border:0;}

.employee-extension table thead{ display:none;}

.employee-extension table.table-bordered th, .employee-extension table.table-bordered td{ border:0;}

.employee-extension .portlet > .portlet-title > .caption{ width:100%;}





.weather-wrapper{ padding: 20px 26px;border-bottom: 2px solid #f2f2f2;position: relative;min-height: 114px;}

.weather-wrapper:after{ content:""; position:absolute; left:50%; top:66px; width:2px; height:60px; background:#f2f2f2; margin-left:-1px;}

.weather-wrapper .weather-place{ display:block; text-align:center; color:#939598; font-family: "Conv_GothamHTF-Medium"; font-size:14px;padding-bottom: 0;line-height: 15px;}

.weather-wrapper .weather-day{ display:block; font-size:11px; color:#a7a9ac; font-family: "Conv_GothamHTF-Medium"; text-align:center; padding-bottom:10px;}

.weather-wrapper .weather-max-temperature{ display:block; color:#4dabfb; font-size:40px;font-family: 'Conv_Gotham-Light';margin-top: 21px; margin-right: 0;}



.top-sec{ margin-left:0 !important; padding:0 !important;}

.top-sec .row-fluid{ margin:0;}

.top-sec [class*="span3"]{ padding:0 !important; margin:0 !important;}









.employees-search .help-inline{ margin:0 20px 0 0; float:left; font-size:12px; color:#aaaaaa;}

.task-top{ padding-bottom:19px;}
.task-top .employees-search .control-group{ float:right; padding:0 17px 0 0; margin:0;border-right: 2px solid #f2f2f2; margin-right:15px;}

.task-top .employees-search .help-inline{ margin:0; float:left; padding:0;}

.task-top .employees-search .styled-select-small{margin-left: 45px; display:block; width:auto;}

.task-top form{ margin:0;}



.styled-select-small{display:inline-block;position:relative;width:100%; background:#f0f0f0;max-width: 200px;}

.styled-select-small select, .styled-select-small select.m-wrap.medium{height:22px!important;border:0;width:100% !important;font-family: "Conv_GothamHTF-Medium";font-size: 12px;color:#a8a6a5;padding:0 2%; background:#f0f0f0; margin:0; line-height:normal;}

.styled-select-small:after{padding:0;pointer-events:none;position:absolute;right:0;top:0;}

.styled-select-small:before{background: url("../images/dropdown-arrow-small.png") no-repeat scroll center center #f0f0f0;content:"";display:block;height:22px;pointer-events:none;position:absolute;right:0;top:0;width:20px;}



.employees-search .form-group input[type="text"],

.task-top .control-group input[type="text"]{ height:22px; padding:0 6px !important; background:#f0f0f0 !important; border-color:#f0f0f0;font-size: 12px;font-family: "Conv_GothamHTF-Medium";}

.search-icon{ height:15px; width:15px; float:left; background: url("../images/search-icon.png") no-repeat scroll center center; margin:5px 14px 0 0; background-size:15px 15px;}





.team{ border:1px solid #e6e7e8; margin-bottom:12px; background:#f8f8f8;}
.team h3{ font-size:14px; color:#419bf9;font-family: "Conv_GothamHTF-Medium";padding: 0 20px;margin: 17px 0 0 0;line-height: 5px;}
.team .team-title{ border-bottom:1px solid #e6e7e8; position:relative;margin-bottom: 2px;}
.team .team-title .team-edit-btn{ position:absolute; right:11px; bottom:7px;}
.team .team-height{ min-height:437px;}


.team2-layout .team .team-title img{ float:left; width:80px; height:80px;}
.team2-layout .team .team-title-content{ padding:9px 9px 9px 92px;}
.team2-layout .team .team-title-content h3{ padding:0;}
.team2-layout .team .team-description{ min-height: 220px;}

.team .team-title .img{ float:left; width:179px; height:80px; background:#fff; text-align:center;}
.team .team-title .img .helper{display:inline-block;height:100%;padding:0;position:relative;bottom:0;left:0;vertical-align:middle;}
.team .team-title .img img{vertical-align:middle;max-width:94%;max-height:94%;}

.team .team-title-content{ padding:10px 9px 7px 199px;}

.team .team-title-content h3{ margin:0; font-size:14px; color:#6d6e71;font-family: "Conv_GothamHTF-Medium"; line-height:normal; word-wrap:break-word;}

.team .team-title-content p{ font-size:11px; color:#a7a9ac;font-family: "Conv_GothamHTF-Medium"; margin:0;line-height: 16px;}

.team .team-title-content .years{ font-size:11px; color:#a7a9ac;font-family: "Conv_GothamHTF-Medium"; margin:0;line-height: 11px; display:block;}

.team .team-description{ list-style:none; margin:0; padding:11px 20px;}

.team .team-description li{ font-size:14px; color:#808285;font-family: "Conv_GothamHTF-Medium";padding-bottom: 10px; word-wrap:break-word;}
.team .team-description li a{color:#808285;}
.team .team-description li a:hover{color:#419bf9;}

.team .team-description li span{ display:block; font-size:12px; color:#a7a9ac; line-height:16px;}

.team .team-description li:last-child{ padding-bottom:0;}

.team .team-footer a{ display:block; background:#e6e7e8; padding:10px 10px 9px; color:#a5a6a7; text-align:center; font-size:10px;font-family: "Conv_GothamHTF-Medium";}

.team:hover .team-footer a{ color:#fff; background:#3f98f9;}

.team .team-bottom{ background:#fff; margin-top:13px; border-top:1px solid #e6e7e8;}
.team .team-bottom .team-description{ padding:18px 20px;}
.team .team-bottom .team-description li{ padding-bottom:0;}





.team-detail{ border:1px solid #e5e5e5; position:relative; background:#f8f8f8;min-height: 329px; margin-bottom:12px;}

.team-detail .team-detail-img{ position:relative; float:left;}
.team-detail .team-detail-img .edit-photo{ position:absolute; left:0; right:0; bottom:0; font-size:10px; text-transform:capitalize; padding:4px 5px 3px; background:rgba(0, 0, 0, 0.44); color:#fff; text-align:center; cursor:pointer;font-family: 'Conv_Gotham-Light';}
.team-detail .team-detail-img img{ float:left; width:120px; height:120px; background:#ccc;}

.team-detail .team-detail-content{ padding:12px 0 0 140px;}
.team-detail .team-detail-content .employ_type{ color:#3f98f9; display:block; margin-top:10px;}

.team-detail .team-detail-content h3{ margin:0; font-size:14px; color:#6d6e71;font-family: "Conv_GothamHTF-Medium"; line-height:normal;}

.team-detail .team-detail-content p{ font-size:11px; color:#a7a9ac;font-family: "Conv_GothamHTF-Medium"; margin:0; line-height:16px;}

.team-detail .team-detail-content .years{ font-size:11px; color:#a7a9ac;font-family: "Conv_GothamHTF-Medium"; margin:0;}



.team-detail-icons{ position:absolute; right:14px; top:14px; list-style:none;}

.team-detail-icons li{ display:inline-block; margin:0 3px;}

.team-detail-icons li a{ display:block; width:30px; height:30px; border:1px solid #e2e2e2; border-radius:100% !important; text-align:center; color:#c6c6c6; padding:0;line-height: 27px;font-size: 16px;}

.team-detail-icons li a:hover{ color:#fff; background:#585F6C !important; border-color:#585F6C;}

.team-detail-icons li a i:before{ cursor:pointer !important;}

.team-detail-icons li a i.icon-edit{line-height: 30px;font-size: 18px;}





.team-detail-top{ border-bottom:1px solid #e5e5e5; position:relative;}

.team-detail .team-description{ list-style:none; margin:0;}

.team-detail .team-description{ list-style:none; margin:0; padding:20px;}

.team-detail .team-description li{ font-size:13px; color:#808285;font-family: "Conv_GothamHTF-Medium";padding-bottom: 10px; width:49%; display:inline-block; vertical-align:top;}

.team-detail .team-description li span{ display:block; font-size:12px; color:#a7a9ac; line-height:16px;}

.team-detail .team-description li:last-child{ padding-bottom:0;}









.contact-details-widget{ border:1px solid #e5e5e5; background:#f8f8f8; margin-bottom:12px;min-height: 329px;}

.contact-details-widget h3{ margin:0;font-family: "Conv_GothamHTF-Medium"; font-size: 14px; line-height: normal;color:#6d6e71;border-bottom:1px solid #e5e5e5; padding:15px 17px 15px;}

.contact-details-widget .team-description{ list-style:none; margin:0;}

.contact-details-widget .team-description{ list-style:none; margin:0; padding:20px;}

.contact-details-widget .team-description li{ font-size:13px; color:#808285;font-family: "Conv_GothamHTF-Medium";padding-bottom: 10px;}

.contact-details-widget .team-description li a{ color:#808285; word-wrap:break-word;}

.contact-details-widget .team-description li a:hover{ color:#585F6C;}

.contact-details-widget .team-description li span{ display:block; font-size:12px; color:#a7a9ac; line-height:16px;}

.contact-details-widget .team-description li:last-child{ padding-bottom:0;}





.other-details-widget{ border:1px solid #e5e5e5; background:#f8f8f8; margin-bottom:12px;}

.other-details-widget h3{ margin:0;font-family: "Conv_GothamHTF-Medium"; font-size: 14px; line-height: normal;color:#6d6e71;border-bottom:1px solid #e5e5e5; padding:15px 17px 15px;}

.other-details-widget h3 span{ display:inline-block; margin-left:100px;font-family: 'Conv_GothamHTF-Book'; font-size:12px;}

.other-details-widget h3 span label{ display:inline-block; padding:2px 20px 3px; background:#e0e0e0; margin-left:10px;font-family: "Conv_GothamHTF-Medium"; font-size:12px; margin-bottom:0;}

.other-details-widget .team-description{ list-style:none; margin:0;}

.other-details-widget .team-description{ list-style:none; margin:0; padding:20px;}

.other-details-widget .team-description li{ font-size:13px; color:#808285;font-family: "Conv_GothamHTF-Medium";padding-bottom: 10px; width:32%; display:inline-block; vertical-align:top;}

.other-details-widget .team-description li a{ color:#808285;}

.other-details-widget .team-description li a:hover{ color:#585F6C;}

.other-details-widget .team-description li span{ display:block; font-size:12px; color:#a7a9ac; line-height:16px;}

.other-details-widget .team-description li:last-child{ padding-bottom:0;}





.flight-preferences-widget{ border:1px solid #e5e5e5; background:#f8f8f8; margin-bottom:12px;}
.flight-preferences-widget .alert{ margin:0; padding-left:19px;}

.flight-preferences-widget h3{ margin:0;font-family: "Conv_GothamHTF-Medium"; font-size: 14px; line-height: normal;color:#6d6e71;border-bottom:1px solid #e5e5e5; padding:15px 17px 15px;}

.flight-preferences-widget h3 span{ display:inline-block; margin-left:100px;font-family: 'Conv_GothamHTF-Book'; font-size:12px;}

.flight-preferences-widget h3 span label{ display:inline-block; padding:2px 20px 3px; background:#e0e0e0; margin-left:10px;font-family: "Conv_GothamHTF-Medium"; font-size:12px; margin-bottom:0;}

.flight-preferences-widget h3 .btn{ float: right;font-family: "Conv_GothamHTF-Medium";font-size: 12px;border-radius: 6px !important;margin-top: -9px; padding:7px 20px 6px;}




.flight-preferences-widget h3 .btn i{ font-size:11px; margin-right:5px;}

.flight-preferences-widget .team-description{ list-style:none; margin:0;}

.flight-preferences-widget .team-description{ list-style:none; margin:0; padding:20px 20px 25px 20px; width:25%; display:inline-block; box-sizing:border-box;}

.flight-preferences-widget .team-description li{ font-size:13px; color:#808285;font-family: "Conv_GothamHTF-Medium";padding-bottom: 10px; display:block; vertical-align:top;}

.flight-preferences-widget .team-description li a{ color:#808285;}

.flight-preferences-widget .team-description li a:hover{ color:#585F6C;}

.flight-preferences-widget .team-description li span{ display:block; font-size:12px; color:#a7a9ac; line-height:16px;}

.flight-preferences-widget .team-description li:last-child{ padding-bottom:0;}



.task-list .task-star{ position:absolute; right:13px; top:9px; color:#d7d7d7; font-size:20px;}

.task-list .task-star.activee{ color:#419bf9;}



.icons-list{ list-style:none; margin:0; padding:20px;}

.icons-list li{ font-size:13px; color:#808285;font-family: "Conv_GothamHTF-Medium";padding:0 0 10px 45px; position:relative; min-height:36px;}

.icons-list li > i{ position:absolute; left:0; top:0; border-radius:100%; border:1px solid #c6c6c6; display:block; width:30px; height:30px; color:#c6c6c6; font-size:16px; line-height:26px; text-align:center;}

.icons-list li a{ color:#808285;}

.icons-list li a:hover{ color:#585F6C;}

.icons-list li span{ display:block; font-size:12px; color:#a7a9ac; line-height:16px;}

.icons-list li:last-child{ padding-bottom:0;}



.icons-list li.active i{ color:#3f98f9; border-color:#3f98f9;}




.icons-list-inline{ list-style:none; margin:0; padding:0 20px;}

.icons-list-inline li{ font-size:12px; color:#808285;font-family: "Conv_GothamHTF-Medium";padding:0 0 10px 35px; position:relative; display:inline-block; vertical-align:top;}

.icons-list-inline li i{ position:absolute; left:0; top:0; border-radius:100%; border:1px solid #c6c6c6; display:block; width:30px; height:30px; color:#c6c6c6; font-size:16px; line-height:26px; text-align:center;}

.icons-list-inline li a{ color:#808285;}

.icons-list-inline li a:hover{ color:#585F6C;}

.icons-list-inline li span{ display:block; font-size:11px; color:#a7a9ac; line-height:11px;}

.icons-list-inline li:last-child{ padding-bottom:0;}




.assigned .icons-list li{ display:inline-block; vertical-align:top; width:21%; min-height:40px;}

.contact-details-widget.assigned{ min-height:0;}







.profile .tabbable-custom-profile{ border:1px solid #e5e5e5;}

.profile .tabbable-custom-profile .nav-tabs, .hr-profile .tabbable-custom-profile .nav-tabs{ padding:10px; border-bottom:1px solid #e5e5e5;}

.profile .tabbable-custom-profile .nav-tabs > li, .hr-profile .tabbable-custom-profile .nav-tabs > li{ margin:0 13px 2px;}

.profile .tabbable-custom-profile .nav-tabs > li > a, .hr-profile .tabbable-custom-profile .nav-tabs > li > a{ border:0; background:#8e8e8e; color:#fff; border-radius:5px !important;}

.profile .tabbable-custom-profile .nav-tabs > li.active > a, .hr-profile .tabbable-custom-profile .nav-tabs > li.active > a,

.profile .tabbable-custom-profile .nav-tabs > li > a:hover, .hr-profile .tabbable-custom-profile .nav-tabs > li > a:hover{ background:#3f98f9 !important;}

.profile .tabbable-custom-profile .table th, .profile .tabbable-custom-profile .table td, .hr-profile .tabbable-custom-profile .table th{ border:0;}

.profile .table-advance thead tr th i, .hr-profile .table-advance thead tr th i{ font-size:10px; color:#818181;margin-left: 2px;}

.profile .table-advance tr td{ color:#9d9d9d; font-family:"Conv_GothamHTF-Medium";}

.hr-profile .table thead th{ color:#6d6e71;font-family: "Conv_GothamHTF-Medium"; font-size:14px;padding: 18px 10px;}

.hr-profile .table tr td{padding: 18px 10px;}

.hr-profile .table-bordered tr:nth-child(4n+1) td{ background:#f6f6f7;}

.hr-profile .table-bordered tr td{ color:#808285;font-family: "Conv_GothamHTF-Medium"; font-size:14px;}

.hr-profile .table-bordered tr td a{ color:#808285;}

.hr-profile{ padding:0 !important;}

.hr-profile .tabbable-custom-profile .nav-tabs{ border-top:2px solid #e5e5e5;border-bottom:2px solid #e5e5e5;padding:13px 10px;}

.hr-profile .portlet.box > .portlet-body{ padding:0; background:#fff;}

.hr-profile .portlet.box, .hr-profile .table-bordered th, .hr-profile .table-bordered td{ border:0 !important;}

.hr-profile .label{ color: #fff;text-shadow: none;font-family: "Conv_GothamHTF-Medium";padding:9px 20px 10px;border-radius:5px !important;font-size:12px;}

.hr-profile .label.approved{ background:#69b162; color:#fff;}

.hr-profile .label.rejected{ background:#f45d5d; color:#fff;}

.hr-profile .label.pending{ background:#b8b8b8; color:#fff;}

.hr-profile .label.Occupied{ background:#69b162; color:#fff;}



.task-left{ float:left; width:233px; position:relative;}

.task-left:after{ content:""; position:absolute; left:0; right:0; bottom:-1500px; height:1500px; background:#FAFAFA; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}





.task-right{ border-top:1px solid #ededed; min-height:100vh;}

.task-right .search-widget{ padding-right:0;}
.task-right .search-widget input[type="submit"]{ right:0;}

.task-left ul{ margin:0; background:#fafafa; border:1px solid #ededed;}

.task-left li{ padding:20px 23px; list-style:none; border-top:1px solid #ededed;}

.task-left li:nth-child(1),

.task-left li:nth-child(2){ padding-bottom:13px;}

.task-left li:nth-child(1),

.task-left li:nth-child(2),

.task-left li:nth-child(3){ border:0;}
.task-left li:nth-child(3) a i{background: url(../images/layer-2.png) no-repeat;}

.task-left li a{ color:#808285;font-family: "Conv_GothamHTF-Medium"; font-size:14px}

.task-left li i{ float:left; font-size:18px; margin-right:12px; color:#c2c2c2;}

.task-left li i.icon-star, .task-left li a:hover, .task-left li a:hover i,

.task-left li a.activee, .task-left li.active a i{ color:#419bf9;}

.task-left li i.icons-completed{ display:block; background:url(../images/completed-icon.png) no-repeat; width:15px; height:17px;margin-top: 2px;}

.task-left li i.icons-layer{ display:block; background:url(../images/layer.png) no-repeat; width:19px; height:17px;margin-top: 2px;}

.task-left li a:hover i.icons-layer, .task-left li a.activee i.icons-layer{ background-position:0 bottom;}



.search-widget{ padding:12px 75px 12px 12px; position:relative;}

.search-widget form{ margin:0;}

.search-widget input[type="text"],

.search-widget input[type="search"]{ height:31px; background:#f0f0f0; border:1px solid #F0F0F0; box-shadow:none; padding:0 12px; width:100%; box-sizing:border-box;font-family: "Conv_GothamHTF-Medium"; font-size:12px; margin:0;}

.search-widget input[type="submit"]{ width:65px; height:31px; background:#4dabfb; color:#fff; border:0; position:absolute; right:12px; top:12px;font-family: "Conv_GothamHTF-Medium"; font-size:12px}

.task-date{ float:right;font-family: "Conv_GothamHTF-Medium"; font-size:12px; color:#a7a9ac; padding-right:33px;}

/*.task-detail-left .task-date{ color:#f45d5d;} updated by subin 8-1-17*/

.task-right .task-date{ position:absolute; right:10px; top:10px;}

.task-list .task-title-sp{ font-size:13px;font-family: "Conv_GothamHTF-Medium"; color:#a7a9ac; cursor:pointer;padding: 0 160px 0 23px; display:block;}
.task-list .task-title-sp i{ font-size:11px;margin-right: 1px;}

.task-list .task-title-sp:hover,

.tasks-widget.portlet.box > .portlet-body .task-title-sp a:hover{ color:#4DABFB;}
.tasks-widget .alert{ padding-left:29px;}
.task-right .tasks-widget .alert{ padding-left:12px;}

.task-top h3{ font-size:16px;font-family: "Conv_GothamHTF-Medium"; float:left; color:#737373;margin: 23px 0 0;line-height: 20px;}

.task { overflow:hidden;margin-right: -12px;padding-right: 12px;}

.task .employees-search{ margin-top:20px;}







div.checker, div.checker span, div.checker input{ background:#d7d7d7 !important; width:12px !important; height:13px !important; border-radius:2px;}

div.checker input{ margin-top:-7px;}

div.checker span.checked{ background:url(../images/checked.png) !important;}

.task-detail-right{ float: right; padding: 12px 0 12px 12px; width: 34%; box-sizing:border-box; position:relative}

.task-detail-left { float: left; box-sizing:border-box; width: 65.1%;border-right:0;background-color: white}

.task-detail-right:after{ content:""; position:absolute; right:0; bottom:-1500px; height:1800px; background:#fff; border-left:1px solid #e5e5e5; left:-1px; top:0}





.single-task{ background:#fff; position:relative; z-index:1;}

.single-task .single-task-top{ background:#419bf9; color:#fff; position:relative;}

.single-task .single-task-top.activee{ background:#c5b588; color:#fff;padding: 0 10px;}
.single-task .single-task-top.activee h3{ margin:0; font-size: 16.5px; }

.single-task .single-task-top p{ font-size:14px;font-family: "Conv_GothamHTF-Medium"; margin:0;}

.single-task .single-task-top i{ position:absolute; right:14px; top:14px; color:#fff;font-size:20px;}

.single-task .single-task-top.activee i{ color:#fff;}

.single-task > form{ background:#fafafa; padding:34px 14px; position:relative;}
.single-task > form h5{ color:#808285}

.single-task > form:after{ content:""; position:absolute; right:0; bottom:-1500px; height:1500px; background:#FAFAFA; left:0;}

.single-task > form input[type="text"]{ width:100%; box-sizing:border-box; height:31px;box-shadow:none; padding:0 14px; color:#7d7d7d;font-family: "Conv_GothamHTF-Medium"; font-size:12px}

.single-task > form input[type="text"].taskdate{ background:url(../images/calender-icon-grey.png) no-repeat 98% center #f0f0f0; border:0}
.single-task > form input[type="text"].taskdate:focus{background-image:url(../images/calender-icon.png)}
.single-task > form input[type="text"]{ background-color:#f0f0f0; border:0}
.single-task .chzn-container-multi .chzn-choices{ background:#f0f0f0!important; border:0;}
.single-task .chzn-container-multi .chzn-choices li.search-choice{padding: 6px 20px 6px 5px;}
.single-task .chzn-container-multi .chzn-choices .search-choice .search-choice-close{ top:7px;}
.single-task .reminder{ background:url(../images/bell-icon.png) no-repeat 97.5% center #f0f0f0;height:31px; padding:0 14px; color:#b5b5b5;font-family: "Conv_GothamHTF-Medium"; display:block; line-height: 30px;margin-bottom: 10px;}

.single-task .reminder.activee{background-image:url(../images/bell-icon-active.png); color:#3f98f9;}

.single-task .note{ background:#fff; padding:10px 15px; margin-bottom:10px;}

.single-task .note textarea{ margin:0;background:url(../images/page-line.jpg) repeat 0 0 #fff;min-height:147px; border:0; width:100%; padding:0; box-shadow:none;line-height: 29px;}

.single-task > form .styled-select{margin-bottom: 10px; background:#f0f0f0;}

.single-task > form .styled-select:before, .single-task > form .styled-select select{ background-color:#f0f0f0; border:0;height: 31px !important;}

.single-task > form .styled-select:before{ right:0; top:0; height:28px;}





.task-options { position:relative; padding:10px;}

.task-options p{ padding:0 20px; text-align:center; font-size:9px; color:#a7a9ac;font-family: 'Conv_Gotham-Light';}

.task-options .cancel{ float:left; width:17px; height:17px;background:url(../images/cancel-icon.png) no-repeat center center;margin-top: 2px; cursor:pointer;}

.task-options .delete{ float:left; width:16px; height:20px;background:url(../images/bin-icon.png) no-repeat center center;margin-top: 3px; position:absolute; right:10px; top:10px; cursor:pointer;}







.add-project{ background:#fafafa; border:1px solid #ededed; padding:28px 22px; max-width:320px;margin-left: -160px;}

.add-project h3{color:#717171;font-family: "Conv_GothamHTF-Medium"; font-size:13px;line-height: 20px;margin: 0 0 12px;}

.add-project h3 i.icons-layer{ float:left; background:url(../images/layer.png) no-repeat; width:19px; height:17px;margin-top: 2px;margin-right: 10px;}

.add-project h3 i.icons-users{ float:left; background:url(../images/users.png) no-repeat; width:19px; height:17px;margin-top: 2px;margin-right: 10px;}

.add-project h3 i{ color: #c2c2c2; font-size: 12px; margin-right: 5px; }

.add-project input[type="text"] {
    border: 1px solid #e5e5e5;
    width: 100%;
    box-shadow: none;
    box-sizing: border-box;
    padding: 0 11px!important;
    height: 31px;
    margin-bottom: 35px;
    font-family: "Conv_GothamHTF-Medium";
    font-size: 13px;
}

.add-project .btn{ background:#4dabfb !important; color:#fff;font-family: "Conv_GothamHTF-Medium";font-size: 12px; display:block !important; width:100%; box-sizing:border-box;}

.add-project .btn:hover{ background:#3d96e1 !important;}

.add-project-btns{ margin:0 -6.5px; list-style:none;}

.add-project-btns li{ float:left; padding:0 6.5px; width:50%; box-sizing:border-box;}



.articles-search{ padding:3px 14px 14px 29px; position:relative;}

.articles-search input[type="text"]{ width:100% !important; margin-bottom:0; background:#f0f0f0 !important; border:0;font-size:12px;font-family: "Conv_GothamHTF-Medium";}

.articles-search .search-icon{ margin-top:0; position:absolute; left:0; top:11px;}

.articles-search form{ margin:0;}



.articles-container{ background:#f8f8f8; border:1px solid #e6e7e8; padding:12px;}

.article{ background:#fff; border:1px solid #e6e7e8;}

.article .article-heading{ padding:11px 9px 9px;}

.article .article-heading h3{ margin:0 0 3px; font-size:14px; color:#6d6e71;font-family: "Conv_GothamHTF-Medium";line-height: normal;}

.article .article-heading h3 a{color:#6d6e71; display:block;}

.article .article-heading h3 a:hover{color:#419bf9;}

.article .article-meta p{font-size:11px; color:#a7a9ac; font-family: "Conv_GothamHTF-Medium"; margin:0;line-height: 16px;}

.article .article-content{ padding:0 9px 14px;min-height: 74px;}

.article .article-content p{ font-size:12px; line-height:16px; color:#aaaaaa;margin-bottom: 15px;}

.article .article-btn{ display:inline-block; padding:3px 20px 4px; border-radius:4px !important; background:#f0f0f0; color:#adadad;font-family: "Conv_GothamHTF-Medium"; font-size:12px; margin-right:9px;}

.article .article-btn:hover{ color:#fff; background:#3f98f9;}

.all-articles-btn.btn-block{background:#419bf9; border:0; padding:8px 10px;font-family: "Conv_GothamHTF-Medium"; font-size:10px; margin-top: -1px;}

.all-articles-btn.btn-block:hover{ background:#2f86e1;}



.article-thumb{ position:relative; margin:-1px -1px 0 -1px;}

.article-thumb img{ width:100%;}

.article-thumb > a{ display:block; padding:0;}

.article-thumb > a .play-icon{ display:block; width:63px; height:61px; background:url(../images/play-icon.png) no-repeat 0 0; position:absolute; left:50%; top:50%; margin:-30.5px 0 0 -31.5px;}



.downloads-widget{ background:#f8f8f8; border:1px solid #e6e7e8;}

.downloads-widget h3{ padding:17px 20px 16px;font-family: "Conv_GothamHTF-Medium"; font-size:14px; border-bottom:1px solid #e6e7e8; color:#707070; line-height:normal; margin:0; position:relative;}
.downloads-widget h3 .btn{ color: #fff;background: #419bf9;padding: 6px 11px 8px;margin-top: -5px;border-radius: 4px !important;}

.downloads-widget ul{ margin:0; list-style:none; padding:10px 0 15px;}

.downloads-widget ul li a{ display:block; padding:12px 20px; background:url(../images/download-btn.png) no-repeat 92% center; color:#a6a6a6;}


.full-width-downloads .downloads-widget ul li:nth-child(2n+1){background-color: #fff;}
.full-width-downloads .downloads-widget ul li a{ background-position:right center; margin-right:20px;}


.downloads-widget ul li a:hover{ background-image:url(../images/download-btn-active.png); color:#3f98f9;}

.downloads-widget ul li:nth-child(2n+1) a{ background-color:#fff;}



.articles-row{ margin:0 -7px;}

.articles-col{ padding:0 6px 12px; float:left; width:33.3%; box-sizing:border-box;}
.adjust-article-padding .articles-container{ padding-bottom:0}








.all-downloads-btn.btn-block{background:#efefef; border:0; padding:8px 10px;font-family: "Conv_GothamHTF-Medium"; font-size:10px; margin-top: -1px; text-align:center; color:#acacac;}

.all-downloads-btn.btn-block:hover{ color:#585F6C;}


























.article-detail{margin-top: 15px;}
.article-detail{ background:#fff; position:relative; padding-bottom:15px;}

.article-detail > .article-heading{ padding:18px 15px; border:1px solid #e6e7e8; background:#fff; border-bottom:0;}

.article-detail > .article-heading h3{ margin:0 0 5px; font-size:14px; color:#6d6e71;font-family: "Conv_GothamHTF-Medium";line-height: normal;}

.article-detail > .article-heading h3 a{color:#6d6e71; display:block;}

.article-detail > .article-heading h3 a:hover{color:#419bf9;}

.article-detail .article-meta p{font-size:12px; color:#a7a9ac; font-family: "Conv_GothamHTF-Book"; margin:0; line-height:16px;}

.article-detail .article-content{ padding:12px;background:#f8f8f8; border:1px solid #e6e7e8;}
.article-detail .article-content > img{ margin-bottom:21px;}

.article-detail .article-content p{ font-size:12px; line-height:19px; color:#898989;margin-bottom: 15px;}

.article-detail .article-content textarea{ padding:12px; background:#e6e7e8; border:1px solid #e6e7e8; width:100%; box-shadow:none; margin-top:10px;height: 150px; box-sizing:border-box;}



.article-detail .back-to-all{ position: absolute;right: 20px;top: 29px; background:#419bf9; color:#fff;}

.back-to-all{font-size:12px; color:#fff !important;font-family: "Conv_GothamHTF-Medium"; padding:6px 20px 7px; background:#acafb6; border-radius:5px !important;}

.back-to-all:hover{ background:#4dabfb;}



.article-detail form{ margin:0;}



.article-detail-left { float: left; width: 74%;}

.article-detail-right { float: right; width: 22%;}

.article-detail-right .articles-col{ float:none; width:auto;}

.article-detail-right .article-content{ background:#fff; border:0; padding:0 9px 14px;}

.article-detail-right .article-meta p{ margin:0;}







.video-detail .article-detail-left { width: 74.8%;}

.video-detail .article-detail-right { width: 24.3%;}





.all-articles .articles-col{ width:25%;}

.tasks-widget.portlet.box > .portlet-body{ padding:0}

.tasks-widget.portlet.box > .portlet-body .task-title-sp { display: block; padding: 0 23px; color:#aaaaaa; font-size:12px;font-family: "Conv_GothamHTF-Medium";line-height: 15px;}

.tasks-widget.portlet.box > .portlet-body .task-title-sp a{ color:#aaaaaa;}

.tasks-widget .task-list > li{ padding:10px 12px 12px;}

.tasks-widget .scroller{ padding-right:0 !important;}

.tasks-widget.portlet.box > .portlet-body div.checker { margin-top: -6px;}

.tasks-widget .task-list .task-star{ right: 20px;top: 8px;}

.tasks-widget .task-list .task-star.activee{ color:#419bf9}

.slimScrollBar{ width:3px !important; background:#c5c5c5 !important;}

.employee-extension .portlet-body{ padding:0 !important;}

.employee-extension .slimScrollBar,
.wifi-details-widget .slimScrollBar{ right:10px !important;}
.wifi-details-widget .portlet-title .actions img{ max-width:22px;}

.article-block .portlet-body .alert{ background:none; border:0;padding: 0;}


#time_off_div .row-fluid{ margin:0;}

.tabbable-custom-profile .table-full-width{ border:0;}







.padding{ padding:15px;}

.form-group > div{ padding-left:160px;}

.form-group label{ float:left; width:160px; padding-right:10px; box-sizing:border-box; color:#808285; font-size:14px;font-family: "Conv_GothamHTF-Medium";padding-top: 6px;}

.form-group input[type="text"]{ border:1px solid #c7c6c6; box-shadow:none; height:28px; width:100%; box-sizing:border-box;font-family: "Conv_GothamHTF-Book";padding: 0 10px; margin-bottom: 4px;}

.styled-select{ display:inline-block;position:relative;width:100%; background:#f0f0f0; margin-bottom: 4px;}

.styled-select select{height:28px!important;border:0;width:100% !important;font-family: "Conv_GothamHTF-Medium";font-size: 12px;color:#a8a6a5;padding:0 10px; border:1px solid #c7c6c6; margin:0;}

.styled-select:after{padding:0;pointer-events:none;position:absolute;right:0;top:0;}

.styled-select:before{background: url("../images/dropdown-arrow-small.png") no-repeat scroll center center #fff;content:"";display:block;height:26px;pointer-events:none;position:absolute;right:1px;top:1px;width:20px; z-index:1;}

.requests-left {float: left;width: 48%;}

.requests-right {float: right; width: 48%;}

.requests-right textarea{ box-shadow:none; width:100%;box-sizing:border-box; height:109px;}
.requests-right.error-adjust textarea{height: 125px;}

.btn.btn-submit{ background:#8e8e8e; color:#fff !important;font-family: "Conv_GothamHTF-Medium";font-size: 12px; padding:6px 25px 7px; border-radius:4px !important;}

.btn.btn-submit:hover{ background:#419bf9 !important;}

.row-fluid{ width:auto !important;}

input[type="text"].employee-search{ background:url(../images/search-icon.png) no-repeat 7px center #ffffff; padding-left:30px;box-shadow: none; border:0;width: 33%;margin: -3px -17px -5px 0; float:right; font-size:12px;font-family: "Conv_GothamHTF-Medium"; background-size:15px 15px;}

.employee-extension table{ margin:0;}

.employee-extension table tr td:first-child{ padding-left:13px;}

.employee-extension .employee-number{ color:#808285; font-size:12px;padding-top: 15px;}

.employee-name p{ font-size:14px;font-family: "Conv_GothamHTF-Medium"; color:#6d6e71; margin:0;}

.employee-name span{ display:block; font-size:12px; color:#808285;line-height: normal;}

.fc-button-month, .fc-button-agendaWeek, .fc-button-agendaDay{ display:none !important;}

.fc-widget-header{ padding:0 10px !important;}

.fc-widget-header, .fc-widget-content{ border-color:#e6e7e8;}

.fc-grid .fc-day-number{ padding:5px 10px !important;}

.up-coming-time-off{ list-style:none; margin:0 20px;}

.up-coming-time-off li{ color:#808285; margin:4px 0;}



.calendar.portlet > .portlet-title > .caption{ float:none; display:block;}



.calender-styled-select{ display:inline-block;position:relative;background:#f0f0f0; margin: -4px 0 0 0; float:right;}

.calender-styled-select select{height:28px!important;border:0;width:100% !important;font-family: "Conv_GothamHTF-Medium";font-size: 12px;color:#a8a6a5;padding:0 18px 0 7px; margin:0;}

.calender-styled-select:after{padding:0;pointer-events:none;position:absolute;right:0;top:0;}

.calender-styled-select:before{background: url("../images/dropdown-arrow-small.png") no-repeat scroll center center #fff;content:"";display:block;height:28px;pointer-events:none;position:absolute;right:0;top:0;width:20px;}







/*.form-group label{ width:97px; padding-top:0;}*/

.employees-search .form-group > div{ padding-left:97px;}

.employees-search .form-group label{font-family: "Conv_GothamHTF-Book";font-size: 12px;}

.employees-search .form-group .search-fld{ padding-left:29px;}

.employees-search {padding-bottom: 2px;}



.fancybox-type-image .fancybox-skin{ padding:0 !important;}





input.m-wrap[class*="span"],

.control-group.success input, .control-group.success select, .control-group.success textarea .control-group input[type="text"]{ background:#fff !important; box-shadow:none !important;}





.btn.btn-default{ background:#b29f71 !important; color:#fff !important;}

.btn.btn-default:hover{ background:#585858 !important;}



.salary-history{ list-style:none; margin:0;}

.salary-history li{ position:relative; margin:0 11px 2px 20px;}

.salary-history li > a{ display:block;padding:10px 11px 10px; background:#FAFAFA;line-height: 28px; color:#585F6C;}

.salary-history li i.icon-bullhorn{ float:left; padding: 7px; width: 14px; background:#57B5E3 !important; color:#fff;margin-right: 10px;}

.salary-history-btns{ position:absolute; right:10px; top:10px;}

.salary-history-btns a{ display:inline-block; color:#8e8e8e;  margin-top: 5px; padding:0 5px; cursor:pointer;}

.salary-history-btns a.close{ margin-top:10px;}

.click-here-expand{ margin:15px 26px 15px 0;}

.stationery-table .enquiry{ padding:20px; }

.permissions-content{ margin-bottom: 30px; padding:30px; background: #c5b588; border: 1px solid #b1a175;border-radius: 8px !important;
-moz-border-radius: 8px !important;
-webkit-border-radius: 8px !important;}
.permissions-content h3{ margin: 0; color: #323232;}
.permissions-content p{ color: #323232;}
.permissions-content p a{ color: #323232; text-decoration: underline !important;}
.permissions-content p a:hover{ text-decoration: none !important; }
.permissions-content .btn{ padding: 5px 14px 8px; }
.expandable-box-fixed{

    display: none;

    float: left;

    margin: 0;

    padding: 25px;

    width: 100%; box-sizing:border-box;}

  
.inside-menu ul{ margin:-7px 0 0 0; list-style: none; font-size: 0;}
.inside-menu ul li{ display: inline-block; margin-right: 2px;}
.inside-menu ul li a{ display: block;padding: 8px 21px 10px; border-radius: 4px!important; background: #b1a175;color: #fff; font-size: 13px;}  
.inside-menu ul li a:hover,
.inside-menu ul li.active a{ background: #595959; }


.styled-select-2{ display:inline-block;position:relative;width:100%; background:#f0f0f0; margin-bottom: 4px;}

.styled-select-2 select{height:37px!important;border:0;width:100% !important;font-family: "Conv_GothamHTF-Medium";font-size: 12px;color:#a8a6a5;padding:0 10px; border:1px solid #c7c6c6; margin:0;}

.styled-select-2:before{position:absolute;right:1px;top:1px;background: url("../images/arrow-2.png") no-repeat scroll center center #fff;content:"";display:block;height:35px;pointer-events:none; width:30px; z-index:1;}

.login .content .form-actions .btn{ box-sizing:border-box;}


.product_images{ list-style: none;margin: 0; }
.product_images li{ width: 20%; position: relative; margin: 5px 5px 0 0; display: inline-block;font-size: 9px; vertical-align: top;}
.product_images li span{ display: block;line-height: normal;padding: 5px 0; }
.product_images li .remove_product{position: absolute;
display: block;
right: 0;
top: 0;
padding: 0 4px;
background: #6c6c6c;
color: #fff;
font-size: 10px;
line-height: 14px;}
.product_images li .remove_product:hover{ background: #c5b588; }

.ajax_image_loading{ width: 34px; display: none; }


.currency-converter{ padding:25px 30px; border:1px solid #e6e7e8; background:#f8f8f8; margin-bottom:12px;}
.currency-converter form{ margin:0}
.currency-converter h3{ margin:0 0 25px 0; font-size:16px; color:#6d6e71;font-family: "Conv_GothamHTF-Medium";line-height: normal;}

.currency-converter .each{ float:left; width:50%; padding:0 0 0 27.5px; box-sizing:border-box; position:relative;}

.currency-converter .each.equal{ padding-left:0; padding-right:27.5px;}
.currency-converter .each.equal:after{ position:absolute; right:0; top:50%; background:url(../images/equal-img.png) no-repeat; width:20px; height:13px; content:""; margin:-23px -10px 0 0;}
.currency-converter .styled-select-small{ max-width:none;}
.currency-converter .each input[type="text"],
.currency-converter .each input[type="number"]{ width:100%; box-sizing:border-box; height:54px; box-shadow:none; text-align:center;font-family: "Conv_GothamHTF-Medium"; font-size:16px; border:2px solid #efefef; border-radius:3px; color:#a8a8a8; margin-bottom:13px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.currency-converter select{ color:#4fadfb;}

.currency-converter .btn{ display:block; width:100%; margin:36px 0 0; text-transform:uppercase; font-size:12px;font-family: "Conv_GothamHTF-Medium"; color:#fff; background:#419bf9;}
.currency-converter .btn:hover{ background:#358de9}
.currency-converter .inside-padding{ padding:0 85px;}









.numbers-to-words{ padding:25px 30px; border:1px solid #e6e7e8; background:#f8f8f8; margin-bottom:12px;}

.numbers-to-words h3{ margin:0 0 17px 0; font-size:16px; color:#6d6e71;font-family: "Conv_GothamHTF-Medium";line-height: normal;}

.numbers-to-words form{ margin:0 85px;}

.numbers-to-words input[type="number"]{ color:#4fadfb; height:37px; box-shadow:none; border:1px solid #e6e7e8; padding:0 14px; box-sizing:border-box;width: 100%; font-size:16px;font-family: "Conv_GothamHTF-Medium"; margin-bottom:9px;}
.numbers-to-words input[type="number"].color-dark{ color:#333}

.numbers-to-words .btn{ display:block; width:100%; margin:0 0 13px; text-transform:uppercase; font-size:12px;font-family: "Conv_GothamHTF-Medium"; color:#939393; background:#f0f0f0;}

.numbers-to-words .styled-select-2 { margin-bottom:13px;}

.numbers-to-words .styled-select-2 select{ font-size:16px;font-family: "Conv_GothamHTF-Medium"; border-color:#e6e7e8;}

.numbers-to-words textarea{ height:35px; box-shadow:none; border:1px solid #419bf9; box-sizing:border-box; width:100%;font-family: "Conv_GothamHTF-Medium"; margin:9px 0 0 0; line-height:25px;}





.styled-select-2.color-blue select{ color:#4fadfb;}





.int-dialogs-code{ padding:22px 30px 21px; border:1px solid #e6e7e8; background:#f8f8f8; margin-bottom:12px;}

.int-dialogs-code h3{ margin:0 0 17px 0; font-size:16px; color:#6d6e71;font-family: "Conv_GothamHTF-Medium";line-height: normal;}

.int-dialogs-code form{ margin:0 85px;}

.int-dialogs-code .btn,
.numbers-to-words .btn{ display:block; width:100%; margin:0; text-transform:uppercase; font-size:12px;font-family: "Conv_GothamHTF-Medium"; color:#939393; background:#f0f0f0;}
.int-dialogs-code .btn:hover,
.numbers-to-words .btn:hover{color:#fff; background:#419bf9;}


.int-dialogs-code .styled-select-2 { margin-bottom:9px;}

.int-dialogs-code .styled-select-2 select{ font-size:16px;font-family: "Conv_GothamHTF-Medium"; border-color:#e6e7e8;}

.int-dialogs-code input[type="text"]{ height:35px; box-shadow:none; border:1px solid #419bf9; box-sizing:border-box; width:100%;font-family: "Conv_GothamHTF-Medium"; 

margin:0 0 13px 0; padding:0 15px; color:#939598;}



.mortgage-calc label{ font-size:16px; color:#808285;font-family: "Conv_GothamHTF-Medium";display: inline-block;width: 40%;}
.mortgage-calc input[type="number"]{display: inline-block;width: 59%; color:#333}

.mortgage-calc .bottom { background:#fff; padding:20px; border-top:1px solid #e6e7e8; margin:20px -30px -25px;}
.mortgage-calc .bottom input[type="number"]{color: #4fadfb;}



.modal.fade.in{ top:0px !important;border-radius: 10px !important;}
.popup-btns{ list-style: none;margin: 30px 0 0;text-align: right; }
.popup-btns li{ display: inline-block; margin:0 2px; }

.chzn-container{ width:100% !important; height:31px;margin-bottom: 35px;}

.add-project .chzn-container-multi .chzn-choices .search-field input{ height:31px; margin:0; padding:0 15px;font-family: "Conv_GothamHTF-Medium"; font-size: 13px; width:100% !important;}

.chzn-container-multi .chzn-choices{ padding:0!important; }

.print-btn {

    display: inline-block;

    padding: 0 0 0 20px;

}

.print-btn  a{ color:#aaaaaa}

.print-btn  a:hover{ color:#585f6c}

.print-btn  a span{display: inline-block;

    font-family: "Conv_GothamHTF-Book";

    font-size: 12px;

    padding-left: 5px;}



.no-margin-bottom{ margin-bottom:0 !important;}

.manage-team-adjust{ padding:20px 30px !important;}

.manage-team-adjust .form-actions{ border:0; padding:0; background:none; margin:0;}



.carry-over-adjust .m-top{ margin-top:7px;}

.carry-over-adjust .form-actions{ padding-top:0; padding-bottom:0; background:none; border:0;}



.alert-info p{ margin:5px 0 10px;}

.alert.padding-left{ padding-left:25px !important;}


/*.team-edit-btn{ text-align:right; padding:0 11px 11px;}*/

.team-edit-btn a{ display:inline-block; color:#80828A;}

.team-edit-btn a:hover{ color:#469df6;}

.inline-btns a{ display:inline-block;}



.add-project.upload-thumb{ max-width:none; margin-left:-250px;}

.add-project.upload-thumb .thumbnail{ box-sizing:border-box; position:relative;}

.add-project.upload-thumb .btn-file{ background:rgba(0, 0, 0, 0.48); position:absolute; left:0; right:0; bottom:0;}

.add-project.upload-thumb .btn-file:hover{background:rgba(0, 0, 0, 0.68)}



.upload-thumb-submit-btns{ margin:0 -5px; padding:0; list-style:none;}

.upload-thumb-submit-btns li{ float:left; width:33.3%; padding:0 5px; box-sizing:border-box}



.upload-thumb-submit-btns li .btn-success{ background:#3f98f9}

.upload-thumb-submit-btns li .btn-success:hover{ background:#348bea!important}



.upload-thumb-submit-btns li .btn-danger{ background:#ea2f2f}

.upload-thumb-submit-btns li .btn-danger:hover{ background:#d52323 !important}



.upload-thumb-submit-btns li .btn-grey{ background:#B8B8B8; color:#fff;}

.upload-thumb-submit-btns li .btn-grey:hover{ background:#d5d5d5 !important}



.add-employee-btn{float: right;margin: -37px 0 12px;}

.add-employee-btn .btn{padding: 8px 14px 9px;}







.additional-info {

    border-top: 1px solid #eee;

    margin-top: 35px;

    padding: 30px 0 0;

}



.grid-view .summary {

    color: #6d6e71;

    margin: -40px 8px 6px 0 !important;

    position: relative;

    right: 20px;

    text-align: right;

    top: -7px; font-size:14px;font-family: 'Conv_GothamHTF-Medium';

}

.userd-namebox{ color:#3f98f9;}

.user-h-details{ color:#333;}

.portlet-body-padding{ padding:10px 29px !important;}



.fc-event{ background:#419bf9 !important;}

.weather-icon { max-height: 57px; margin:3px 0 0 0;}
.weather-wrapper .each{ float:left; width:50%; text-align:center;}

.form-actions{ background:#fff; border:0;}

.page-desc { margin-bottom: 20px; color:#585F6C;}

.dataTables_length{ margin-top:10px;}

.dataTables_filter{ margin-top:8px; float: right;}

.dataTables_info{ color:#585F6C; margin-top: 20px;}

.paging_bootstrap ul{ float:right;}

input.m-wrap, textarea.m-wrap{ background:#fff !important; border-color:#e9dede;}



ul.yiiPager li.page > a, ul.yiiPager li.next > a, ul.yiiPager li.previous > a{ background:#f9f9f9 !important; border-color:#f1f1f1 !important; color:#333;}

ul.yiiPager li.next > a{ margin-left:3px;}

ul.yiiPager li.previous > a{ margin-right:3px;}

ul.yiiPager li.page > a:hover, ul.yiiPager li.next > a:hover, ul.yiiPager li.previous > a:hover{ color:#368DEB  !important;}

ul.yiiPager li.page.selected > a{ background:#419bf9 !important; color:#fff !important; border-color:#419bf9 !important;}



.portlet > .portlet-title .more-link{ float:right; margin:0 -11px 0 0;color: #6d6e71;}

.hide-inner-image img{ display:none !important;}

.hide-inner-image { color:#585F6C; font-size:16px; cursor:pointer;position: relative; top: 3px;}

.hide-inner-image:before, .hide-inner-image:before{ cursor:pointer;}

.hide-inner-image:hover{ color:#222 !important;}

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



.task-top-search{ width:180px;}

.employees-search .task-top-search  input[type="text"].m-wrap.medium{ width:130px !important; margin:0;}

.task-top .employees-search .control-group:nth-child(1){ padding-right:0; margin-right:0; border:0;}


.employees-search .search-icon{ margin-left:0;}

.expandable-padding{ padding:0 35px 10px;}

.no-border{ border:0 !important;}

.time-off-top { margin-bottom:10px;}

.time-off-top .styled-select{ display:inline-block; background:#FAFAFA; width:auto; margin:0 4px;}

.article-detail-right .articles-container{ background:none; border:0; padding:0}

select{-webkit-appearance:none;}





.update{

    width: 65px;

    height: 31px;

    background: #4dabfb;

    color: #fff;

    border: 0;

    right: 12px;

    top: 12px;

    font-family: "Conv_GothamHTF-Medium";

    font-size: 12px;

  }

  

  .radio-btn-oneway .radio{ float:left; margin-top:1px;}

  .radio-btn-twoside .radio{ float:left; margin-top:1px;}

  

  .radio-btn-oneway, .radio-btn-twoside{ margin:10px 0;}

  

  

  .what-is-of label{ float:left; margin-right:10px;}

  .what-is-of label:hover{}

  .what-is-of input[type="text"]{ max-width:25px; margin:0;}

  .what-is-of input[type="button"]{ background:#4FADFB; color:#fff; border:0; height: 30px; width:auto !important;}

  .what-is-of input[type="button"]:hover{ background:#368eed}

  
  .what-is,
  .from-to ul{ margin:0 -5px 22px;display: table;width: 100%; font-size:0;}
  .from-to ul{ margin-bottom:0;}
  .what-is li,
  .from-to ul li{ display:inline-block; font-size:12px; color:#6d6e71;font-family: "Conv_GothamHTF-Medium"; padding:0 5px; width:7%;}
  .what-is li  input[type="number"],
  .what-is li  input[type="text"],
  .from-to ul li  input[type="number"],
  .from-to ul li  input[type="text"]{ max-width:none; width:100%; height:37px; border:1px solid #efefef;box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;padding: 0 6px; margin:0; text-align:center;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  }
  
  
  .what-is.one li:nth-child(2){ width:15%;}
  .what-is.one li:nth-child(3){ width:6%;}
  .what-is.one li:nth-child(4){ width:16%;}
  .what-is.one li:nth-child(5){ width:auto;}
  .what-is.one li:nth-child(6){ width:20%;}
  .what-is.one li:nth-child(8){ width:auto;}
  
  
  .what-is.two li:nth-child(1){ width:16%;}
  .what-is.two li:nth-child(2){ width:13.5%;}
  .what-is.two li:nth-child(3){ width:16%;}
  .what-is.two li:nth-child(4){ width:auto;}
  .what-is.two li:nth-child(5){ width:20%;}
  .what-is.two li:nth-child(7){ width:auto;}
  
  
  .what-is li  input[type="text"],
  .from-to ul li  input[type="text"]{border-color:#419bf9;}
  .what-is li input[type="button"],
  .from-to ul li input[type="button"]{ background:#f0f0f0; color:#939598; border:0; height: 37px; width:auto !important; text-transform:uppercase;}
  .what-is li input[type="button"]:hover,
  .from-to ul li input[type="button"]:hover{ background:#4FADFB; color:#fff;}
  
  .from-to{ background:#fff; padding:20px; border-top:1px solid #e6e7e8; margin:0 -30px -25px;}
  .from-to p{ font-size:12px; color:#6d6e71;font-family: "Conv_GothamHTF-Medium";}
  
  .from-to li:nth-child(2){ width:14%;}
  .from-to li:nth-child(3){ width:7%;text-align: center;}
  .from-to li:nth-child(4){ width:16%;}
  .from-to li:nth-child(5){ width:auto;}
  .from-to li:nth-child(6){ width:19.5%;}
  .from-to li:nth-child(8){ width:auto;}
  
  .service-provider-heading{ padding:14px 12px; margin:0 -12px 20px; border-bottom:1px solid #e9e9e9;}*/

 
     

  .service-provider-heading p{ float:left; padding-top:7px; margin-bottom:0; color:#4c9df8;font-size: 13px;}

  /*.service-provider-heading .btn{ border-radius: 6px !important; float: right; font-family: "Conv_GothamHTF-Medium"; font-size: 12px; margin-left: 12px; padding: 7px 24px; text-transform:capitalize;}*/
 .service-provider-heading .btn:hover{ background-color: #424242;}
  .service-provider-heading .btn.grey{ background:#8e8e8e; color:#fff;}

  .service-provider-heading .btn.grey:hover{ background:#419bf9;}

  .styled-select-white{ display:inline-block;position:relative;width:100%; background:#f0f0f0;}

  .styled-select-white select{height:33px!important;border-bottom:1px solid #e9dede !important;width:100% !important;font-family: 'Montserrat', sans-serif;font-size: 13px;color:#000;padding:0; border:0; margin:0;}
.styled-select-white select option{ padding:0; }
  .styled-select-white:after{padding:0;pointer-events:none;position:absolute;right:0;top:0;}

  .styled-select-white:before{background: #fff;font-family: 'FontAwesome';
content: "\f0d7";
font-size: 13px;display:block;height:30px;pointer-events:none;position:absolute;right:4px;top:1px;width:20px; z-index:1;text-align: center;
line-height: 30px; color:#d9e6e8}

  select[multiple]{ border:0; padding:0;font-family: 'Montserrat', sans-serif;color: #000;font-size: 13px; }
input[type="radio"], input[type="checkbox"] { margin: -1px 5px 0 0;}
.modal{ border:0 !important;}
 .modal .select.m-wrap{ width: 100%; }

  .service-providers-search{ padding:13px; border:1px solid #eceded; background:#f8f8f8; margin-bottom:21px;}

  .service-providers-search form{ margin:0;}

  .search-white{ background:#fff; position:relative;padding-left: 28px;}
  .search-white .dropdown-menu{ width:100%; left:0 !important;}
  .search-white .dropdown-menu li > a:hover,
  .search-white .dropdown-menu .active > a,
  .search-white .dropdown-menu .active > a:hover{ color:#469df6 !important; background:none !important;}
  .search-white .dropdown-menu li > a{ color:#808285;}

  .search-white .search-icon{ position:absolute; left:10px; top:8px; margin:0;}

  .search-white input[type="text"]{ border:0; margin:0; width:100%; box-sizing:border-box; height:30px;font-family: "Conv_GothamHTF-Medium";font-size: 12px; color:#a8a6a5}

  

  .service-provider-content-h p{ font-size::; !important; color:#808285 !important;font-family: "Conv_GothamHTF-Medium";}
  
  .service-provider-content-h p:nth-child(1){padding-bottom: 8px;}

  .service-provider-content-h p span{ display:block; color:#adaeb1; font-size:11px;}

  .service-provider-content-h p a{color:#808285}

  .service-provider-content-h p a:hover{color:#3F98F9}

  .service-provider-content-h .each{ width:50%; float:left;}

  .service-provider-content-h .each:first-child{ width:39%;}

  .service-provider-content li{ display:inline-block; vertical-align:top; width:49%;}
  .service-provider-content li.full{ width:auto; display:block;}
  .service-providers .span6{ width:50%;}

  

  

  .requests-page h4{ color:#419cf9; font-size: 15px;}

  .requests-page .form-group label{ font-family: "Conv_GothamHTF-Book"; font-size: 14px;font-weight: normal; width: 160px; padding-top:5px;}

  .boxed-radio{ margin:9px 0 13px;}

  .boxed-radio div.radio span{ width:15px; height:15px; border:1px solid #bcbcbc; background:#fff;}

  .boxed-radio div.radio span.checked{ border-color:#449ce4; background:#449ce4;}

  .boxed-radio div.radio span.checked:before{ position:absolute; left:3px; top:-2px;font-family: FontAwesome; content:"\f00c"; font-size:10px; color:#fff;}

  .btns-alignment .btn-default{ margin-right: 30px;}

  .requests-page .control-group{ margin-bottom:0;}

  .requests-page .form-group input[type="text"]{ color:#939598;}

  /*.custom-table-2{ border:1px solid #e6e7e8;}*/

  .custom-table-2.portlet.box > .portlet-title.table-title-custom { background:#fff; border:0;}
  .custom-table-2.portlet.box > .portlet-title.table-title-custom .btn{float: right;margin-top: -13px;}
  .custom-table-2.portlet.box > .portlet-title.table-title-custom .inside-menu{ float: right;  }




  .custom-table-2.portlet.box{ padding:19px 19px 24px !important; border-radius: 8px !important; background: #fff; margin-bottom: 30px;}

  .custom-table-2.portlet.box .grid-view .summary{ color:#6d6e71; margin:-44px 0 10px !important; display:none !important;}

  .custom-table-2.portlet.box > .portlet-title.table-title-custom .caption{ color:#000 !important;}

  .custom-table-2.portlet.box > .portlet-title{ padding:10px 0 10px;}

  .custom-table-2 .table { border:0;/* border-top:1px solid #e6e7e8;*/background: #f2f2f2;}

  .custom-table-2 .table th { color:#000;}
  .custom-table-2 .table td { color:#000;}
  .custom-table-2 .table td a{ color:#000;}
  .custom-table-2 .table td a:hover{ color:#36383f;}
  .custom-table-2 .table th, .custom-table-2 .table td{ padding:9px 10px; border:0; border-right: 1px solid #d9d3d3}
  .custom-table-2 .table th:last-child, .custom-table-2 .table td:last-child{ border:0; }

  .custom-table-2 .table tr:nth-child(2n+2) td{ background:#fff;}

  .custom-table-2 .table tr:hover td{ background:#f1f1f1}

  .edit-icon-new{ background:url(../images/new-btns.png) no-repeat 0 0; width:16px; height:20px; display:inline-block; margin:0 4px; background-size:41px auto;}

  .edit-icon-new:hover{ background-position:0 bottom}

  .trash-icon-new{ background:url(../images/new-btns.png) no-repeat right 0; width:16px; height:20px; display:inline-block; margin:0 3px; background-size:41px auto;}

  .trash-icon-new:hover{ background-position:right bottom}

  .search-icon-new{ background:url(../images/search-icon-new.png) no-repeat 0 0; width:22px; height:21px; display:inline-block; margin:0 7px; background-size:22px auto;}

  .search-icon-new:hover{ background-position:0 bottom}

  

  

  .newdrop .btn{ height:31px !important; border-radius:4px !important; padding: 4px 15px 4px 17px; background:#b8b8b8;}

  .newdrop .btn i{ margin-left:8px;}

  

  

  

  .modal.general-report-popup{ padding:47px!important; background:#fafafa; border:1px solid #ededed;}

  .general-report-popup h3{ color:#717171;font-size: 14px; line-height:normal;margin-bottom: 20px;}

  .general-report-popup h3.color-default{ color:#4c9df8; margin:0 0 30px;}

  .company{ padding-bottom:15px;}

  .company label{ float:left; color:#717171;font-size: 14px; width:120px;padding-top: 4px;}

  .company > div{ padding-left:120px;}

  .company > div .styled-select select{ border-color: #fff;}

  .company > div .styled-select:before{ top:0; right:0; height:30px;}

  .options { margin:0 -7px;}

  .options .each{ float:left; width:50%; padding:0 7px; box-sizing:border-box;}

  .options .each .scroller{ padding:0 !important; margin:0 !important}

  .slimScrollBar{ right:3px !important;}

  .options .each .slimScrollDiv{ margin:0 0 20px !important;}

  .options ul{ list-style:none; padding:20px; margin:0; background:#fff;}

  .options ul li .checker{ margin:4px 0 0 0; float: left;}

  .options ul li label{ padding-left:19px; position:relative; color:#a7a9ac;font-size: 12px;}

  .options ul li label:hover{ color:#585F6C}

  /*.options ul.left-ul li label:before{ position:absolute; left:0; top:4px; width:12px; height:12px; background:url(../images/check-box-img.png); content:"";}

  .options ul.left-ul li label.active:before, .options ul.left-ul.all-select li label:before{ background-position:0 bottom;}*/

  .bottom-select-options{ margin:0; list-style:none; float:right; background:none !important; padding:0 !important}

  .bottom-select-options li{ float:left; border-right:1px solid #9f9f9f;line-height: 13px;}

  .bottom-select-options li:last-child{ border:0;}

  .bottom-select-options li a{ color:#9f9f9f; margin:0 10px; display:block; border-bottom:1px solid #e5e5e5;}

  .bottom-select-options li a:hover{ color:#4dabfb; border-color:#4dabfb;}

  .bottom-select-options li:last-child a{ margin-right:0;}

  .popup-bottom-btns{ margin:40px 0 0; list-style:none;}

  .popup-bottom-btns li{ display:inline-block; margin-right:5px;}

  .popup-bottom-btns .btn{ padding: 6px 24px 7px; font-family: "Conv_GothamHTF-Medium"; font-size: 12px;border-radius: 0 !important;}

  .popup-bottom-btns .btn.grey{ background:#8e8e8e; color:#fff;}

  .popup-bottom-btns .btn.grey:hover{ background:#419bf9;}

  

  .Active .btn, .Active.open .btn:hover{ background: #419bf9 !important;}

  .Approved .btn, .Approved.open .btn:hover{ background: #419bf9 !important;}

  

  .invalid .btn, .invalid.open .btn:hover{ background: #f45d5d !important;}

  .process .btn, .process.open .btn:hover{ background: #3f98f9 !important;}

  .won .btn, .won.open .btn:hover{ background: #57b958 !important;}

  .lost .btn, .lost.open .btn:hover{ background: #909090 !important;}

  .pending .btn, .lost.open .btn:hover{ background: #5cb9de !important;}









.number-list{ border:1px solid #e6e7e8; list-style:none; margin:0 0 12px; text-align:center;}

.number-list li{ float:left; width:25%;border-right:1px solid #e6e7e8;box-sizing: border-box;}

.number-list li a{ display:block; width:100%; height:178px;padding-top:45px;box-sizing: border-box;}

.number-list li:last-child{ border:0;}

.number-list li .number{ font-size:60px; color:#4dabfb; font-family: "Conv_Gotham-Light"; line-height:60px;}

.number-list li p{ color:#b8b8b8; font-size:12px;font-family: "Conv_GothamHTF-Medium";}

.number-list li a:hover{ background:#3f98f9; color:#fff;}

.number-list li a:hover .number,

.number-list li a:hover p{ color:#fff;}





.server-list{ border:1px solid #e6e7e8; list-style:none; margin:0 0 12px; text-align:center;}

.server-list li{ height:178px; float:left; width:50%; padding-top:30px;;border-right:1px solid #e6e7e8;box-sizing: border-box; background:#f8f8f8;}

.server-list li:last-child{ border:0;}

.server-list li span{ font-size:41px; color:#4dabfb; font-family: "Conv_Gotham-Light"; line-height:47px;}

.server-list li p{ color:#b2b2b2; font-size:12px;font-family: "Conv_GothamHTF-Medium";}

















.server-list li .btn.server-btn{ padding:7px 60px 8px; background:#3f98f9; color:#fff; cursor:default;}

.server-list li .btn.server-btn.red{ background:#f45d5d;}









.it-heading{ padding:14px 12px 0;}

.container-fluid.it-heading{ padding-top:0;}
.container-fluid.it-heading .it-dashboard-header{ margin-top:0;border-top: 0;}


.it-heading p{ float:left; padding-top:7px; margin-bottom:0; color:#4c9df8;font-size: 14px;}

.it-heading .btn{ border-radius: 3px !important; font-family: "Conv_GothamHTF-Medium"; font-size: 12px; margin-right:7px; padding: 5px 19px; background:#8e8e8e; color:#fff; float:left; background:#8e8e8e; margin-bottom:4px;}

.it-heading .btn:hover, .it-heading .btn.active{ background:#419bf9;}

.it-heading .btn:last-child{ margin-right:0;}









.table-it tr th, .table-it tr td{ min-width:100px; padding:19px 6px!important;vertical-align: top; font-family: "Conv_GothamHTF-Medium";}
.table-it tr th:nth-child(1), .table-it tr td:nth-child(1){ padding-left:14px !important;}

.table-it tr td{ color:#808285;}

.table-it tr th a{ position:relative;}

.table-it tr th a:after{ content: "\f0d7";font-family: FontAwesome;font-size: 10px; position: absolute; right: -15px; top: -2px;}

.it-content .custom-table-2.portlet.box > .portlet-title{ padding-left:12px;}

.it-content .custom-table-2.portlet.box > .portlet-title .caption{ font-family: "Conv_GothamHTF-Book"; font-size: 13px;}

.it-content .grid-view .summary{ right:12px;}





.office-list{ border:1px solid #e6e7e8; list-style:none; margin:0 0 12px; text-align:center;}

.office-list li{ float:left; width:33.3%;border-right:1px solid #e6e7e8;box-sizing: border-box;}

.office-list li a{ display:block; width:100%; height:178px;padding-top:45px;box-sizing: border-box;}

.office-list li a img{ margin-bottom:12px;}

.office-list li:last-child{ border:0;}

.office-list li p{ color:#b8b8b8; font-size:12px;font-family: "Conv_GothamHTF-Medium";line-height: 15px;}

.office-list li a:hover p{ color:#3f98f9;}







.office-list-2{ border:1px solid #e6e7e8; list-style:none; margin:0 0 12px; text-align:center;}

.office-list-2 li{ float:left; width:50%;border-right:1px solid #e6e7e8;box-sizing: border-box; background:#f8f8f8;}

.office-list-2 li a{ display:block; height:178px; padding-top:50px;box-sizing: border-box;}

.office-list-2 li:last-child{ border:0;}

.office-list-2 li span{ font-size:41px; color:#4dabfb; font-family: "Conv_Gotham-Light"; line-height:47px;}

.office-list-2 li p{ color:#b2b2b2; font-size:12px;font-family: "Conv_GothamHTF-Medium";}

.office-list-2 li a img{ margin-bottom:12px;}

.office-list-2 li a:hover p{ color:#3f98f9;}



/*.stationery-table{ margin-top:12px; padding:0 1px;}*/

.stationery-table table{ margin-bottom:0;}

.stationery-table table, .stationery-table table tr th, .stationery-table table tr td{ border:1px solid #e6e7e8; box-sizing:border-box;}
.stationery-table table tr td.button-column{padding: 15px 6px 7px !important;}

.stationery-table tr th{ text-align:left;}

.stationery-table tr th, .stationery-table tr td{ padding:12px 30px; font-size:12px; color:#000;}
.stationery-table tr th a{color:#6d6e71;}
.stationery-table tr td.has-child-table{ padding:0;}

.stationery-table tr td.has-child-table table{ margin:0; border:0;}
.stationery-table tr td.has-child-table table tr td{ border:0;border-bottom: 1px solid #e6e7e8;border-right: 1px solid #e6e7e8;}
.stationery-table tr td.has-child-table table tr td:last-child{ border-right:0;}
.stationery-table tr td.has-child-table table tr:last-child td{ border-bottom:0;}
.stationery-table tr td .qty{ color:#999999; display:block; text-align:center;}

.stationery-table tr th, .stationery-table tr.inside-heading td{ font-size:15px; background:#fff;}
.stationery-table tr.inside-heading td{border-right-color:#f8f8f8; font-size:14px;}

.stationery-table a.btn{ min-width:60px;margin: 0 0 22px 20px;}
.link { text-decoration: underline !important;}
.link:hover { text-decoration: none !important;}


.stationery-search{ padding:9px; background:#f8f8f8; border:1px solid #e6e7e8; margin-top:12px;}
.stationery-search p{ float:left; width:100px; padding-left:30px; font-size:14px;font-family: "Conv_GothamHTF-Medium"; color:#707070;line-height: 17px;}
.stationery-search > div{ padding-left:130px;}
.stationery-search > div .styled-select{ margin:0;}
.stationery-search > div .styled-select select{ border:0;height: 32px !important;}
.stationery-search > div .styled-select:before{right: 0;top: 0;height: 32px;}

.office-heading{ padding:14px 12px 10px; border-bottom:2px solid #f2f2f2;}

.office-search .span3{ margin-bottom:4px;}

.office-heading p{ float:left; padding-top:7px; margin-bottom:0; color:#4c9df8;font-size: 14px;}

.office-heading .btn{ border-radius: 3px !important; font-family: "Conv_GothamHTF-Medium"; font-size: 12px; margin-right:0; padding: 5px 19px; background:#8e8e8e; color:#fff; float:left; background:#8e8e8e;}

.office-heading .btn:hover, .office-heading .btn.active{ background:#419bf9;}

.office-heading .btn:last-child{ margin-right:0;}

.office-heading .btn.red{ background:#419BF9;}









.office-search .span3{ width:auto; padding:0 4px;}

.office-search .span3:first-child{ padding-left:0;}

.office-search .styled-select-white{ padding:0; width:auto;max-width: 95px;}

.office-search .styled-select-white select{ padding:0; width:auto; color:#737373; font-size:14px;}

.office-search form{ margin:0;}

.office-search .search-white{ background:#f0f0f0; border-radius:3px!important;max-width: 100px;}

.office-search .search-white input[type="text"]{ background:none!important;}



.office-search .icon-print{ font-size:12px; color:#aaaaaa;}

.office-search .print-btn { padding: 6px 0 0 8px;}

.office-search .icon-print:before { float: right; font-size: 17px; margin-left: 10px; color:#c8c8c8;}

.office-search .icon-print:hover, .office-search .icon-print:hover:before{ color:#419BF9;}







.office-content .custom-table-2.portlet.box > .portlet-title{ padding-left:12px;}

.office-content .custom-table-2.portlet.box > .portlet-title .caption{ font-family: "Conv_GothamHTF-Book"; font-size: 13px;}

.office-content .grid-view .summary{ right:12px;}







.table-it.table-advance thead tr th{ background:#fff;}

.table-it.table-advance.table tr:nth-child(2n+2) td{ background:#fff !important;}

.table-it.table-advance.table tr:nth-child(2n+1) td{ background:#f6f6f7;}

.table-it.table-advance.table tr:hover td{ background:#f1f1f1}

.parking-heading{ color:#419bf9; padding:12px;}

.office-content .portlet { margin-bottom: -2px;}



.office-search .search-extent .search-white{ max-width:150px;}

.office-search .search-extent .span3{ padding:0 11px;}

.popup-form-new{ padding:45px; background:#fff; border:1px solid #ededed;border-radius: 10px !important;}

.popup-form-new h4{ color:#000;font-family: 'Montserrat', sans-serif; margin-bottom:20px;}



.popup-form-new .row{ margin-left:0; margin-bottom:21px;}

.popup-form-new .row .span4,
.popup-form-new .row .span8{ padding-left:0;}

.popup-form-new .row .span4 label{ color:#000;font-family: 'Montserrat', sans-serif; font-size:13px;}

.popup-form-new .add-project-btns li{ width:auto;}

.popup-form-new .add-project-btns li .btn{font-family: 'Montserrat', sans-serif; font-size:13px; text-transform:none;}

.popup-form-new input.m-wrap{ border:0; border-bottom:1px solid #e9dede; width:100%; box-sizing: border-box; height: 30px;padding: 1px 5px !important;font-family: 'Montserrat', sans-serif;color: #000;font-size: 13px; background: none!important;}

.popup-form-new .control-group{ margin:0}



.popup-form-new textarea.m-wrap{ border:0; width:100%; border:1px solid #e9dede;}





.contact-info{ max-width:370px; padding:23px; margin-left: -130px;}

.contact-info h3{ color:#4dabfb;font-family: "Conv_GothamHTF-Medium"; margin-top:0; margin-bottom:10px; font-size:14px;}

.contact-info h4{ color:#6e6e6e;font-family: "Conv_GothamHTF-Medium"; margin-bottom:10px; font-size:12px; margin-bottom: 3px;}

.contact-info p{ color:#a7a9ac;font-family: "Conv_GothamHTF-Medium"; margin-bottom:10px; font-size:12px; margin-bottom: 3px; line-height:24px;}



.floor-plan{ width:750px; padding:38px; background:#fafafa; margin-left:-380px;}

.floor-plan h3{ color:#4dabfb;font-family: "Conv_GothamHTF-Medium"; margin-top:0; margin-bottom:10px; font-size:14px;}



.it-table{ min-width:998px;}

.header .nav > li.office-365-icon { padding: 20px 20px 0 0;}

.header .nav > li.box-icon { padding: 20px 20px 0 0;}

.header .nav > li.office-365-icon a, .header .nav > li.box-icon a{ padding:0;}

.monile-login-btns{ display:none;}



.modal .form-horizontal .control-label{float: left;width: 160px;padding-top: 5px;text-align: left;}



.affiliates-logos img {    height: auto;    width: auto;}

.affiliate-logos-wiget .portlet-body{ padding:0;}

.affiliate-logos-wiget .affiliates-logos{ margin:-10px -10px -12px;}
.affiliate-logos-wiget .affiliates-logos li{ float:left; width:49.6%; border-bottom:2px solid #f2f2f2; border-right:2px solid #f2f2f2;}
.affiliate-logos-wiget .affiliates-logos li a{ display:block;height: 90px;}
.affiliate-logos-wiget .affiliates-logos li a .helper{display:inline-block;height:100%;padding:0;position:relative;bottom:0;left:0;vertical-align:middle;}
.affiliate-logos-wiget .affiliates-logos li a img{vertical-align:middle;max-width:94%;max-height:94%;}



.affiliate-logos-wiget .affiliates-logos li:nth-child(2n+2){ border-right:0;}
/*.affiliate-logos-wiget .affiliates-logos li:nth-last-child(2),
.affiliate-logos-wiget .affiliates-logos li:last-child{ border-bottom:0;}*/
.affiliate-logos-wiget .affiliates-logos li img{filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;-webkit-filter: grayscale(100%);}
.affiliate-logos-wiget .affiliates-logos li:hover img{filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);}



.affiliates-logos > li {    display: inline-block; padding: 0;text-align: center;}


.Occupied .btn, .Occupied.open .btn:hover{ background: #419bf9 !important;}
.Unassigned .btn, .Unassigned.open .btn:hover{ background: #b8b8b8 !important;}

.Approved .btn, .Approved.open .btn:hover{ background: #419bf9 !important;}

  .fc-state-highlight{ background:#f8f8f8 !important;}
  
  
.wifi-details-widget.portlet > .portlet-title > .actions{ margin-top:0;margin-right: -20px;}
.wifi-details-widget table.table{ margin-bottom:0 !important; border:0;}
.wifi-details-widget .wifi-det{ padding:20px 22px 10px;}
.wifi-details-widget .wifi-det .title{ font-size:14px; text-transform:uppercase; color:#6d6e71;font-family: 'Conv_GothamHTF-Medium';}
.wifi-details-widget .wifi-det .wifi-each{ margin-bottom:13px;}
.wifi-details-widget .wifi-det .wifi-each p{ font-size:13px; color:#808285; margin:0;font-family: 'Conv_GothamHTF-Medium';}
.wifi-details-widget .wifi-det .wifi-each{color:#808285;}
.wifi-details-widget tr td{ border:0;}
.wifi-details-widget tr:nth-child(2n+2){ background:#f8f8f8 !important}
.wifi-details-widget tr:hover > td,
.company-phone-number-widget tr:hover > td{ background:none !important;}
.wifi-details-widget.portlet.box > .portlet-body{ background:#fff !important;}







.company-ph{ padding:20px 22px;}
.company-ph .title{font-size: 14px;
text-transform: uppercase;
color: #6d6e71;
font-family: 'Conv_GothamHTF-Medium';}
.company-ph .each{ display:inline-block; vertical-align:top; width:49%;}
.company-ph .each strong{ display:block;font-size: 13px;color: #808285;margin: 0;font-family: 'Conv_GothamHTF-Medium';padding-bottom: 2px;font-weight: normal;}
.company-ph .each a, .company-ph .each span{ color:#808285}
.company-ph .each a:hover{ color:#333}




.generate-popup{ padding:20px; min-width:550px;}
.generate-popup h3{ color:#3f98f9; margin-bottom:10px; font-size:18px;}
.generate-popup p{color: #666666; margin:0;}
.dropdown-adjust .dropdown-menu{ border:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; padding-top:1px; background:none;}
.dropdown-adjust .btn{ outline:none;}
.dropdown-adjust .dropdown-menu{ min-width:0; width:100%;}
.dropdown-adjust .dropdown-menu li a{ padding:5px 5px 7px; min-width:90px; text-align:center; background: #b8b8b8; color:#fff !important; font-family:"Conv_GothamHTF-Medium"; font-size:12px; border-radius:4px !important;border-bottom: 1px solid #fff;}
.dropdown-adjust .btn{ min-width: 120px;}


.large-header{ position:fixed; left:0; top:0; width:100%;}
.login-bottom{ position:absolute; left:40px; right:40px; bottom:30px;}
.login-bottom p{ color:#737373; font-size:10px; margin:0; text-align: center;}
.login-bottom ul{ float:right; margin:0;}
.login-bottom ul li{ float:left; margin-left:22px; list-style:none;}
.login-bottom ul li a{ color:#fff; font-size:10px; display:block;}
.login-bottom ul li a:hover{ opacity:.8;}
.planner-table.table-advance thead tr th,
.planner-table.table-advance tbody tr:nth-child(2n+2) td{ background:#fff;}
.planner-table.table-advance tbody tr td{ border:0;}

.btns-width-adjust .btn{ min-width:120px;}

.flight-ticket-request-table,
.flight-ticket-request-table.table-custom thead tr th{ border:0;}
.flight-ticket-request-table .label{ min-width:70px; text-align:center;}
.flight-ticket-request-table.table-custom thead tr th{ padding:13px 17px; background:#fff;}
.flight-ticket-request-table.table-custom tbody tr td{ padding:13px 18px;}
.flight-ticket-request-table.table-custom tbody tr:nth-child(2n+1) td{ background:#F8F8F8}

.label-auto-width label{ width:auto !important;}

.error-adjust .styled-select{ background:none;}
.error-adjust .alert{ padding:3px 0 8px;}


.form-group input[readonly]{ color:#939598}





.quick-links{ border:1px solid #e6e7e8; list-style:none; margin:0 0 12px; text-align:center;}

.quick-links li{ float:left; width:25%;border-right:1px solid #e6e7e8;box-sizing: border-box; height:178px; position:relative;}
.quick-links li .helper{display:inline-block;height:100%;padding:0;position:relative;bottom:0;left:0;vertical-align:middle;}
.quick-links li img{vertical-align:middle;max-width:94%;max-height:94%;}

.quick-links li a{ display:table; width:100%; height:100%; width:100%; padding:20px;box-sizing: border-box; position:absolute; left:0; top:0; opacity:0; visibility:hidden;}
.quick-links li:hover a{ opacity:1; visibility:visible;}
.quick-links li a .quick-links-overlay{ display:table-cell; vertical-align:middle;}
.quick-links li:last-child{ border:0;}

.quick-links li .number{ font-size:60px; color:#4dabfb; font-family: "Conv_Gotham-Light"; line-height:60px;}

.quick-links li h3{ color:#fff; font-size:15px;font-family: "Conv_GothamHTF-Medium"; text-transform:uppercase; margin-top:0;}
.quick-links li p{ font-size:12px;}
.quick-links li a:hover{ background:#3f98f9; color:#fff;}



.it-dashboard h3{ text-transform:uppercase; color:#6d6e71;font-family: "Conv_GothamHTF-Medium"; font-size:14px; margin:5px 0;}
.it-dashboard-header{padding: 15px 12px;border-bottom: 2px solid #f2f2f2;margin: 0 -12px 11px;}
.it-dashboard-header img{ float:left;}
.it-dashboard-header .btn{ float:right; color:#fff; background:#5f6776; border-radius:3px !important; -webkit-border-radius:3px !important; -moz-border-radius:3px !important; font-size:12px;font-family: "Conv_GothamHTF-Medium";}
.it-dashboard-header .btn:hover{ background:#3F98F9;}

.change-branch h3{ font-size:14px; color:#4dabfb;font-family: "Conv_GothamHTF-Medium"; margin:0 0 10px;}
.change-branch .styled-select-white{ margin-bottom:20px;}
.change-branch .btn{font-family: "Conv_GothamHTF-Medium"; font-size:12px; padding:5px 20px; min-width:150px; 
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;}
.change-branch textarea{ width:100%; border:0; height:130px; margin:20px 0 40px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}


.it-heading .it-dashboard-header{border-top: 2px solid #f2f2f2; margin-top:10px; margin-bottom:0;}
.it-heading .it-dashboard-header .btn.btn-add{ float:left; background:#419BF9; margin-right:12px;}
.it-heading .it-dashboard-header .btn.btn-add:hover{ background:#368ce6}
.it-heading .it-dashboard-header .btn.btn-2{ background:#419bf9; padding-left:25px; padding-right:29px;}
.it-heading .it-dashboard-header .btn.btn-2:hover{ background:#338be7;}
.it-heading .it-dashboard-header .btn.btn-2 i{ font-size: 10px;margin-right: 5px;}
.it-heading .it-dashboard-header h2{ font-size:14px; color:#419bf9;font-family: "Conv_GothamHTF-Medium";float: left;margin: 0;line-height: 33px;}
.it-heading .it-dashboard-header img{ float:right; max-height:33px; margin-right:32px;}
.it-heading .it-dashboard-header .btn{position: relative;top: 2px;}

.order-now-btn .btn{ background:#419bf9; min-width:120px;}
.order-now-btn .btn:hover{ background:#3089e5;}


.table-advance tr td.button-column{ text-align:center;}
.stationery-table.no-margin-top{ margin:-1px !important;}

.stationery-table{ border:1px solid #d9d3d3; }


.table-with-display-result tr th{ background:#fff;}
.table-with-display-result tr th,
.table-with-display-result tr th a,
.table-with-display-result tr td{ border:0 !important;}
.table-with-display-result tr th,
.table-with-display-result tr th a,
.table-with-display-result tr td a{ color:#737373;}
.table-with-display-result tr td a:hover{ color:#419bf9;}
.table-with-display-result tr td{ padding:18px 30px; color:#999999;}
.table-with-display-result tr:nth-child(2n+1) td{ background:#f8f8f8;}

.error-404{ padding:55px;max-width: 680px;}
.error-404 h2{ color:#419bf9; font-size:16px; margin:0 0 8px;}
.error-404 p{ color:#6d6e71; font-size:14px;font-family: "Conv_GothamHTF-Medium";margin-bottom: 20px;}


.btn.btn-new{ background:#419bf9; color:#fff;font-family: "Conv_GothamHTF-Medium"; font-size:12px; padding:7px 20px 8px 20px;
border-radius:4px !important;
-webkit-border-radius:4px !important;
-moz-border-radius:4px !important;}
.btn.btn-new:hover{ background:#3187e0;}

.parking-popup{ padding:45px; background:#fafafa;}
.parking-popup h4{ font-size:14px; color:#4dabfb;font-family: "Conv_GothamHTF-Medium"; margin-bottom:35px;}
.parking-popup ul{ margin:0;}
.parking-popup ul li{ list-style:none;margin-bottom: 10px;}
.parking-popup ul li .left{ float:left; width:125px; font-size:13px; color:#717171;font-family: "Conv_GothamHTF-Medium";padding-top: 6px;}
.parking-popup ul li .right{ padding-left:125px; float:none !important}
.parking-popup ul li .right input[type="text"]{ width:100%; box-sizing:border-box; border:0; box-shadow:none !important; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; height:31px; padding:4px 13px;}


.office-content .it-heading{ padding-top:0;}
.office-content .it-heading .it-dashboard-header{ margin-top:0;}
.office-content .grid-view{ padding-top:0;}



.portlet.update-form{ margin-top:14px;}
.portlet.box.update-form > .portlet-title.table-title-custom{ border:0;}
.portlet.box.update-form .form-horizontal .control-label{ text-align:left; padding-left:20px;}
.portlet.box.update-form select.m-wrap.large{ width:337px !important;}
.portlet.box.update-form .m-wrap.large{ width:337px !important;}

.modal .fileupload .thumbnail > img{ max-height:450px;}
.has-one-dropdown .form-horizontal .form-actions { padding-left: 20px;}

ul.page-sidebar-menu > li.active > a,
ul.page-sidebar-menu > li.active1 > a{/* padding-bottom:0 !important;*/}
.error p {
  color: red;
}


.downloads-list{margin: 20px 0;list-style: none;}
.downloads-list li{ margin-bottom: 6px; }
.downloads-list li input{ float: left;margin-right: 9px; }
.single-task .downloads-list { margin: 0; padding: 10px 10px 5px;}



.table-bordered{ border-color:#e6e7e8; }
.comment{ padding:0 0 0 90px; position: relative; margin:0 0 30px 70px;}
.comment:first-child{ margin-left:0; }
.comment .user-image{ position: absolute;left: 20px;top: 0;margin: 0;border-radius: 50% !important; -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important;width: 50px;height: 50px;padding: 4px;background: #fff;border: 1px solid #e9e9e9; }
.comment .author-name{ display: block; font-family: "Conv_GothamHTF-Medium";font-size: 15px; color: #ccb590;}
.comment .comment-date{ font-size: 12px;display: block;margin-bottom: 8px;color: #848484; }

.comment-reply{ padding: 0 10px 0 162px; }
.comment-reply textarea{ height: 200px;background: #f1f1f1;border-radius: 5px !important;-webkit-border-radius: 5px !important;-moz-border-radius: 5px !important; padding: 10px;}
.comment-reply #Enquiry_attachment_file_wrap{ margin-bottom: 30px; }



.submittaldetails ul{ margin:0 0 10px; list-style: none; }
.submittaldetails ul li{ display: inline-block; }
.submittaldetails ul li:nth-child(1){ width: 30%; font-family: "Conv_GothamHTF-Medium";}
.submittaldetails ul li:nth-child(2){ width: 70%; }
.modal-header .modal-title{ font-family: "Conv_GothamHTF-Medium"; }
.submittaldetails ul li .btn{ padding:2px 10px; margin-left: 5px; }
.select2-container{z-index: 11111;}

.downloadable-products{ padding: 10px 10px 0 0; }
.downloadable-products li{background: #ebebeb;
display: block;
padding: 7px 10px;
margin-bottom: 6px;
font-size: 14px;
color: #767676;}
.downloadable-products li a{ float: right; }
.downloadable-products li a i{ color: #666666; }
.downloadable-products li a:hover i{ color: #c5b588; }

.approval-add-products{ padding:10px; }
.approval-add-products #Submittal_file__name_wrap{ margin-bottom: 20px; }
.approval-add-products .add_productitem.btn{ padding:4px 14px 5px; }
.approval-add-products .product_images{ margin:17px 0; list-style: none; }
.approval-add-products .product_images li{display: inline-block;max-width: 70px; margin:0 1px 1px 0;position: relative;}
.approval-add-products .product_images li .remove_product{ position: absolute;right: 0;top: 0;z-index: 1;padding: 0px 5px;display: block;color: #595959;font-size: 10px; }
.approval-add-products .product_images li .remove_product:hover{ color: #e74c3c; }


.row-fluid select[class*="span"]{ width: 100%; max-width: 540px }

.colloapse-main-class{

    height: auto;
    background-color: #C3C2C3;
    /* margin: 10px; */
    padding: 13px;
    
}

.popup-hide-overlay{    
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;opacity: 0.7;
    z-index: 1040;
    background-color: #000;}
/*.qt-dropdown ~ .modal-backdrop.fade.in{ position: static !important }*/

.modal-backdrop.fade.in{ position: static !important }


/*.popup-overlay-new{position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;}
.modal-backdrop.fade.in{ display: non !important; }*/