@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,200);
html, body {font-family: 'Open Sans', sans-serif;font-weight:400;}
body {background:#DDD;}
h1, h2, h3, h4, h5 {font-weight:800;}

.btn, .panel, .panel-heading {border-radius:0;}
.btn-default, .btn-success, .btn-primary, .btn-danger, .btn-warning, .btn-info {height:34px;padding-top:5px;}
.panel-primary .btn-default, .panel-primary .btn-success, .panel-primary .btn-primary, .panel-primary .btn-danger, .panel-primary .btn-warning {height:auto;padding-top:10px;padding-bottom:10px;}
.input-group-addon {padding-top:5px;}
.label-muted {background:#BBB;}
.popover {z-index:10000;}

.mTop {margin-top:40px;}
.mBot {margin-bottom:50px;}

.hd1 {background:#EFEFEF;border-bottom:1px solid #DDD;-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.45);-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.45);box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.45);}

.container-login {min-height: 0;width: 480px;color: #333333;margin-top: 40px;padding: 0;}
.center-block {display: block;margin-left: auto;margin-right: auto;}
.container-login > section {margin-left: 0;margin-right: 0;padding-bottom: 10px;}
#top-bar {display: inherit;}
.nav-tabs.nav-justified {border-bottom: 0 none;width: 100%;}
.nav-tabs.nav-justified > li { display: table-cell;width: 1%;float: none;}
.container-login .nav-tabs.nav-justified > li > a,.container-login .nav-tabs.nav-justified > li > a:hover,.container-login .nav-tabs.nav-justified > li > a:focus {background: #ea533f;border: medium none;color: #ffffff;margin-bottom: 0;margin-right: 0;border-radius: 0;}
.container-login .nav-tabs.nav-justified > .active > a,.container-login .nav-tabs.nav-justified > .active > a:hover,.container-login .nav-tabs.nav-justified > .active > a:focus { background: #ffffff;color: #333333;}
.container-login .nav-tabs.nav-justified > li > a:hover,.container-login .nav-tabs.nav-justified > li > a:focus {background: #de2f18;}
.tabs-login {background: #ffffff;border: medium none;margin-top: -1px;padding: 10px 30px;}
.container-login h2 {color: #ea533f;}
.form-control { background-color: #ffffff;background-image: none;border: 1px solid #CCC;border-radius: 0;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;color: #333333;display: block;font-size: 14px;height: 34px;line-height: 1.42857;padding: 6px 12px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;width: 100%;}
.container-login .checkbox { margin-top: -15px;}
.container-login button { height:50px; background-color: #ea533f;border-color: #e73e28;color: #ffffff;border-radius: 0;font-size: 18px;line-height: 1.33;padding: 10px 16px;width: 100%;}
.container-login button:hover, .container-login button:focus { background: #de2f18;border-color: #be2815;}

.error {color:#BB0000;font-weight:400;}

#mn .navbar {background:#EA533F;border:none;margin-bottom:0;font-family: 'Open Sans', sans-serif;font-weight:400;border-radius:0;}
#mn .navbar a {color:#FFF;}
#mn .navbar-default .navbar-nav>.open>a, #mn .navbar-default .navbar-nav>.open>a:focus, #mn .navbar-default .navbar-nav>.open>a:hover, #mn .navbar .dropdown-menu {background:#DE2F18;}
#mn .dropdown-menu>li>a:focus, #mn .dropdown-menu>li>a:hover {background:#FFF;color:#DE2F18;}

.cntWRP {border:1px solid #CCC;padding:20px;}

.thumbnail {margin:0;}
.grid-item {margin-top: 20px;}

.tlt {margin:0 0 0 10px;}

.carousel-indicators {width:77%;text-align:right;bottom:0;right:0;}
.carousel-indicators li {border-color:#2C3E50;}
.carousel-indicators .active {background-color:#2C3E50;}
.tlt_data {text-align:center;text-transform:uppercase;margin:0;}

.tile-progress {background-color: #303641;color: #fff;}
.tile-progress {background: #00a65b;color: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-background-clip: padding-box;-moz-background-clip: padding;background-clip: padding-box;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.tile-progress .tile-header {padding: 15px 20px;padding-bottom: 40px;}
.tile-progress .tile-progressbar {height: 2px;background: rgba(0,0,0,0.18);margin: 0;}
.tile-progress .tile-progressbar span {background: #fff;}
.tile-progress .tile-progressbar span {display: block;background: #fff;width: 0;height: 100%;-webkit-transition: all 1.5s cubic-bezier(0.230,1.000,0.320,1.000);-moz-transition: all 1.5s cubic-bezier(0.230,1.000,0.320,1.000);-o-transition: all 1.5s cubic-bezier(0.230,1.000,0.320,1.000);transition: all 1.5s cubic-bezier(0.230,1.000,0.320,1.000);}
.tile-progress .tile-footer {padding: 20px;text-align: right;background: rgba(0,0,0,0.1);-webkit-border-radius: 0 0 3px 3px;-webkit-background-clip: padding-box;-moz-border-radius: 0 0 3px 3px;-moz-background-clip: padding;border-radius: 0 0 3px 3px;background-clip: padding-box;-webkit-border-radius: 0 0 3px 3px;-moz-border-radius: 0 0 3px 3px;border-radius: 0 0 3px 3px;}
.tile-progress.tile-red {background-color: #f56954;color: #fff;}
.tile-progress {background-color: #303641;color: #fff;}
.tile-progress.tile-blue {background-color: #0073b7;color: #fff;}
.tile-progress.tile-aqua {background-color: #00c0ef;color: #fff;}
.tile-progress.tile-green {background-color: #00a65a;color: #fff;}
.tile-progress.tile-cyan {background-color: #00b29e;color: #fff;}
.tile-progress.tile-purple {background-color: #ba79cb;color: #fff;}
.tile-progress.tile-pink {background-color: #ec3b83;color: #fff;}

.label-as-badge {border-radius: 1em;}

.card,.card.people .card-info{-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.card .card-heading.image .card-heading-header,.card .card-heading.image img,.card.people{vertical-align:top;display:inline-block}.card{margin:0 0 20px;background-color:#FFF;border-top-width:0;border-bottom-width:2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;box-sizing:border-box}.card .card-heading{padding:0 20px;margin:0}.card .card-heading.simple{font-size:20px;font-weight:300;color:#777;border-bottom:1px solid #e5e5e5}.card .card-heading.image img{width:46px;height:46px;margin-right:15px;border:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.card .card-heading.image .card-heading-header h3{margin:0;font-size:14px;line-height:16px;color:#262626}.card .card-heading.image .card-heading-header span{font-size:12px;color:#999}.card .card-body{padding:0 20px;margin-top:20px}.card .card-media{padding:0 20px;margin:0 -14px}.card .card-media img{max-width:100%;max-height:100%}.card .card-actions{min-height:30px;padding:0 20px 20px;margin:20px 0 0}.card .card-comments{padding:20px;margin:0;background-color:#f8f8f8}.card .card-comments .comments-collapse-toggle{padding:0;margin:0 20px 12px}.card .card-comments .comments-collapse-toggle a,.card .card-comments .comments-collapse-toggle span{padding-right:5px;overflow:hidden;font-size:12px;color:#999;text-overflow:ellipsis;white-space:nowrap}.card-comments .media-heading{font-size:13px;font-weight:700}.card.people{position:relative;width:170px;height:300px;padding-top:0;margin-left:20px;overflow:hidden}.card.people:first-child{margin-left:0}.card.people .card-top{position:absolute;top:0;left:0;display:inline-block;width:170px;height:150px;background-color:#fff}.card.people .card-top.green{background-color:#53a93f}.card.people .card-top.blue{background-color:#427fed}.card.people .card-info{position:absolute;top:150px;display:inline-block;width:100%;height:101px;overflow:hidden;background:#fff;box-sizing:border-box}.card.people .card-info .title{display:block;margin:8px 14px 0;overflow:hidden;font-size:16px;font-weight:700;line-height:18px;color:#404040}.card.people .card-info .desc{display:block;margin:8px 14px 0;overflow:hidden;font-size:12px;line-height:16px;color:#737373;text-overflow:ellipsis}.card.people .card-bottom{position:absolute;bottom:0;left:0;display:inline-block;width:100%;padding:10px 20px;line-height:29px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.card.hovercard{position:relative;padding-top:0;overflow:hidden;text-align:center;background-color:rgba(214,224,226,.2)}.card.hovercard .cardheader{background-size:cover;height:135px}.card.hovercard .avatar{position:relative;top:-50px;margin-bottom:-50px}.card.hovercard .avatar img{width:100px;height:100px;max-width:100px;max-height:100px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:5px solid rgba(255,255,255,.5)}.card.hovercard .info{padding:4px 8px 10px}.card.hovercard .info .title{margin-bottom:4px;font-size:24px;line-height:1;color:#262626;vertical-align:middle}.card.hovercard .info .desc{overflow:hidden;font-size:12px;line-height:20px;color:#737373;text-overflow:ellipsis}.card.hovercard .bottom{padding:0 20px;margin-bottom:17px}

.thumb_footer_btn {position:absolute;margin-bottom:0;right:5px;bottom:5px;}
.thumbRev {position:relative;}

.nopadd {margin-top:0;padding-top:0;}

.tipOfTheDay {padding:20px;}
.tipOfTheDay h3 {margin-top:0;}

.txtBanner {background:#18BC9C;margin-top:10px;position: relative;padding-bottom:20px;}
.txtBanner h3 {margin-top:0;color:#FFF;}
.txtBanner p {color:#FFF;}
.txtBanner .btn-success {background:#128F76;}

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cssmenu{width:100%;font-family:Raleway,sans-serif;color:#fff}#cssmenu ul ul{display:none}#cssmenu>ul>li.active>ul{display:block}.align-right{float:right}#cssmenu>ul>li>a{padding:16px 22px;cursor:pointer;z-index:2;font-size:16px;text-decoration:none;color:#fff;background:#3ab4a6;-webkit-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}#cssmenu ul>li.has-sub>a:after,#cssmenu ul>li.has-sub>a:before{position:absolute;display:block;background:#fff;content:""}#cssmenu>ul>li>a:hover{color:#d8f3f0}#cssmenu ul>li.has-sub>a:after{right:26px;top:19px;z-index:5;height:10px;width:2px;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}#cssmenu ul>li.has-sub>a:before{right:22px;top:23px;width:10px;height:2px;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}#cssmenu ul>li.has-sub.open>a:after,#cssmenu ul>li.has-sub.open>a:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#cssmenu ul ul li a{padding:14px 22px;cursor:pointer;z-index:2;font-size:14px;text-decoration:none;color:#ddd;background:#49505a;-webkit-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}#cssmenu ul ul ul li a{padding-left:32px}#cssmenu ul ul li a:hover{color:#fff}#cssmenu ul ul>li.has-sub>a:after{top:16px;right:26px;background:#ddd}#cssmenu ul ul>li.has-sub>a:before{top:20px;background:#ddd}
h3.tltModuli {background:#49505A;color:#FFF;padding:10px;font-size:17px;margin-bottom:0;margin-top:0;}

.lsTools {margin-bottom:0;}
.lsTools .list-group-item {border:none;}

#cssmenu>ul>li#showLess>a, #cssmenu>ul>li#showMore>a {background:#49505A;}
#cssmenu>ul>li.active>a, #cssmenu>ul>li>ul>li.active a {background:#FFF;color:#49505A;}
#cssmenu>ul>li.active>a:after, #cssmenu>ul>li.active>a:before { content: ''; display: block; position: absolute; left: 100%; width: 0; height: 0; border-style: solid;}
#cssmenu>ul>li.active>a:after { top: 13px; border-color: transparent transparent transparent #FFF; border-width: 10px;}
#cssmenu>ul>li.active>a:before {top: 12px;border-color: transparent transparent transparent #FFF;border-width: 11px;}

#cssmenu ul ul ul li a {background:#FFF;color:#49505a;}
#cssmenu ul ul ul li a:hover {background:#EEE;color:#49505a;}

.tinyMenu { width:100%;height:40px;line-height:40px;border:none;background:#49505A;margin-bottom:20px;font-family:Raleway,sans-serif;font-weight:400;color:#FFF;}

.popup-box,.round.hollow a{font-family:'Open Sans',sans-serif}
.round.hollow a,.round.hollow a:hover{font-size:23px;padding:10px 21px;text-decoration:none}
.popup-box{background-color:#fff;border:1px solid #b0b0b0;bottom:0;display:none;height:415px;position:fixed;right:120px;width:300px;z-index:9999;}
.round.hollow{margin:40px 0 0}
.round.hollow a{border:2px solid #ff6701;border-radius:35px;color:#ff6701}
.round.hollow a:hover{border:2px solid #000;border-radius:35px;color:#000}
.popup-box-on{display:block!important}
.popup-box .popup-head{background-color:#fff;clear:both;color:#7b7b7b;display:inline-table;font-size:21px;padding:7px 10px;width:100%;font-family:Oswald}
.bg_none i,.bg_none:hover i{font-size:17px;height:33px;line-height:30px;width:33px}
.bg_none i{border:1px solid #ff6701;border-radius:25px;color:#ff6701}
.bg_none:hover i{border:1px solid #000;border-radius:25px;color:#000}
.bg_none{background:rgba(0,0,0,0);border:none}
.popup-box .popup-head .popup-head-right{margin:11px 7px 0}
.popup-head-left img{border:1px solid #7b7b7b;border-radius:50%;width:44px}
.popup-messages-footer>textarea{border-bottom:1px solid #b2b2b2!important;height:34px!important;margin:7px;padding:5px!important;border:none;width:95%!important}
.popup-messages-footer{background:#fff;bottom:0;position:absolute;width:100%}
.popup-messages-footer .btn-footer{overflow:hidden;padding:2px 5px 10px 6px;width:100%}
.simple_round{background:#d1d1d1;border-radius:50%;color:#4b4b4b!important;height:21px;padding:0 0 0 1px;width:21px}
.popup-box .popup-messages{background:#3f9684;height:275px;overflow:auto}
.direct-chat-messages{overflow:auto;padding:10px;transform:translate(0,0)}
.popup-head-right .btn-group{display:inline-flex;margin:0 8px 0 0;vertical-align:top!important}
.chat-header-button{background:0 0;border:1px solid #636364;border-radius:50%;font-size:14px;height:30px;width:30px}
.popup-head-right .btn-group .dropdown-menu{border:none;min-width:122px;padding:0}
.popup-head-right .btn-group .dropdown-menu li a{font-size:12px;padding:3px 10px;color:#303030}
.popup-messages abbr.timestamp{background:#3f9684;color:#fff;padding:0 11px}
.popup-messages .chat-box-single-line{border-bottom:1px solid #a4c6b5;height:12px;margin:7px 0 20px;position:relative;text-align:center}
.popup-messages .direct-chat-messages{height:auto}
.popup-messages .direct-chat-timestamp{color:#fff;opacity:.6}
.popup-messages .direct-chat-name{font-size:15px;font-weight:600;margin:0 0 0 49px!important;color:#fff;opacity:.9}
.popup-messages .direct-chat-info{display:block;font-size:12px;margin-bottom:0}
.popup-messages .big-round{margin:-9px 0 0!important}
.popup-messages .direct-chat-img{border:1px solid #fff;background:#3f9684;border-radius:50%;float:left;height:40px;margin:-21px 0 0;width:40px}
.direct-chat-reply-name{color:#fff;font-size:15px;margin:0 0 0 10px;opacity:.9}
.direct-chat-img-reply-small{border:1px solid #fff;border-radius:50%;float:left;height:20px;margin:0 8px;width:20px;background:#3f9684}
.popup-messages .direct-chat-msg{margin-bottom:10px;position:relative}
.popup-messages .direct-chat-msg::after,.popup-messages .doted-border::after{bottom:0;content:"";left:17px;margin:0;top:0;width:2px;display:inline;z-index:-2}
.popup-messages .doted-border::after{background:0 0!important;border-right:2px dotted #fff!important;position:absolute}
.popup-messages .direct-chat-msg::after{background:#fff;border-right:medium none;position:absolute}
.direct-chat-text::after,.direct-chat-text::before{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:transparent #d2d6de transparent transparent;border-image:none;border-style:solid;border-width:medium;content:" ";height:0;pointer-events:none;position:absolute;right:100%;top:15px;width:0}
.direct-chat-text::after{border-width:5px;margin-top:-5px}
.popup-messages .direct-chat-text{background:#dfece7;border:1px solid #dfece7;border-radius:2px;color:#1f2121}
.direct-chat-text{background:#d2d6de;border:1px solid #d2d6de;border-radius:5px;color:#444;margin:5px 0 0 50px;padding:5px 10px;position:relative}

.pad30 {padding:30px;}
.pad30 h3 {margin-top:0;}

.agenda { }
.agenda .agenda-date { width: 170px; }
.agenda .agenda-date .dayofmonth { width: 40px;font-size: 36px;line-height: 36px; float: left;text-align: right; margin-right: 10px; }
.agenda .agenda-date .shortdate {font-size: 0.75em; }
.agenda .agenda-time { width: 140px; }
.agenda .agenda-events {  } 
.agenda .agenda-events .agenda-event {  } 

.scrollerContent {overflow-y:auto;padding-right:20px;}
.scrollerContent::-webkit-scrollbar { width: 4px; }
.scrollerContent::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
.scrollerContent::-webkit-scrollbar-thumb {background-color: darkgrey;outline: 1px solid slategrey;}

#e-clock {display: inline-block;width:auto;}
.clock-wrapper {text-align: center;}

.btn-rounded {line-height:40px;height:55px;font-size:30px;font-family: 'Open Sans', sans-serif;font-weight:400;-webkit-border-radius: 20px 20px 20px 20px;border-radius: 20px 20px 20px 20px;}

.funkyradio div {clear: both;overflow: hidden;}
.funkyradio label {width: 100%;border-radius: 3px;border: 1px solid #D1D3D4;font-weight: normal;}
.funkyradio input[type="radio"]:empty, .funkyradio input[type="checkbox"]:empty {display: none;}
.funkyradio input[type="radio"]:empty ~ label, .funkyradio input[type="checkbox"]:empty ~ label {position: relative;line-height: 2em;padding-left:50px;margin-top: 2em;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.funkyradio input[type="radio"]:empty ~ label:before, .funkyradio input[type="checkbox"]:empty ~ label:before {position: absolute;display: block;top: 0;bottom: 0;left: 0;content: '';width: 2.5em;background: #D1D3D4;border-radius: 3px 0 0 3px;}
.funkyradio input[type="radio"]:hover:not(:checked) ~ label,.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {color: #888;}
.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before, .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {content: '\2714';text-indent: .9em;color: #C2C2C2;}
.funkyradio input[type="radio"]:checked ~ label, .funkyradio input[type="checkbox"]:checked ~ label {color: #777;}
.funkyradio input[type="radio"]:checked ~ label:before, .funkyradio input[type="checkbox"]:checked ~ label:before {content: '\2714';text-indent: .9em;color: #333;background-color: #ccc;}
.funkyradio input[type="radio"]:focus ~ label:before, .funkyradio input[type="checkbox"]:focus ~ label:before {box-shadow: 0 0 0 3px #999;}
.funkyradio-default input[type="radio"]:checked ~ label:before, .funkyradio-default input[type="checkbox"]:checked ~ label:before {color: #333;background-color: #ccc;}
.funkyradio-primary input[type="radio"]:checked ~ label:before, .funkyradio-primary input[type="checkbox"]:checked ~ label:before {color: #fff;background-color: #2c3e50;}
.funkyradio-success input[type="radio"]:checked ~ label:before, .funkyradio-success input[type="checkbox"]:checked ~ label:before {color: #fff;background-color: #5cb85c;}
.funkyradio-danger input[type="radio"]:checked ~ label:before, .funkyradio-danger input[type="checkbox"]:checked ~ label:before {color: #fff;background-color: #d9534f;}
.funkyradio-warning input[type="radio"]:checked ~ label:before, .funkyradio-warning input[type="checkbox"]:checked ~ label:before {color: #fff;background-color: #f0ad4e;}
.funkyradio-info input[type="radio"]:checked ~ label:before, .funkyradio-info input[type="checkbox"]:checked ~ label:before {color: #fff;background-color: #5bc0de;}

.img-shadow {-webkit-box-shadow: 2px 0 7px 0 rgba(0,0,0,0.1);box-shadow: 2px 0 7px 0 rgba(0,0,0,0.1);}

.quote-card {
  background: #fff;
  color: #222222;
  padding: 20px;
  padding-left: 50px;
  box-sizing: border-box;
  box-shadow: none;
  position: relative;
  overflow: hidden;
  min-height: 120px;
}
.quote-card p {
  line-height: 1.5;
  margin: 0;
  max-width: 80%;
}
.quote-card cite {
  margin-top: 10px;
  display: block;
  font-weight: 200;
  opacity: 0.8;
}
.quote-card:before {
  font-family: Georgia, serif;
  content: "“";
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 5em;
  color: rgba(0, 0, 0, 0.1);
  font-weight: normal;
}
.quote-card:after {
  font-family: Georgia, serif;
  content: "”";
  position: absolute;
  bottom: -110px;
  line-height: 100px;
  right: -32px;
  font-size: 25em;
  color: rgba(0, 0, 0, 0.1);
  font-weight: normal;
}
@media (max-width: 640px) {
  .quote-card:after {
    right: -25px;
  }
}

.mail-box {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}
.mail-box aside {
    display: table-cell;
    float: none;
    height: 100%;
    padding: 0;
    vertical-align: top;
}
.mail-box .sm-side {
    background: none repeat scroll 0 0 #e5e8ef;
    border-radius: 4px 0 0 4px;
    width: 25%;
}
.mail-box .lg-side {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0 4px 4px 0;
    width: 75%;
}
.mail-box .sm-side .user-head {
    background: none repeat scroll 0 0 #00a8b3;
    border-radius: 4px 0 0;
    color: #fff;
    min-height: 80px;
    padding: 10px;
}
.user-head .inbox-avatar {
    float: left;
    width: 65px;
}
.user-head .inbox-avatar img {
    border-radius: 4px;
}
.user-head .user-name {
    display: inline-block;
    margin: 0 0 0 10px;
}
.user-head .user-name h5 {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 15px;
}
.user-head .user-name h5 a {
    color: #fff;
}
.user-head .user-name span a {
    color: #87e2e7;
    font-size: 12px;
}
a.mail-dropdown {
    background: none repeat scroll 0 0 #80d3d9;
    border-radius: 2px;
    color: #01a7b3;
    font-size: 10px;
    margin-top: 20px;
    padding: 3px 5px;
}
.inbox-body {
    padding: 20px;
}
.btn-compose {
    background: none repeat scroll 0 0 #ff6c60;
    color: #fff;
    padding: 12px 0;
    text-align: center;
    width: 100%;
}
.btn-compose:hover {
    background: none repeat scroll 0 0 #f5675c;
    color: #fff;
}
ul.inbox-nav {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
}
.inbox-divider {
    border-bottom: 1px solid #d5d8df;
}
ul.inbox-nav li {
    display: inline-block;
    line-height: 45px;
    width: 100%;
}
ul.inbox-nav li a {
    color: #6a6a6a;
    display: inline-block;
    line-height: 45px;
    padding: 0 20px;
    width: 100%;
}
ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus {
    background: none repeat scroll 0 0 #d5d7de;
    color: #6a6a6a;
}
ul.inbox-nav li a i {
    color: #6a6a6a;
    font-size: 16px;
    padding-right: 10px;
}
ul.inbox-nav li a span.label {
    margin-top: 13px;
}
ul.labels-info li h4 {
    color: #5c5c5e;
    font-size: 13px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    text-transform: uppercase;
}
ul.labels-info li {
    margin: 0;
}
ul.labels-info li a {
    border-radius: 0;
    color: #6a6a6a;
}
ul.labels-info li a:hover, ul.labels-info li a:focus {
    background: none repeat scroll 0 0 #d5d7de;
    color: #6a6a6a;
}
ul.labels-info li a i {
    padding-right: 10px;
}
.nav.nav-pills.nav-stacked.labels-info p {
    color: #9d9f9e;
    font-size: 11px;
    margin-bottom: 0;
    padding: 0 22px;
}
.inbox-head {
    background: none repeat scroll 0 0 #41cac0;
    border-radius: 0 4px 0 0;
    color: #fff;
    min-height: 80px;
    padding: 20px;
}
.inbox-head h3 {
    display: inline-block;
    font-weight: 300;
    margin: 0;
    padding-top: 6px;
}
.inbox-head .sr-input {
    border: medium none;
    border-radius: 4px 0 0 4px;
    box-shadow: none;
    color: #8a8a8a;
    float: left;
    height: 40px;
    padding: 0 10px;
}
.inbox-head .sr-btn {
    background: none repeat scroll 0 0 #00a6b2;
    border: medium none;
    border-radius: 0 4px 4px 0;
    color: #fff;
    height: 40px;
    padding: 0 20px;
}
.table-inbox {
    border: 1px solid #d3d3d3;
    margin-bottom: 0;
}
.table-inbox tr td {
    padding: 12px !important;
}
.table-inbox tr td:hover {
    cursor: pointer;
}
.table-inbox tr td .fa-star.inbox-started, .table-inbox tr td .fa-star:hover {
    color: #f78a09;
}
.table-inbox tr td .fa-star {
    color: #d5d5d5;
}
.table-inbox tr.unread td {
    background: none repeat scroll 0 0 #f7f7f7;
    font-weight: 600;
}
ul.inbox-pagination {
    float: right;
}
ul.inbox-pagination li {
    float: left;
}
.mail-option {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}
.mail-option .chk-all, .mail-option .btn-group {
    margin-right: 5px;
}
.mail-option .chk-all, .mail-option .btn-group a.btn {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #e7e7e7;
    border-radius: 3px !important;
    color: #afafaf;
    display: inline-block;
    padding: 5px 10px;
}
.inbox-pagination a.np-btn {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #e7e7e7;
    border-radius: 3px !important;
    color: #afafaf;
    display: inline-block;
    padding: 5px 15px;
}
.mail-option .chk-all input[type="checkbox"] {
    margin-top: 0;
}
.mail-option .btn-group a.all {
    border: medium none;
    padding: 0;
}
.inbox-pagination a.np-btn {
    margin-left: 5px;
}
.inbox-pagination li span {
    display: inline-block;
    margin-right: 5px;
    margin-top: 7px;
}
.fileinput-button {
    background: none repeat scroll 0 0 #eeeeee;
    border: 1px solid #e6e6e6;
}
.inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea {
    border: 1px solid #e6e6e6;
    box-shadow: none;
}
.btn-send, .btn-send:hover {
    background: none repeat scroll 0 0 #00a8b3;
    color: #fff;
}
.btn-send:hover {
    background: none repeat scroll 0 0 #009da7;
}
.modal-header h4.modal-title {
    font-family: "Open Sans",sans-serif;
    font-weight: 300;
}
.modal-body label {
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
}
.heading-inbox h4 {
    border-bottom: 1px solid #ddd;
    color: #444;
    font-size: 18px;
    margin-top: 20px;
    padding-bottom: 10px;
}
.sender-info {
    margin-bottom: 20px;
}
.sender-info img {
    height: 30px;
    width: 30px;
}
.sender-dropdown {
    background: none repeat scroll 0 0 #eaeaea;
    color: #777;
    font-size: 10px;
    padding: 0 3px;
}
.view-mail a {
    color: #ff6c60;
}
.attachment-mail {
    margin-top: 30px;
}
.attachment-mail ul {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
}
.attachment-mail ul li {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 150px;
}
.attachment-mail ul li img {
    width: 100%;
}
.attachment-mail ul li span {
    float: right;
}
.attachment-mail .file-name {
    float: left;
}
.attachment-mail .links {
    display: inline-block;
    width: 100%;
}

.fileinput-button {
    float: left;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
}
.fileinput-button input {
    cursor: pointer;
    direction: ltr;
    font-size: 23px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-300px, 0px) scale(4);
}
.fileupload-buttonbar .btn, .fileupload-buttonbar .toggle {
    margin-bottom: 5px;
}
.files .progress {
    width: 200px;
}
.fileupload-processing .fileupload-loading {
    display: block;
}
* html .fileinput-button {
    line-height: 24px;
    margin: 1px -3px 0 0;
}
* + html .fileinput-button {
    margin: 1px 0 0;
    padding: 2px 15px;
}
@media (max-width: 767px) {
.files .btn span {
    display: none;
}
.files .preview * {
    width: 40px;
}
.files .name * {
    display: inline-block;
    width: 80px;
    word-wrap: break-word;
}
.files .progress {
    width: 20px;
}
.files .delete {
    width: 60px;
}
}
ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

/* Animate all */
.animAll {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	h1 {font-size:29px;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	h1 {font-size:22px;}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}