@charset "utf-8";

/*
------------------------------------------------------------
Project Name : Hotel Energy Portal;
------------------------------------------------------------
*/
@font-face{
	font-family:'ProximaNova';
	src:url('../fonts/ProximaNova-Light.eot');
	src:url('../fonts/ProximaNova-Light.eot') format("embedded-opentype"),
	url('../fonts/ProximaNova-Light.woff') format("woff"),
	url('../fonts/ProximaNova-Light.ttf') format("truetype"),
	url('../fonts/ProximaNova-Light.svg') format("svg");
	font-style:normal;
	font-weight:200;	
}
@font-face{
	font-family:'ProximaNovaRegular';
	src:url('../fonts/ProximaNova-Regular.eot');
	src:url('../fonts/ProximaNova-Regular.eot') format("embedded-opentype"),
	url('../fonts/ProximaNova-Regular.woff2') format("woff2"),
	url('../fonts/ProximaNova-Regular.woff') format("woff"),
	url('../fonts/ProximaNova-Regular.ttf') format("truetype"),
	url('../fonts/ProximaNova-Regular.svg') format("svg");
	font-style:normal;
	font-weight:400;
}
@font-face{font-family:'ProximaNovaBold';src:url('../fonts/ProximaNova-Bold.eot');src:url('../fonts/ProximaNova-Bold.eot') format("embedded-opentype"),url('../fonts/ProximaNova-Bold.woff2') format("woff2"),url('../fonts/ProximaNova-Bold.woff') format("woff"),url('../fonts/ProximaNova-Bold.ttf') format("truetype"),url('../fonts/ProximaNova-Bold.svg') format("svg");	/* Legacy iOS */font-style:normal;font-weight:700;}

/* General 
--------------------------------------------------------------------------------------------------------*/
*,*:focus{outline:none;border-radius:0;-o-border-radius:0;-ms-border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}
a,.container,.logo img,.nav-icon,.nav-icon:after,.nav-icon:before,.btn{transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;}
html,body{height:100%;}
body{font-size:14px;line-height: 18px; font-family:'ProximaNova';min-height:100%;-webkit-font-smoothing: antialiased;}

.wrapper {position: relative;width: 100%;min-height:100%; background:#47984d;overflow: hidden;}
.wrapper:after{ content:""; background: url(../images/blur-layer.png) fixed no-repeat; background-size:cover; position:absolute; left:0; right:0; top:0; bottom:0; z-index: 0}

a{color:#000;text-decoration:none;}
a:hover,a:focus{text-decoration:none;color:#999;outline:none;}
.hr-line{border:0;border-top:solid 1px #999;}
h1,h2,h3,h4,h5,h6{padding:0 0 20px; margin:0;}

h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{display:block;}
h1{font-size:40px; line-height: 44px;}
h2{font-size:36px; line-height: 40px;}
h3{font-size:30px; line-height: 34px;}
h4{font-size:24px; line-height: 28px;}
h5{font-size:20px; line-height: 24px;}
h6{font-size:16px; line-height: 20px;}
p{padding:0 0 20px;}
p a{color:#ccc;}
p a:hover{color:#efefef;}
p b{font-weight:bold;}
p i{font-style:italic;}
p a{text-decoration:underline;}
p span{display:block;}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,.btn:active{outline:0; box-shadow: none;}

/* Header
--------------------------------------------------------------------------------------------------------------------------------------*/
.header{padding:11px 0;z-index: 2;transition:all linear 0.3s;-webkit-transition:all linear 0.3s;-moz-transition:all linear 0.3s;}
.badge{background:#ee7777;border-radius:100%;color:#ffffff;font-size:10px;left:20px;padding:0;position:absolute;text-align:center;top:2px;width:20px; height:20px; line-height: 20px; font-weight: normal}
.notification-link{padding:16px 10px;}
.admin-links{margin-right: 10px; margin-bottom: 0;}
.admin-links li{float: left;}
.admin-links li a{color:#fff; font-size: 13px; line-height: 17px; padding:17px 14px; display:inline-block; position:relative;}
.admin-pic{width:46px; height:46px; border-radius: 100%; border:0; display:inline-block; position:absolute; left:0; top:3px;}
.admin-pic img{width:100%; height:100%;}
.admin-links .profile-dropdown a{padding:17px 18px 15px 18px;}
.admin-links .profile-dropdown .caret{ margin-left: 7px;}
.collapsed-menu .menu-left li .sub-menu-nav{position:absolute; left:100%;background:#3b674d; width:100%;}
.collapsed-menu .menu-left li .sub-menu-nav li a{padding:8px 10px 8px 10px }
.admin-links .profile-dropdown .dropdown-menu {background:#FFF; min-width: 120px; padding: 0; left:inherit; right: 15px;}
.admin-links .profile-dropdown .dropdown-menu li a{color: #37733c; padding: 10px 18px;}

/* Index
-----------------------------------------------------------------------------------------------------------------------------------------------*/
.main-panel{margin-left:250px;transition:all linear 0.3s;-webkit-transition:all linear 0.3s;-moz-transition:all linear 0.3s; position:relative; z-index: 1;}
.fluid-wrap{background:#eaeaea; position:relative;}
.fluid-wrap:before{content:""; background: url(../images/transparent-layer.png) 0 0 no-repeat; width:42px; height:42px; position:absolute; left:0; top:0; z-index: 1}
.fluid-wrap:after{content:""; background: url(../images/triangle.png) 0 0 no-repeat; width:58px; height:58px; position:absolute; left:-7px; top:-7px;}

.page-header{padding:0px 50px 5px; margin:0; border-bottom: 0; background: #fff; position:relative}
.page-header .hotel-logo{display:inline-block; margin-right: 36px;}
.page-header h5{display:inline-block; color:#131313; text-transform: uppercase; padding-top: 36px; padding-bottom: 0;}
.breadcrumb{background:#eaeaea; margin-bottom: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-radius: 0; padding:10px 30px 8px;}
.breadcrumb>.active,.breadcrumb li a{ color:#414141; font-size: 14px; line-height: 17px;}
.breadcrumb li a{display:inline-block;}
.breadcrumb li a:hover{color:#15a876; opacity: 0.8;}
.breadcrumb li a img{display:block}
.breadcrumb>li+li:before{padding:0px 9px;content:""; background:url(../images/next-arrow-black.png) no-repeat center center; width:5px; height:9px;}

.content-wrap{padding:17px 30px 60px;}
.alert-warning{background:#cff4fd; border:1px solid #8cd3e5; box-shadow: none; text-shadow:none; color:#006ca5; padding:11px 17px 10px 45px; font-size: 14px; line-height: 18px; margin-bottom: 14px;position: relative;filter:none;}
.alert-warning i{margin-right: 9px;position: absolute;left:10px;top:10px;}
.alert-warning i img{display: block;}
.alert-dismissible .close{color:#006ca5; opacity:1;}
.alert-dismissible .close{right:0; top:5px}
.alert-dismissible .close img{display: block;}

.alert-success{background: #dbfaac; border-color:#acd76c; color: #248b42;}
.alert-error{background: #fed4d5; border-color: #e89897; color:#ed0000;}
.alert-notify{background: #fdf2c5; border-color: #e0cc83; color:#d27c18;}

.card{background:#fff; border-radius: 3px; -webkit-border-radius: 3px; moz-border-radius: 3px; font-size: 15px; line-height: 19px; color:#333;margin-bottom: 17px; box-shadow: 0 0px 5px 2px rgba(0, 0, 0, 0.02);}
.article-header{padding:15px 20px; border-bottom: 1px dashed #dddddd; font-size: 20px; line-height: 20px; color:#2f2f2f; font-weight: bold;}
.article-header i{display:inline-block; margin-right: 6px;}
.card-left-column{margin-right: 8px;}
.article-content{padding: 20px;}
.default-listing{margin-bottom: 12px;}
.default-listing li{padding-left: 14px; position:relative; color:#007856; padding-bottom: 20px;}
.default-listing li span{float:left;}
.default-listing li:before{content:""; width:6px; height:6px; border-radius: 6px; background:#007856; position:absolute; left:0; top:7px;}
.default-listing li a{float:right; display:inline-block; font-size: 12px; line-height: 14px; color:#fff; text-transform: uppercase; padding:4px 17px 3px; border-radius: 10px; background:#22a16d;}
.default-listing li a:hover{background:#007856;}
.default-listing li:last-child{padding-bottom: 0;}

.indicator-container { line-height: 20px; width:100%; padding-bottom: 10px;}
.indicator-left-content { width:100%; }
.article-thumb{width:95px; height:95px; border-radius: 100%; text-align: center; line-height: 95px; position:absolute; left:20px; top:30px;}
.article-thumb img{display:inline-block}
.cyan .article-thumb{background:#45b6b0;}
.blue .article-thumb{background:#65c3df;}
.yellow .article-thumb{background:#ffa200;}
.green .article-thumb{background:#2ecc71;}
.dark-green .article-thumb{background:#5cb85c;}

.block-listing .article-content{ padding-left:40%; position:relative; padding-top: 10px; padding-bottom: 0px; line-height: 20px;min-height: 270px;}
.block-listing .article-content span{font-size: 23px; line-height: 30px; display:block; word-wrap: break-word;}

.block-listing .cyan .article-content span{color:#45b6b0;}
.block-listing .blue .article-content span{color:#65c3df;}
.block-listing .yellow .article-content span{color:#ffa200;}
.block-listing .green .article-content span{color:#2ecc71;}

.nav-tabs{border-bottom: 0; float:right; margin-bottom: 36px;}
.tab-content{position:relative;}
.tab-pane img{width:100%;}
.nav-tabs{ border:1px solid #d4d6d8; border-radius:2px;}
.nav-tabs li{margin-bottom: 0;}
.nav-tabs > li > a{font-size: 15px; line-height: 19px; color:#626262; border:0; padding:7px 16px 6px; margin-right: 0; border-radius: 0;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover{background:#22a16d; border:0; color:#fff;}

.graph-outer .article-header{padding:26px 18px 11px}
.graph-outer .article-header i{position:relative; top:-4px;}
.graph-outer .article-content{padding: 20px 20px 23px }

.graph-respresentatives{position:absolute; right:197px; top:-60px;}
.graph-respresentatives li{float:left; position:relative; padding-left: 16px; font-size: 15px; line-height: 18px; color:#626262; letter-spacing: -0.3px; margin-left: 30px;}
.graph-respresentatives li span{display:block;font-family:'ProximaNovaRegular';}
.graph-respresentatives li:before{content:""; width:10px; height:10px; position:absolute; left:2px; top:3px; background:#56b8d9;}
.graph-respresentatives li.dark:before{background:#56b8d9;}
.graph-respresentatives li.light:before{background:#85ddef;}
.graph-respresentatives li.average:before{background:#ff6b6b;}

.footer{background:#fff; padding:15px 30px; border-top: 1px solid #e2e2e2;position: absolute;bottom: 0;left: 0;right: 0;}
.footer p{margin-bottom: 0; padding-bottom: 0; font-size: 14px; line-height: 18px; color:#878787;}

/* Sidebar
--------------------------------------------------------------------------------------------------------*/
.nav-menu{background:#37733c none repeat scroll 0 0;border-radius:6px;display:inline-block;margin: 7px 10px 0 0;float: right;height:30px;width:30px;text-align: center;border:0;border-radius:4px;color:#d2d6db; padding:1px; line-height: 19px;}
.nav-icon{background:#fff; height:1px; width:10px; position:relative; display:inline-block}
.nav-icon:before{content:""; height:1px; background:#fff; top:-4px; position:absolute; left:0; right:0;}
.nav-icon:after{content:""; height:1px; background:#fff; bottom:-4px; position:absolute; left:0; right:0;}
.nav-menu:hover{background:#fff; border-color: #fff;}
.nav-menu:hover .nav-icon:before,.nav-menu:hover .nav-icon:after,.nav-menu:hover .nav-icon{background:#325541}

.logo{display:inline-block;padding:0 0 10px 18px;}
.logo img{width:130px;}
.left-panel{width:250px;position:absolute;z-index:1000;top:0;padding-top:14px;left:0;transition:all linear 0.3s;-webkit-transition:all linear 0.3s;-moz-transition:all linear 0.3s;height:100%; overflow-y:auto;overflow-x: hidden;}
.side-bar-menu{position:relative;padding-bottom: 30px;}
.left-panel .admin-links{display:none;}
.small-view{display:none;}

.menu-bar{box-shadow:0 1px 0 rgba(0,0,0,0.1);background:none repeat scroll 0 0 rgba(0,0,0,0.1);border-radius:3px;margin:0 10px;}
.menu-left{margin-top:3px;margin-bottom:35px;}
.menu-left li{box-sizing:border-box;display:block;}
.menu-left li a{font-size:14px;line-height:20px;color:#fff;font-family:'ProximaNovaRegular';display: block !important;padding: 12px 10px 12px 45px;position: relative;min-height:40px;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s;}
.menu-left li img{position: absolute;left:10px;top:11px; width:26px; height:24px;}
.menu-left li span{position:relative;left:2px;}
.menu-left li a:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#22a16d;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.menu-left li a:hover,.menu-left li a:focus,.menu-left li a:active{color:white;}
.menu-left li a:hover:before,.menu-left li a:focus:before,.menu-left li.active > a:before{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);}
.menu-left li a i{position: absolute;right: 10px;top: 13px;font-size: 18px;line-height: 20px;}
.menu-left li a i img{width: 7px; position: static; height: inherit;}
.menu-left li a i.down-arrow img{width: 11px;}
.menu-left li .sub-menu-nav{display: none;}
.tooltip-content{position:absolute;z-index:9999;padding:10px;text-align:center;background:rgba(0,0,0,0.6);color:#fff;opacity:0;cursor:default;pointer-events:none;top:0;left:100%;width:100%;text-align: center;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-top-left-radius:0;border-bottom-left-radius:0;-webkit-transform: translate3d(-20px,0,0);transform: translate3d(-20px,0,0);-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;transition: opacity 0.3s, transform 0.3s;}
.menu-left li a:hover .tooltip-content:after{border-bottom:6px solid rgba(0,0,0,0.6);border-left:8px solid transparent;border-right:8px solid transparent;width:0;height:0;position:absolute;top:17px;left:-11px;content:"";display:block;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);tranform:rotate(-90deg);}
.menu-left li a span{display: block;}
.down-arrow{display: none;}
.collapsed-menu .menu-left li a:hover .tooltip-content{pointer-events: auto;-webkit-transform: translate3d(0,0,0) scale3d(1,1,1);transform: translate3d(0,0,0) scale3d(1,1,1);opacity:1;}
.collapsed-menu .menu-left li a span{display: none;}
.collapsed-menu .menu-left li a i{display: none;}
.collapsed-menu .main-panel{width: auto;margin-left: 50px;}
.collapsed-menu .left-panel{left:-200px;overflow-y:visible;overflow-x:visible;}
.collapsed-menu .menu-left li img{left:197px;}
.collapsed-menu .custom-dropdown{display: none;}
.menu-left li.active .down-arrow{display: block;}
.menu-left li.active .up-arrow,.collapsed-menu .menu-left li.active .down-arrow{display: none;}
.component-label{color:#fff;border-radius:30px;margin:0 0 10px 10px;background-color:rgba(0,0,0,0.2);padding: 3px 16px;line-height: 18px;font-size: 13px;display: inline-block;}

.menu-left li .sub-menu-nav li a{padding:8px 10px 8px 45px; min-height: inherit}
.menu-left li .sub-menu-nav li .tooltip-content{padding: 8px 10px;}
.menu-left li .sub-menu-nav li .tooltip-content:after{top:16px;}

/* Custom Dropdown
--------------------------------------------------------------------------------------------------------*/
.custom-dropdown {position: relative;margin:0 10px;}
.custom-dropdown select {display: none}
.dk-selected{color: #fff;line-height:22px; cursor: pointer; padding: 10px 34px 10px 10px; position:relative;text-align: left; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;border-radius:4px; box-shadow:0 1px 0 rgba(0,0,0,0.1);background:none repeat scroll 0 0 rgba(0,0,0,0.1);height: 42px;font-size: 14px; border:0;}
.dk-selected:focus{border-color: #8E8888;}
.dk-selected:after{ content:""; position: absolute;  right: 10px; top:50%; margin-top: -2px; background: url(../images/down-arrow.png) no-repeat center center; width: 11px; height: 7px; background-size: 11px; border-left: 0; margin-right: 0;}
.dk-selected:focus{outline: none;}
.dk-select-options{position: absolute; background:#fff; border:0; border-top:none; color: #fff; width: 100%;display: none;z-index: 9; padding:0;}
.dk-select-options li{cursor: pointer; padding:10px 10px; text-align: left; color: #333; border-bottom: 1px solid rgba(0,0,0,0.1);font-size:14px;line-height:25px;height: 42px;}
.dk-select-options li:hover,.dk-option.dk-option-selected.dk-option-highlight,.dk-option.dk-option-selected{color: #fff !important;  background: #22a16d;}
.dk-select-options li:last-child {border-bottom: none;}
.dk-select-open-down .dk-select-options{border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.dk-select-open-down .dk-select-options, .dk-select-open-up .dk-select-options{display: block; width: 100%}
.dk-select-open-up .dk-select-options {bottom: 100%; border-bottom: none;  border-top:1px solid #8E8888; margin-bottom: 0;border-top-left-radius:4px;border-top-right-radius:4px;}
.dk-select-open-up .dk-selected::after { content:""; position: absolute;  right: 10px; top:50%; margin-top: -2px; background: url(../images/up-arrow.png) no-repeat center center; width: 11px; height: 7px; background-size: 11px;}
.dk-select-open-down .dk-selected::after { content:""; position: absolute;  right: 10px; top:50%; margin-top: -2px; background: url(../images/up-arrow.png) no-repeat center center; width: 11px; height: 7px; background-size: 11px;}

.dk-option.hidden-option{display:none;}

/* Login
-----------------------------------------------------------------------------------------------------------------------------------------------*/
.login-wrap .wrapper{ background: url(../images/login-background.jpg) no-repeat center top; background-size:cover}
.login-wrap .wrapper:after{display:none;}
.login-container{max-width: 1450px; margin: 0 auto; padding:150px 0 0px; position:relative; z-index: 1;}
.login-logo{display:inline-block;margin:0px 0px 0px; width:auto !important;}
.login-logo img{width:100%;}
.login-slogan-logo{display:inline-block;margin: 0px; width:350px;}
.login-slogan-aligment {text-align: center;}
.about-wrap{padding-top: 20px; padding-left:10%;}

.light-text{color:#5c9e3d; font-size: 38px; line-height: 42px;display:block; margin-left:110px; padding-bottom: 5px;}
.dark-text{color:#2b6b4c; font-size: 39px; line-height: 43px; margin-left: 263px;}

.login-form{background:#fff;padding:60px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; width:700px; float:right;box-shadow: 0 0px 50px 0px rgba(88,99,92,0.25); margin-bottom: 120px;}
.login-form label{ color:#515d57; font-weight: 500; font-size: 16px; line-height: 20px;font-family: 'Roboto', sans-serif;}

.input-field{position:relative;}
.form-control:focus{box-shadow: none; border-bottom: 1px solid #22a16d}
.form-icon{position:absolute; right:3px; top:10px;}

.form-group{margin-bottom: 42px;}
.form-control{font-size: 16px; line-height: 20px; color:#131313; padding:11px 35px 11px 0; height:auto; box-shadow: none; border:0; border-bottom:1px solid #cacaca; border-radius: 0;}
.form-control::-webkit-input-placeholder {color:#b6b6b6;opacity:1;}
.form-control::-moz-placeholder          {color:#b6b6b6;opacity:1;}
.form-control:-moz-placeholder           {color:#b6b6b6;opacity:1;}
.form-control:-ms-input-placeholder      {color:#b6b6b6;opacity:1;}
.form-control::-ms-input-placeholder     {color:#b6b6b6;opacity:1;}
.hasPlaceholder {color: #b6b6b6;}

.login-form .form-group:last-child{margin-bottom: 0;}
.login-form .custom-dropdown{margin:0;}
.login-form .dk-selected{padding:11px 35px 11px 0; height:auto; background:none; border-bottom: 1px solid #cacaca; border-radius: 0; color:#131313;font-size: 16px; line-height: 20px; box-shadow: none;border-left: 0;border-top: 0;border-right: 0;}
.login-form .dk-selected:after{right:3px;margin-right: 0;}
.login-form .dk-select-open-down .dk-selected::after{right:3px;  font-size: 34px;}
.login-form .dk-select-options{border:1px solid #cacaca;background: #fff; padding-top: 0; padding-bottom: 0}
.login-form .dk-select-options li{font-size: 16px; line-height: 22px;color:#131313; border-bottom: 1px solid #cacaca}
.login-form .dk-select-options li:last-child{border-bottom: 0;}
.login-form .hidden-option,.login-form .hidden-option-default{color:#b6b6b6;}
.login-form .dk-select-options li:hover{color:#fff;}
.login-form .dk-selected::after{color: #b6b6b6;}
.login-form .dk-select-open-up .dk-select-options{border-top: 1px solid #cacaca}
.login-form .dk-selected:after{background: url(../images/login-down-arrow.png) no-repeat center center; width:24px; height: 14px; border-left: 0;}
.login-form .dk-select-open-up .dk-selected:after{background: url(../images/login-up-arrow.png) no-repeat center center; width:24px; height: 14px;}

.login-form a{margin-top: 34px;}
.login-form .btn-secondary{width: 100%;text-align: center;}
.login-form .form-link{font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 20px; display:inline-block;border-bottom: 1px dashed #515d57; color:#515d57;margin-top: 0; font-weight: 40;0}
.login-form .form-link:hover{color:#22a16d;}
.btn-secondary{font-size: 23px; line-height: 27px;font-family: 'Roboto', sans-serif; color:#fff; background:#22a16d; padding:12px 33px; display:inline-block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s; box-sizing: border-box;}
.btn-secondary:after{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#007856;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.btn-secondary:hover:after,.btn-secondary:hover,.btn-secondary:focus{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1); color:#fff;border-color: #007856}

.login-container p{text-align: center; font-family:  'Roboto', sans-serif; font-weight: 300; font-size: 15px; line-height: 19px; color:#454441; margin-bottom: 0; padding-bottom: 13px;}
.login-container p a{display:inline-block; color:#22a16d; text-decoration: underline;}
.login-container p a:hover{text-decoration: none;}

.checkbox-outer{margin-bottom: 0;}
.checkbox-outer label{position: relative;padding-left: 30px;cursor: pointer;font-weight: 400;}
.checkbox-outer .icheckbox_square{display: inline-block;position: absolute !important;left: 0;}

/* Site Management
-----------------------------------------------------------------------------------------------------------------------------------------------*/
.card-wrap{padding: 28px 15px 60px;}
.form-control-outer{width: 33.6%;}
.form-control-outer .form-control{width: 100%;}
.default-form .form-control{padding: 7px 12px 6px; font-size: 15px; line-height: 20px; border:1px solid #d7d7d7; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.default-form .form-control:focus{border-color: #22a16d;}
.default-form .btn-secondary{padding: 7px 14px; font-size: 15px; line-height: 19px;font-family:'ProximaNova'; background: #22a16d;}
.default-form .btn-secondary img{display: inline-block; position: relative; top: -1px; left: -1px;}
.default-form .form-group{margin-bottom:10px;}

.btn-reset{ font-size: 15px; line-height: 19px; color: #646f7c;  background:#f5f5f5; border:1px solid #d7d7d7; padding: 7px 14px; display:inline-block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s; box-sizing: border-box;}
.btn-reset:after{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#d7d7d7;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out; border-radius: 3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.btn-reset:hover:after,.btn-reset:hover,.btn-reset:focus{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);color: #646f7c;}
.btn-reset img{margin-right: 3px;}

.btn-blue{ font-size: 15px; line-height: 22px; color: #fff; background: #22a16d; padding:6px 18px 5px 40px; display:inline-block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s; box-sizing: border-box;}
.btn-blue:after{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#007856;-webkit-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out; border-radius: 3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.btn-blue:hover:after,.btn-blue:hover,.btn-blue:focus{-webkit-transform:scaleX(1);-webkit-transform:scaleX(1);transform:scaleX(1); color: #fff}
.btn-blue span{display: inline-block; margin-right: 10px; position: absolute; left: 16px; top: 4px;}
.btn-blue span img{width:13px;}

.btn.btn-primary.add_to_action_plan {opacity: 1;}
.btn-primary {background:#22a16d; opacity: 1; font-size: 15px; line-height: 22px; text-shadow: none; background-image: none; border:none; display:inline-block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s; box-sizing: border-box;}
.btn-primary:after{content:"";position:absolute; z-index:-1;top:0;left:0;right:0;bottom:0; background:#007856; -webkit-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out; border-radius: 3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.btn-primary:hover:after,.btn-primary:hover,.btn-primary:focus{border:none;   -webkit-transform:scaleX(1);-webkit-transform:scaleX(1);transform:scaleX(1); color: #fff} 
.btn-primary:focus, .btn-primary:hover {background-color:#22a16d; }

.icheckbox_square{width:20px; height:20px; margin: 0 auto; background: #fff; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border:1px solid #bbbbbb; cursor:pointer}
.icheckbox_square.checked{ border-color: #22a16d;background:#22a16d url("../images/checkbox-check.png") no-repeat center center; background-size:12px;}
/*.icheckbox_square.checked:after{content:"";position:absolute;left:1px;top:2px;width: 7px;height: 12px;border-top: 2px solid transparent;border-left: 2px solid transparent;border-right: 2px solid #fff;border-bottom: 2px solid #fff;-webkit-transform: rotate(40deg);-moz-transform: rotate(40deg);-ms-transform: rotate(40deg);-o-transform: rotate(40deg);transform: rotate(40deg);-webkit-backface-visibility: hidden;-webkit-transform-origin: 100% 100%;-moz-transform-origin: 100% 100%;-ms-transform-origin: 100% 100%;-o-transform-origin: 100% 100%;transform-origin: 100% 100%}*/

.card .table-responsive{margin-top: 29px;}
.table-responsive thead{background: #fff; font-size: 15px; color: #333; line-height: 19px;font-family:'ProximaNovaRegular';}
.table-responsive .table > thead > tr > th{ border-bottom: 0;}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{border-top: 0; padding: 13px 10px;}
.table > tbody > tr > td{font-size: 14px; line-height: 20px; color: #333333; padding: 11px 10px 10px;}
.table-striped > tbody > tr:nth-of-type(2n+1){background: #f5f5f5;}
.table thead th:first-child{ width: 64px;}
.digits-col{width: 77px;}
.name-col{width: 458px;}

.table thead th{border: 1px solid #eee; border-bottom: 2px solid #eee !important}
.table tbody td{ border: 1px solid #eeeeee;}

.table td a{margin-right: 12px; display: inline-block;}
.table td a:hover{opacity: 0.7}

.btn-custom{font-size:15px;line-height:19px;color:#333;background:none;padding:8px 15px 6px;display:inline-block;position:relative;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-property:color;-ms-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;box-sizing:border-box;border:1px solid #d7d7d7;}
.btn-custom:after{
	content:"";
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	right:0;
	bottom:0;

	-webkit-transform:scaleX(0);
	-ms-transform:scaleX(0);
	transform:scaleX(0);

	-webkit-transform-origin:0 50%;
	-ms-transform-origin:0 50%;
	transform-origin:0 50%;

	-webkit-transition-property:transform;
	-ms-transition-property:transform;
	transition-property:transform;

	-webkit-transition-duration:0.3s;
	-ms-transition-duration:0.3s;
	transition-duration:0.3s;

	-webkit-transition-timing-function:ease-out;
	-ms-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
}
.btn-custom:hover:after,.btn-custom:hover{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1); color:#fff;}
.btn-red:after{background:#d9534f;}
.btn-red:hover:after,.btn-red:hover{border-color:#d9534f;}
.btn-green:after{background:#22a16d;}
.btn-green:hover:after,.btn-green:hover{ border-color: #22a16d;}
.btn-yellow:after{background:#f0a636;}
.btn-yellow:hover:after,.btn-yellow:hover{ border-color: #f0a636;}

.table-footer{margin:20px 0 0;}
.pagination{margin:0;}
.pagination > li{margin-right: 5px; float: left;}
.pagination > li > a, .pagination > li > span{font-size: 15px; line-height: 20px; color: #7c7c7c; border: 1px solid #d7d7d7; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 8px 10px 5px; width: 35px; text-align: center;}
.pagination > li > a img{position: relative; top: -1px;}
.pagination > li > a:hover,.pagination > li > a:focus{background: #eaeaea;}
.entries-outer{display:table}

.entries-text{display:table-cell; vertical-align: middle; padding-right: 18px; color:#333;}
.table-footer .custom-dropdown{display:table-cell; vertical-align: middle;}
.default-dropdown .dk-selected{background:none; box-shadow: none; border:1px solid #d7d7d7; padding: 9px 35px 10px 15px; height:35px; color:#646f7c; font-size: 15px; line-height: 18px;}
.default-dropdown .dk-selected::after{background:none; width:auto; height:auto;  border-top: 5px solid #646f7c; border-left: 5px solid transparent; border-right: 5px solid transparent;right:12px;}
.default-dropdown {width:84px;}
.default-dropdown .dk-selected::before{border-left: 1px solid #d7d7d7; content:""; position:absolute; right:0px; top:0; bottom:0;background:#f5f5f5; width:35px; display:block; margin-right: 0;}
.default-dropdown .dk-select-open-up .dk-select-options{border-top: 0;}
.default-dropdown .dk-selected:hover::after{border-top-color: #fff;}
.default-dropdown .dk-selected:hover::before{background:#22a16d;}
.default-dropdown .dk-select-open-up .dk-selected::after{border-top: 0; border-bottom: 5px solid #646f7c;}
.default-dropdown .dk-select-open-up .dk-selected:hover::after{border-bottom-color: #fff;}

.dk-selected:before{border:0;display: none;}
.dk-select-options .dk-option-highlight{background-color:#22a16d;color:#fff!important;}

/* Site Management form
-----------------------------------------------------------------------------------------------------------------------------------------------*/
.form-outer-block{max-width:1170px;width:100%;}
.form-outer-block .row{margin-left:-10px;margin-right:-10px;}
.form-outer-block li{position: relative;padding-left:312px;margin-bottom:20px;}
.form-header{width:100%;padding: 5px 17px;background-color:#f0f0f0;margin: -3px 0 32px;font-size: 16px;line-height: 37px;}
.input-label{color: #b2b2b2;font-size: 14px;font-weight: normal;margin-top: 4px;margin-bottom: 0;}
.input-control{background: #f9f9f9;border: 1px solid #dbdbdb;box-shadow: none;border-radius: 2px; height: 41px; margin-bottom:0;width:100%;display: block;padding:6px 12px;font-size:14px;line-height:20px;color:#555;}
.input-control:focus{border:1px solid #22a16d;background-color:#fff;}
.textarea-control{resize:none;height:150px;margin-top:10px;}
.main-label{position: absolute;left:17px;top:9px;font-weight:500;}
.form-col-1{width:7%;float: left;padding:0 10px;}
.form-col-2{width: 27%;float:left;padding:0 10px;}
.form-col-3{width: 33.33%;float:left;padding:0 10px;}
.form-col-5{width: 46%;float: left;padding:0 10px;}
.form-col-6{width: 50%;float:left;padding:0 10px;}
.form-col-10{width: 73%;float:left;padding:0 10px;}
.form-col-12{width: 100%;float:left;padding:0 10px;}
.form-col-lg-5{width:43.3%;}
.form-col-lg-2{width:21.2%;}
.scrollable-project .form-dropdown .dk-select-options {overflow: auto; max-height: 600px;}
.form-dropdown{position: relative;}
.form-dropdown select {display: none}
.form-dropdown .dk-selected{background: #f9f9f9;border:1px solid #dbdbdb;box-shadow: none;border-radius: 2px; height: 41px; margin-bottom: 0;width:100%;display: block;padding:6px 12px;font-size:14px;line-height:28px;color:#555;}
.form-dropdown .dk-selected:after{ content:""; position: absolute;right: 0;top: 0; margin-top:0;background: #c1c1c1 url(../images/down-arrow.png) no-repeat center center;width: 43px;background-size: 16px;bottom: 0;height:inherit;border:1px solid #b6bbc1}
.form-dropdown .dk-select-open-down .dk-selected::after,.form-dropdown .dk-select-open-up .dk-selected::after{ content:""; position: absolute;  right: 0; top:0; margin-top: -2px; background:#c1c1c1 url(../images/up-arrow.png) no-repeat center center; width: 43px; height: inherit; background-size: 16px;bottom:0;}

.form-dropdown .dk-select-options li{padding:6px 12px;margin-bottom:0;height: fit-content;}

.utilities-detail-wrap .form-dropdown .dk-select-options li{padding:6px 12px;margin-bottom:0;}
.form-dropdown .dk-selected:hover::after{background-color:#22a16d;border-color:#22a16d;background-size:16px;bottom:0;top:0;}
.form-dropdown .dk-select-options{border:1px solid #dbdbdb;border-top:0;}
.form-dropdown .dk-select-disabled .dk-selected {cursor: not-allowed; }


.form-dropdown-multiselect{position: relative;}
.form-dropdown-multiselect select {display: none}
.form-dropdown-multiselect .dk-selected{background: #f9f9f9;border:1px solid #dbdbdb;box-shadow: none;border-radius: 2px; height: 41px; margin-bottom: 0;width:100%;display: block;font-size:14px;line-height:28px;color:#555;}
.form-dropdown-multiselect .dk-selected:after{ content:""; position: absolute;right: 0;top: 0; margin-top:0;background: #c1c1c1 url(../images/down-arrow.png) no-repeat center center;background-size: 16px;bottom: 0;height:inherit;border:1px solid #b6bbc1}
.utilities-detail-wrap .form-dropdown-multiselect .multiselect-container li{padding:0px;margin-bottom:0;}
.form-dropdown-multiselect .dk-selected:hover::after{background-color:#22a16d;border-color:#22a16d;background-size:16px;bottom:0;top:0;}
.form-dropdown-multiselect .multiselect-container{border:1px solid #dbdbdb;border-top:0;}


.btn-control{background:#c1c1c1;border:0;border-radius:2px;height:41px;width:100%;margin:0 auto;}
.btn-control:hover,.btn-control:active{background:#22a16d; border-color: #22a16d}
.iradio_square {border:1px solid #dbdbdb; border-radius: 2px; width: 25px; height: 25px; line-height: 10px; margin-right: 12px; display: inline-block; background: #f9f9f9;  vertical-align: middle; top: -1px; cursor: pointer;}
.iradio_square.checked{background:#22a16d; border-color: #22a16d;}
.iradio_square.checked:after{content:"";position:absolute;left:3px;top:4px;width: 7px;height: 12px;border-top: 2px solid transparent;border-left: 2px solid transparent;border-right: 2px solid #fff;border-bottom: 2px solid #fff;-webkit-transform: rotate(40deg);-moz-transform: rotate(40deg);-ms-transform: rotate(40deg);-o-transform: rotate(40deg);transform: rotate(40deg);-webkit-backface-visibility: hidden;-webkit-transform-origin: 100% 100%;-moz-transform-origin: 100% 100%;-ms-transform-origin: 100% 100%;-o-transform-origin: 100% 100%;transform-origin: 100% 100%}
.radio-outer{margin-right:35px;float: left;}
.btn-secondary.btn-submit{text-transform: uppercase;line-height:21px;font-weight:normal;font-family:'ProximaNova';font-size: 16px;padding: 7px 52px 5px;}
.reset-btn{color:#646f7c;border:1px solid #adadad;background:#fff;margin-left:8px;}
.add-row{margin-bottom:19px;}
.form-btn-outer{margin:25px 15px 30px;}
.form-control-block{margin-top:8px;}
.form-control-block label{font-weight:500;}

/*Custom File Upload*/
.custom-file-upload-hidden{display:none;visibility:hidden;position:absolute;left:-9999px;}
.custom-file-upload{display:block;width:auto;font-size:16px;}
.custom-file-upload label{display:block;margin-bottom:5px;}
.file-upload-wrapper{position:relative;}
.file-upload-input{background: #f9f9f9;border: 1px solid #dbdbdb;box-shadow: none;border-radius: 2px; height: 41px; margin-bottom:0;width:100%;display: block;padding:6px 145px 6px 12px;font-size:14px;line-height:20px;color:#555;}
.file-upload-input:focus{background:#fff; border-color: #22a16d}
.file-upload-button{cursor:pointer;display:inline-block;color:#fff;font-size:16px;line-height: 20px; text-transform:uppercase;padding:12px 20px 9px;border:none;margin-left:-1px;background-color:#c1c1c1;/* IE 9 Fix */-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in;position: absolute;top: 0;right: 0;border-radius: 2px;border-top-left-radius: 0;border-bottom-left-radius: 0;-webkit-border-radius: 2px;-moz-border-radius: 2px;}
.file-upload-button:hover{background-color:#22a16d;}


/* Utilities */
.card-block{margin-bottom: 17px;}
.card-block .btn-secondary{float: right;font-size: 13px;line-height: 16px;padding: 5px;}
.card-block .article-header{padding: 10px 21px 10px 19px;}
.card-block .article-content .media-left{padding-right: 19px;}
.card-block .article-content .media-body p{line-height: 22px;padding-bottom: 0;}
.card-block .header-img{display: table;float: left;}
.card-block .header-img span{display: table-cell;vertical-align: middle;padding-left: 9px;}

/* Utilities-data-detail */

.Tab-block{padding: 0 7px;max-width: 1154px;}
.resp-tab-content{border:0;}
.resp-tabs-list{border-bottom: 5px solid #bababa;}
.resp-tabs-list li{margin:0 2px;background: #bababa !important;border-top-left-radius:3px;border-top-right-radius:3px;color: #fff;font-size: 20px;line-height: 24px;padding: 10px;min-width: 195px;text-align: center;}
.resp-tabs-list li:first-child{margin-left: 0;}
.resp-tabs-list li.resp-tab-item:hover{border:0 !important;background: #007856 !important;}
.resp-tabs-list li.error-tab{border:0 !important;background: #B94A48 !important;padding: 13px 10px !important;margin-top: -5px;}
.resp-tabs-list li.resp-tab-active{border:0 !important;background: #007856 !important;padding: 13px 10px !important;margin-top: -5px;}
.resp-tab-content{padding:42px 0;}

.utilities-detail-wrap .form-outer-block li{padding-left: 304px;margin-bottom: 28px;}
.utilities-detail-wrap .main-label{left: 8px;}
.utilities-detail-wrap .input-label{margin-top: 6px;margin-left: 5px;}

.data-info-block-outer{padding: 30px 20px 0;}
.data-info-block-outer label{font-size: 15px;line-height: 27px;color: #646f7c;font-weight: 500;display: inline-block;}
.data-info-block-outer input{margin-left:10px;box-shadow: none;border:1px solid #d7d7d7;border-radius: 0 3px 3px 0;width: 100%;height: 34px;padding-left: 12px;color: #646f7c;font-size: 15px;}
.data-info-block-outer .month-picker-open-button{background: #007856;height: auto;width: 40px;position: absolute;top:0;right: -12px;height: 34px;}
.data-info-block-outer .ui-state-default .ui-icon{background: url(../images/month-picker.png) no-repeat;width: 20px;height: 20px;}
.data-info-block-outer .ui-button-icon-only .ui-icon{margin-left: -10px;top:50%;margin-top: -10px;}
.data-info-block{display: inline-block;position: relative;width: 183px;}

/* date-picker */
.month-picker-year-table tbody tr{background: #bababa;}
.month-picker-year-table .ui-button-text{color: #131313;}
.month-picker-previous .ui-button-icon-only .ui-icon{left: 50%;margin-left: 0;margin-top: -2px;top: 50%;}
.month-picker-next .ui-button-icon-only .ui-icon{left: 50%;top: 50%;margin-top: -2px;margin-left: -6px;}
.month-picker-year-table .month-picker-title .ui-button{  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;border: 0 none;height: 23px !important;padding: 0 !important;width: 96px !important;}
.month-picker-year-table .month-picker-title .ui-button,.month-picker-month-table button{font-family:'ProximaNovaRegular';}
.month-picker-month-table .ui-state-highlight,.month-picker-month-table .ui-state-active{background:  #007856 !important;color: #fff;border:0;}
.month-picker-year-table .ui-button{cursor: pointer;}
.month-picker-year-table .ui-button:hover,.month-picker-year-table .ui-button:focus{background: none;border:0 !important;}
.month-picker-year-table a{border:0 !important;border-radius: 0;}


.ui-state-default,.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background: #bababa;border:0;}
.ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active{background: #007856;color: #fff;}
.ui-widget-header .month-picker-previous .ui-icon{background: url(../images/prev-arrow-white.png) no-repeat;}
.ui-widget-header .month-picker-next .ui-icon{background: url(../images/next-arrow-white.png) no-repeat;}
.ui-corner-left{border-top-left-radius: 0;}
.ui-corner-right{border-bottom-left-radius: 0;}
.month-picker-open-button.ui-corner-all{border-top-left-radius: 0;border-bottom-left-radius: 0;}

input[type=text] {-webkit-appearance: none;-moz-appearance:none; appearance:none;}

.blockUI.blockMsg.blockPage {height: 50px; line-height: 45px; left: 45% !important;  width: 30% !important;  border-radius: 10px !important; -ms-border-radius: 10px !important; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important;}
.blockUI.formblockui.blockPage{border-radius: 10px !important;}

.actions-col{width: 280px;}
.form-inline .form-group {float:none;}
.pagination > li.firstpage > a{width: 50px !important;}
.pagination > li.lastpage > a{width: 50px !important;}
.notification_div{ max-height: 190px;overflow-y: scroll;}

.helpblk{display: inline-block; margin-right: 5px;vertical-align: middle;}

.report-data-block .data-info-block { width: 100%;}
.report-data-block .data-info-block input {margin-left: 0;}
.report-data-block .month-picker-open-button{right: -3px;}
.category-table-block table thead tr th {background:#f2f0f0 ;}
.category-table-block .category-title-td {background: #22a16d !important ; color: #fff;}
.category-table-block .table > tbody > tr > td {text-align: center;}

.common-boxtitle{font-size:20px; margin-bottom:5px; display:block;line-height: 24px;}
.notification_div{min-height:217px;}
.notification_div_header {color:red !important;}
.today_date{display: inline-block;float: right;font-size: 20px;position: relative;padding-top: 40px; padding-bottom: 20px;}
.common-boxtitle.cyan{color: #45b6b0;}
.common-boxtitle.blue{color: #65c3df;}
.common-boxtitle.yellow{color: #ffa200;}
.common-boxtitle.green{color: #2ecc71;}

.login-light-text { font-size: 26px !important; font-family: 'Arial Narrow' !important; font-style: italic !important; font-weight: bold !important; line-height: 20px;}
.login-dark-text { font-size: 20px !important; font-family: 'Arial Black' !important; font-weight: bold !important; margin-left:228px !important;}

.table.table-bordered td {
    text-align: center;
}
.siteImage{
	height: 93px;
    width: 139px;
    margin-top: 4px;
}

.table-border-top{border-top: 2px #666666 solid !important;}
.table-border-right{border-right: 2px #666666 solid !important;}
.table-border-bottom{border-bottom: 2px #666666 solid !important;}
.table-border-left{border-left: 2px #666666 solid !important;}
.table-border-top-thick{border-top: 3px #666666 solid !important;}
#daily-report-table>tbody>tr:last-child td ,#daily-report-table>tbody>tr:last-child th { border-bottom: 2px #666666 solid !important; }

.dashboard-boxes .article-thumb{width:65px; height:65px; border-radius: 100%; text-align: center; line-height: 65px; position:absolute; left:20px; top:30px;}
.ema-article-content{padding-left:20% !important; }
.ema-article-content .progress{
	height: 13px;
	margin-bottom: 15px;
}

.dashboard-progress-container .title-bar{
	padding-bottom: 5px;
}

.block-listing .dark-green .article-content span{color:#5cb85c;}
.common-boxtitle.dark-green{color:#5cb85c;margin-left: 20px;}

.dashboard-all-sites .dashboard-progress-container{margin-left: 30px;}
.dashboard-all-sites .site-name-container{min-height: 270px;padding: 100px 5px 0 5px;}
.dashboard-all-sites .column-padding{padding: 0 5px 0 5px;}
.dashboard-all-sites .indicator-container{padding-bottom:5px;}
.dashboard-all-sites .site-name-container a{color: #666666;}


@media (min-width: 720px) and (max-width: 1280px) {
	.col-lg-4, {
		width: 48%;
		float: left; 
	    padding-right: 8px !important;
	}
	.dashboard-boxes .article-thumb {
	    width: 55px !important;
	    height: 55px !important;
	    border-radius: 100% !important;
	    text-align: center !important;
	    line-height: 55px !important;
	    position: absolute !important;
	    left: 1px !important;
	    top: 30px !important; 
	}
	.block-listing .article-content span {
	    font-size: 16px !important;
	    line-height: 21px !important;
	    word-wrap: break-word;	
	}
	.article-content {
	    padding-right: 10px !important;		
	}
	.set-site {
		font-size: 14px !important;
		word-wrap: break-word;		
	}

	.block-listing .article-content {
	    padding-left: 40%;
	    position: relative;
	    padding-top: 10px;
	    padding-bottom: 0px;
	    line-height: 10px;
	    min-height: 240px;
	    font-size: 12px;
	}
	.dashboard-all-sites .site-name-container {
	    min-height: 240px;
	    padding: 100px 5px 0 5px;
	}
	.common-boxtitle {
	    font-size: 18px;
	    margin-bottom: 5px;
	    display: block;
	    line-height: 24px;
	    margin-left: 4px;
	}
	.card {
		font-size: 14px;
	}
	.notification_div {
	    max-height: 189px;
	    overflow-y: scroll;
	}
	.notification_div {
	    min-height: 189px;
	}
}
@media (min-width: 1281px) and (max-width: 1368px) {
	.col-lg-4, {
		width: 48%;
		float: left; 
	    padding-right: 8px !important;
	}
	.dashboard-boxes .article-thumb {
	    width: 55px !important;
	    height: 55px !important;
	    border-radius: 100% !important;
	    text-align: center !important;
	    line-height: 55px !important;
	    position: absolute !important;
	    left: 3px !important;
	    top: 30px !important; 
	}
	.block-listing .article-content span {
	    font-size: 17px !important;
	    line-height: 21px !important;
	    word-wrap: break-word;	
	}
	.article-content {
	    padding-right: 10px !important;		
	}
	.set-site {
		font-size: 14px !important;
		word-wrap: break-word;		
	}

	.block-listing .article-content {
	    padding-left: 40%;
	    position: relative;
	    padding-top: 10px;
	    padding-bottom: 0px;
	    line-height: 10px;
	    min-height: 240px;
	}
	.dashboard-all-sites .site-name-container {
	    min-height: 240px;
	    padding: 100px 5px 0 5px;
	}
	.common-boxtitle {
	    font-size: 18px;
	    margin-bottom: 5px;
	    display: block;
	    line-height: 24px;
	    margin-left: 4px;
	}
	.card {
		font-size: 14px;
	}
	.notification_div {
	    max-height: 189px;
	    overflow-y: scroll;
	}
	.notification_div {
	    min-height: 189px;
	}
}
@media (min-width: 1369px) and (max-width: 1460px) {
	.col-lg-4, {
		width: 48%;
		float: left; 
	    padding-right: 8px !important;
	}
	.dashboard-boxes .article-thumb {
	    width: 55px !important;
	    height: 55px !important;
	    border-radius: 100% !important;
	    text-align: center !important;
	    line-height: 48px !important;
	    position: absolute !important;
	    left: 3px !important;
	    top: 30px !important; 
	}
	.block-listing .article-content span {
	    font-size: 16px !important;
	    line-height: 21px !important;
	    word-wrap: break-word;	
	}
	.article-content {
	    padding-right: 10px !important;		
	}
	.set-site {
		font-size: 14px !important;
		word-wrap: break-word;		
	}

	.block-listing .article-content {
	    padding-left: 40%;
	    position: relative;
	    padding-top: 10px;
	    padding-bottom: 0px;
	    line-height: 10px;
	    min-height: 240px;
	}
	.dashboard-all-sites .site-name-container {
	    min-height: 240px;
	    padding: 100px 5px 0 5px;
	}
	.common-boxtitle {
	    font-size: 18px;
	    margin-bottom: 5px;
	    display: block;
	    line-height: 24px;
	    margin-left: 4px;
	}
	.card {
		font-size: 14px;
	}
	.notification_div {
	    min-height: 189px;
	}
}
@media (min-width: 1461px) and (max-width: 1680px) {
	.col-lg-4, {
		width: 48%;
		float: left; 
	    padding-right: 8px !important;
	}
	.dashboard-boxes .article-thumb {
		width: 65px !important;
	    height: 65px !important;
	    border-radius: 100% !important;
	    text-align: center !important;
	    line-height: 65px !important;
	    position: absolute !important;
	    left: 3px !important;
	    top: 30px !important;
	}
	.block-listing .article-content span {
	    font-size: 20px !important;
	    line-height: 21px !important;
	    word-wrap: break-word;	
	}
	.article-content {
	    padding-right: 10px !important;		
	}
	.set-site {
		font-size: 14px !important;
		word-wrap: break-word;		
	}

	.block-listing .article-content {
	    padding-left: 40%;
	    position: relative;
	    padding-top: 10px;
	    padding-bottom: 0px;
	    line-height: 11px;
	    min-height: 240px;
	}
	.dashboard-all-sites .site-name-container {
	    min-height: 240px;
	    padding: 100px 5px 0 5px;
	}
	.common-boxtitle {
	    font-size: 18px;
	    margin-bottom: 5px;
	    display: block;
	    line-height: 24px;
	    margin-left: 4px;
	}
	.card {
		font-size: 14px;
	}
	.notification_div {
	    max-height: 189px;
	    overflow-y: scroll;
	}
	.notification_div {
	    min-height: 189px;
	}
}

@media (min-width: 1200px) {}
.col-lg-10 {
    width: 93.33333333%;
}

.btn-secondary.btn-active {
    background: #007856 none repeat scroll 0 0;
    color: #fff;
}
.multiselect-native-select{width: 100%;}
.multiselect-native-select .btn-group{width: 100%;}
.multiselect-native-select .btn-group .multiselect{width: 100%;}
.multiselect-native-select .btn-group .multiselect-container{width: 100%;}
.multiselect-native-select .btn-group .multiselect-container input{width: unset; height: 15px;display: none;}
.multiselect-native-select .btn-group .multiselect-container label{line-height: unset}
.multiselect-native-select .btn-group .multiselect-container .active a{background: #22a16d none repeat scroll 0 0;color: #fff !important;}
.multiselect-native-select .btn-group .multiselect-container .multiselect-group {background: #ddd !important;color: #fff !important;}
.multiselect-native-select .btn-group .multiselect-container li a label{padding:10px;white-space: normal;}