@font-face {
    font-family: 'proxima_novabold';
    src: url('../fonts/proxima_nova_bold-webfont.woff2') format('woff2'),
        url('../fonts/proxima_nova_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novalight';
    src: url('../fonts/proxima_nova_light-webfont.woff2') format('woff2'),
        url('../fonts/proxima_nova_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('../fonts/proxima_nova_regular-webfont.woff2') format('woff2'),
        url('../fonts/proxima_nova_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novasemibold';
    src: url('../fonts/proxima_nova_semibold-webfont.woff2') format('woff2'),
        url('../fonts/proxima_nova_semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novathin';
    src: url('../fonts/proximanova-thin-webfont.woff2') format('woff2'),
        url('../fonts/proximanova-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*-------------------------------------Base-----------------------------------------------*/

*       { padding:0px; margin:0px; outline:none !important;}
a       { text-decoration:none !important; padding:0px; margin:0px; outline:none; color: #222222;}
a:hover { text-decoration:none;}
ul,li   { padding:0px; margin:0px; list-style:none; text-decoration:none;}
img     { padding:0px; margin:0px; border:none; float:left;}
p,strong,span,div,label,input,select,textarea   { padding:0px; margin:0px; font-weight:normal;}
h1,h2,h3,h4,h5,h6   { padding:0px; margin:0px; font-weight:normal;}

/*-------------------------------------Base-----------------------------------------------*/

html     { width:100%; height:100%;}
body     { width:100%; height:100%; margin: 0px; padding: 0px; background: #eaeff6; color: #222222; font-family: proxima_nova_rgregular;}
.wrapper    { width: 100%; height: 100%;}
.daterangepicker .ranges .applyBtn  { background: #078df5; }
.daterangepicker .ranges .cancelBtn     { background: #f4f8fe; }
.btns-group {display: inline-block; float: right; margin-top: 15px; }

/*---------------------------------Login Ragister-----------------------------*/

#front-login    { width: 100%; float: left; height: 100%; background: url(../images/login-bg.jpg) no-repeat; background-size: 100% 100%;}
#front-login .full-height   { height: 100%;}
.front-login    { width: 100%; display: table; height: 100%;}
.front-login .login-content     { width: 100%; display: table-cell; vertical-align: middle; text-align: center;}
.login-content .fix-width   { max-width: 440px; width: 440px; background: #fff; float: none; display: inline-block; text-align: left; border-radius: 15px; box-shadow: 0px 0px 30px 0px rgba(56, 67, 132, 0.15); -webkit-box-shadow: 0px 0px 30px 0px rgba(56, 67, 132, 0.15);}
.login-content .login-logo  { width: 100%; float: left; text-align: center; padding: 40px 0 20px 0;}
.login-content .login-logo img  { float: none; display: inline-block; max-height: 70px;}
.login-content .login-form  { width: 100%; float: left; padding: 0 40px 0 40px; }
.login-form .login-title    { width: 100%; float: left; font-size: 30px; color: #222222; font-family: proxima_novabold; margin-bottom: 10px;}
.login-form .login-form-row     { width: 100%; float: left; margin-bottom: 20px; position: relative;}
.login-form .login-form-row label   { width: 100%; float: left; font-size: 15px; color: #222222; margin-bottom: 10px;}
.login-form .login-form-row input   { width: 100%; float: left; border: 1px solid #e3e5ec; border-radius: 8px; height: 38px; font-size: 14px; color: #000; padding-right: 30px;}
.login-form .login-form-row .login-icon     { position: absolute; right: 10px; top: 41px; width: 18px; height: 18px;}
.login-form .login-form-row.password .login-icon { width: 14px; height: 18px; }
.login-form .submit-row .rememberme     { width: auto; float: left; font-size: 15px; margin-top: 10px;}
.login-form .submit-row .rememberme input   { width: 18px; height: 18px; float: left; margin-top: 0; margin-right: 5px; cursor: pointer;}
.login-form .submit-row .rememberme label   { width: auto; float: left; cursor: pointer;}
.login-form .submit-row .l-r-submit-btn     { width: auto; float: right; background: #078df5; color: #fff; text-transform: uppercase; border: none; min-width: 125px; height: 40px; padding: 0 10px; font-family: proxima_novabold; border-radius: 6px;}
.login-form .login-forgot-link  { width: 100%; float: left; margin-top: 10px; margin-bottom: 40px; color: #a3a8ad; font-size: 15px; text-align: center;}
.login-form .login-forgot-link a    { color: #078df5; font-weight: bold; }

/*---------------------------------Login Ragister-----------------------------*/

/*---------------------------------Header-----------------------------*/

.header     { width: 100%; float: left; margin: 0 0 0 0; background: #13222b; position: fixed; top: 0px; z-index: 99999;}
.header .main-navigation  { width: 100%; float: left;}
.header .main-navigation .logo  { width: auto; margin-right: 18px; float: left; padding: 10px 20px; border-right: 1px solid #424e55;}
.header .main-navigation .logo a img    { height: 50px; }
.main-navigation .navbar-inverse  { margin: 0 0 0 0; background: transparent; border: none; float: left; min-height: inherit; padding: 25px 0;}
.main-navigation .navbar-inverse .navbar-collapse   { padding: 0px;}
.main-navigation .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover  { background: transparent; color: #fff;}
.main-navigation .navbar-inverse .navbar-toggle { background: #333;}
.main-navigation .navbar-nav li     { margin: 0 0; padding: 0 20px;}
.main-navigation .navbar-nav > li > a   { padding: 0px; color: #a8b8d9; font-weight: normal; font-size: 16px; font-family: 'proxima_novasemibold';}
.main-navigation .navbar-nav > li > a:hover, .main-navigation .navbar-nav li.active a   { color: #fff;}
.main-navigation .navbar-nav li.dropdown a, .main-navigation .navbar-nav li.dropdown a:hover, .main-navigation .navbar-nav li.dropdown a:focus  { background: transparent; color: #a8b8d9;}
.main-navigation .navbar-nav li.dropdown a .caret   { margin-top: -3px; margin-left: 5px; border-top-style: solid;}
.main-navigation .navbar-nav li.dropdown .dropdown-menu     { top: 45px; border: none; padding: 0px; background: #13222b;}
.main-navigation .navbar-nav li.last-dropdown .dropdown-menu { left: auto; right: 0px; }
.main-navigation .navbar-nav li.dropdown .dropdown-menu li  { padding: 0px; }
.main-navigation .navbar-nav li.dropdown .dropdown-menu li a    { padding-top: 5px; padding-bottom: 5px; font-size: 16px;}
.main-navigation .navbar-nav li.dropdown .dropdown-menu li a:hover  { background:#a8b8d9; color: #000;}
.main-navigation .navbar-nav li.dropdown .dropdown-menu li:focus a  { background:#a8b8d9; color: #000;}
.main-navigation .navbar-nav li.dropdown .dropdown-menu li.active a    { color: #ffffff;}

.main-navigation .user-navbar   { float: right; padding: 0; border-left: 1px solid #424e55;}
.main-navigation .user-navbar .navbar-nav li    { padding: 0px; min-width: 170px;}
.main-navigation .user-navbar .navbar-nav .dropdown a   { padding: 30px 20px;}
.main-navigation .user-navbar .navbar-nav li.dropdown .caret { float: left; margin-top: 5px; }
.user-navbar .dropdown a .user-name     { float: left; line-height: 14px;}
.user-navbar .dropdown a .user-pic  { width: 40px; height: 40px; background: #e0e0e9; margin-left: 15px; float: right; border-radius: 50%; position: relative; top: -12px;}
.user-navbar .dropdown a .user-pic img  { width: 100%; border-radius: 50%; height: 100%;}
.main-navigation .user-navbar .dropdown .dropdown-menu  { width: 100%; top: 70px !important;}
.main-navigation .user-navbar .dropdown .dropdown-menu li a     { padding: 3px 20px; }

.main-navigation .header-search     { float: right; color: #fff; position: relative; display: none;}
.main-navigation .header-search a.searchIcon    { color: #a8b8d9; font-size: 18px; display: block;}
.main-navigation .header-search a.searchIcon i  { padding: 26px 20px; }
.main-navigation .header-search .search-input   { min-width: 300px; float: right; position: absolute; top: 20px; right: 50px; display: none; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.main-navigation .header-search .search-input.open  { display: block; }
.main-navigation .header-search .search-input input     { border-radius: 0px; border: 0px; font-size: 16px;}

/*---------------------------------Header-----------------------------*/

/*---------------------------------Content-----------------------------*/

#content    { width: 100%; float: left; padding: 0 20px; margin-top: 70px; padding-bottom: 70px;}
.pageTitle  { width: 100%; float: left; padding: 15px 0; display: flex; align-items: center;}
.pageTitle .pageName    { width: auto; float: left; font-size: 18px; color: #222222; font-family: 'proxima_novabold'; line-height: normal; flex: 1;}
.pageTitle .renesys-breadcrumb  { float: right; padding: 0 0 0 10px;}
.pageTitle .renesys-breadcrumb ul li    { float: left; font-size: 13px; color: #a4a8ad; margin-right: 3px;}
.pageTitle .renesys-breadcrumb ul li a  { color: #078df5; }

#content .dashboard-analys  { width: 100%; float: left; }
#content .dashboard-analys .row     { margin-left: -10px; margin-right: -10px;}
#content .dashboard-analys .row .col-md-4   { padding: 0 10px; }
.dashboard-analys .dashboard-statistic  { width: 100%; float: left; background: #fff; padding: 20px; border-radius: 4px; min-height: 176px;}
.dashboard-statistic .statistic-title   { width: 100%; display: table;}
.statistic-title .statistic-icon    { width: 60px; height: 60px; float: left; line-height: 60px; text-align: center; border-radius: 50%; display: table-cell; margin-right: 20px;}
.dashboard-statistic.portfolio .statistic-icon  { background: #c7ecf6; }
.dashboard-statistic.history .statistic-icon    { background: #efe9f2; }
.dashboard-statistic.last-hours .statistic-icon     { background: #e6f3fe; }
.statistic-title .statistic-icon img    {  float: none; display: inline-block; width: 30px; height: 30px;}
.dashboard-statistic.portfolio .statistic-icon img { width: 25px; height: 25px;}
.dashboard-statistic .statistic-title h3    { display: table-cell; vertical-align: middle; width: 100%; font-size: 18px; text-transform: uppercase; font-family: 'proxima_novabold';}
.dashboard-statistic .statistic-details     { width: 100%; float: left; margin-top: 15px;}
.dashboard-statistic .statistic-details ul li   { width: 100%; float: left; border-bottom: 1px solid #e1e6ed; margin-top: 5px;}
.dashboard-statistic .statistic-details ul li:last-child    { border-bottom: 0px; padding-bottom: 0px;}
.dashboard-statistic .statistic-details ul li p     { float: left; font-size: 16px; color: #a3a8ad;}
.dashboard-statistic.last-hours .statistic-details ul li p  { color: #222222; }
.dashboard-statistic.last-hours .statistic-details ul li label  { color: #e7ae0e; }
.dashboard-statistic .statistic-details ul li label     { float: right; color: #25b7db; font-size: 18px; font-family: 'proxima_novabold';}
.dashboard-statistic.history .statistic-details ul li label     { color: #682b82; }
.dashboard-statistic .statistic-details ul li label span    { color: #a3a8ad; font-size: 14px; }

#content .dashboard-content-list    { width: 100%; float: left; background: #fff; padding: 20px; margin-top: 20px; border-radius: 4px;}
.dashboard-content-list .list-map-tab   { width: 100%; float: left; }
.list-map-tab .nav-pills li     { margin: 0px; min-width: 70px; text-align: center;}
.list-map-tab .nav-pills li a   { background: #078df5; background: #fff; border: 1px solid #e1e6ed; font-size: 14px; font-family: 'proxima_novasemibold'; padding: 9px 0px;}
.list-map-tab .nav-pills li.active a    { background: #078df5; border: 1px solid #078df5;}
.list-map-tab .nav-pills li.list a  { border-radius: 40px 0 0 40px;}
.list-map-tab .nav-pills li.map a   { border-radius: 0 40px 40px 0;}
.dashboard-content-list .tab-content    { width: 100%; float: left; margin-top: 10px;}
.list-content{ float: left; width: 100%; }
.list-content table     { border: 1px solid #eaeff6; margin-bottom: 0px;}
.list-content table thead   { background: #eaeff6; }
.list-content table thead tr th     { border-bottom: 0px; border-left: 0px; border-right-color: #d1d7e0; text-transform: uppercase; font-size: 13px;}
.list-content table thead tr th:last-child  { border-right: 0px; }
.list-content table tbody tr td { border: 0px; font-size: 14px; font-family: 'proxima_novasemibold'; word-break: break-word;}
.list-content table tbody tr:nth-of-type(odd) { background: #fff;}
.list-content table tbody tr:nth-of-type(even) { background: #f4f7fa;}
.list-content table thead tr th, .list-content table tbody tr td{ padding: 10px 5px; }
.list-content table tbody tr td .action_setting     { font-size: 20px; color: #b1b6bb;}
.list-content table tbody tr td .action_setting:hover   { color: #0c8ff5;}
.list-content table thead tr th{ vertical-align: middle; } 
.list-content table tbody tr .sublist-arrow i   { cursor: pointer; }
.list-content table tbody tr .sublist-arrow i.open  { transform: rotate(90deg); }
.list-content table > tbody > tr.fold { display: none;}
.list-content table > tbody > tr.fold.open { display: table-row;}

.list-content .green_status     { width: 16px; height: 16px; display: inline-block; background: #2acb6e; border-radius: 50%;}
.list-content .red_status   { width: 16px; height: 17px; display: inline-block; background: #fc5666; border-radius: 0;}
.list-content .title_status     { display: inline-block; position: relative; top: -4px; left: 8px; color: #078df5;}
.list-content .plant_name   { color: #078df5;}
.list-content .plant_name a     { color: #078df5;}
.list-content .intall_date  { color: #a3a8ad; }
.list-content .custom-progess   { position: relative; }
.list-content .progress     { width: 90%; background: transparent; box-shadow: none; border: 1px solid #d3d9e2; border-radius: 0px; height: 22px; margin-bottom: 0;}
.list-content .progress .green  { background: #2acb6e;}
.list-content .progress .blue   { background: #25b7db; }
.list-content .progress .yellow { background: #e7ae0e; }
.list-content .progress .red    { background: #fc5666; }
.list-content .progress-bar span    { position: absolute; right: 20px; color: #000; width: 10%; text-align: right;}
.list-content .edit-performance span    { float: left; margin-right: 45px;}
.list-content .edit-performance a   { float: left; color: #078df5; font-family: 'proxima_novasemibold';}

.popover    { border: 0 !important; max-width:400px!important; padding: 0px;}
.close { display:none}
.popover-content { padding: 0px;}
.popover .arrow     { border-top-color: rgba(0,0,0,0.1) !important;}
.popover.top .arrow { left: 10% !important; }

.dashboard-content-list .details-popup  { width: 400px; float: right; box-shadow: 0px 2px 20px 0px rgba(21, 49, 66, 0.15); background: #fff; border-radius: 10px; position: absolute; top: 48px; right: 0; z-index: 9; display: none;}
.dashboard-content-list .details-popup:after, .dashboard-content-list .details-popup:before { bottom: 100%; left: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.dashboard-content-list .details-popup:before { border-bottom-color: #d3f1f8; border-width: 12px; margin-left: -12px; }

.details-popup .popupTitle  { width: 100%; float: left; background: #d3f1f8; padding: 10px 20px; border-radius: 6px 6px 0 0; font-size: 16px; font-family: 'proxima_novasemibold';}
.details-popup .performance-ratio-details   { width: 100%; float: left; padding: 0 20px 30px 20px; }
.performance-ratio-details .generation-text     { width: 100%; float: left; padding: 8px 0; border-bottom: 1px solid #eaeff6; font-size: 15px; color: #a3a8ad; font-family: 'proxima_novasemibold';}
.performance-ratio-details .date-rang   { width: 100%; float: left; padding: 8px 0; border-bottom: 1px solid #eaeff6; font-size: 13px; color: #a3a8ad;}
.performance-ratio-details .month-generation    { width: 45%; float: left; padding: 10px 0;}
.performance-ratio-details .month-generation ul li  { width: 100%; float: left; line-height: 22px;}
.performance-ratio-details .month-generation ul li span     { width: 70%; float: left; font-size: 13px; color: #a3a8ad; font-family: 'proxima_novasemibold';}
.performance-ratio-details .month-generation ul li p    { width: 1%; float: left; font-size: 13px; color: #a3a8ad; font-family: 'proxima_novasemibold';}
.performance-ratio-details .month-generation ul li label    { width: 29%; float: left; text-align: right; font-size: 13px; color: #222222;}
.performance-ratio-details .month-generation.right  { float: right; }

.dashboard-content-list .system_size_edit   { position: relative; cursor: pointer;}
.system_size_edit .edit_box     { position: absolute; left: 0px; display: none; z-index: 9;}
.system_size_edit .edit_box.open    { display: block; }
.system_size_edit .details-popup    { display: block; position: inherit; width: 170px; right: auto; top: 6px; left: 0px;}
.system_size_edit .details-popup:after, .system_size_edit .details-popup:before     { left: 20%; }
.edit_box .ststem_edit_body  { width: 100%; float: left; padding: 15px;}
.edit_box .ststem_edit_body input   { border: 1px solid #d9e0ec; font-size: 14px;}
.edit_box .ststem_edit_footer   { width: 100%; float: left; border-top: 1px solid #eaeff6;}
.edit_box .ststem_edit_footer button    { width: 50%; float: left; border: 0px; background: transparent; border-right: 1px solid #eaeff6; height: 40px; font-size: 13px; color: #078df5; font-family: 'proxima_novasemibold';}
.edit_box .ststem_edit_footer button:last-child     { border-right: 0px; }


.dashboard-change-graph .common-tab-design .tab-content     { margin-top: 0px; }
#content .dashboard-change-graph    { width: 100%; float: left; background: #fff; padding: 20px; border-radius: 4px;}
.meter-chart-box     { width: 100%; float: left; border: 1px solid #eaeff6; border-radius: 4px; margin-top: 20px; text-align: center; position: relative; height: 470px;}
.meter-chart-box {text-align: center;}
.meter-chart-box .meter-chart-title     { width: 100%; float: left; text-align: left; padding: 20px; font-size: 16px; font-family: 'proxima_novasemibold'; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meter-chart-box .meter-chart-title .GaugeMeter {margin: 0 auto;}
.meter-chart-title .meterstatus     { width: 16px; height: 16px; float: left; margin-right: 10px;}
.meter-chart-title .onlinestatus    { margin-left: -5px; margin-right: 10px; line-height: normal; float: left;}
.meter-chart-title .meterstatus.green   { background: #2acb6e; border-radius: 50%; }
.meter-chart-title .meterstatus.red   { background: #fc5666; border-radius: 0; }
.meter-chart-box .meterValue    { float: left; }
.meterValue li  { position: absolute; color: #a3a8ad; font-weight: bold;}
.meterValue li.v-0  {  bottom: 95px; left: 70px;}
.meterValue li.v-10  { bottom: 140px; left: 55px;}
.meterValue li.v-20  { bottom: 185px; left: 55px;}
.meterValue li.v-30  { bottom: 225px; left: 80px;}
.meterValue li.v-40  { bottom: 252px; left: 115px;}
.meterValue li.v-50  { bottom: 255px; left: 150px;}
.meterValue li.v-60  { bottom: 246px; right: 105px; left: auto;}
.meterValue li.v-70  { bottom: 222px; right: 78px; left: auto;}
.meterValue li.v-80  { bottom: 180px; right: 55px; left: auto;}
.meterValue li.v-90  { bottom: 130px; right: 55px; left: auto;}
.meterValue li.v-100 { bottom: 95px; right: 70px; left: auto;}

.meter_label    { width: 100%; float: left;}
.meter_label .meter_energy  { position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.meter_label .meter_energy.today    { top: 35%; }
.meter_label .meter_energy.lifetime     { top: 50%; }
.meter_label .meter_energy p        { width: 100%; float: left; font-size: 12px;}
.meter_label .meter_energy label    { width: 100%; float: left; font-size: 16px; font-weight: bold;}
.meter_label .meter_energy label span   { font-weight: normal; color: #a3a8ad; font-size: 16px; margin-left: 5px;}


.meter-chart-box .meter-chart-bottom    { width: 100%; float: left; background: #eaeff6; padding: 10px;}
.meter-chart-bottom ul  { margin: 0px; padding: 0px; }
.meter-chart-bottom ul li   { width: 50%; float: left; border-right: 1px solid #a3a8ad; border-radius: 0 0 4px 4px; text-align: center;}
.meter-chart-bottom ul li:last-child    { border: none; }
.meter-chart-bottom ul li span   { width: 100%; float: left; font-size: 16px; color: #222222; font-family: 'proxima_novasemibold'; line-height: normal;}
.meter-chart-bottom ul li label   { width: 100%; float: left; font-size: 14px; color: #a3a8ad; font-family: 'proxima_nova_rgregular'; line-height: normal;}

.GaugeMeterEdit     { width: 100%; height: 334px; display: table;}
.GaugeMeterEdit .edtiChart  { display: table-cell; vertical-align: middle; height: 100%;}
.edtiChart .configur_status     { width: 100%; float: left; text-align: center; font-size: 28px; color: #b2b7ba; font-family: 'proxima_novasemibold';}
.edtiChart .edit_btn    { min-width: 67px; height: 36px; display: inline-block; background: #078df5; color: #fff; box-shadow: none; border: none; border-radius: 4px; margin-top: 10px;}


/*---------------------------------Content-----------------------------*/

/*---------------------------------Footer-----------------------------*/

.footer     { width: 100%; float: left; padding: 15px 20px; background: #fff; margin-top: 20px; position: fixed; bottom: 0; left: 0; z-index: 999;}
.footer .left-footer    { width: auto; float: left; }
.left-footer ul li  { float: left; }
.left-footer ul li a    { font-size: 12px; color: #a3a8ad; }
.left-footer ul li a:hover { color: #078df5;}
.footer .right-footer   { width: auto; float: right; }
.footer .right-footer .copyright-text   { font-size: 12px; color: #a3a8ad; }

/*---------------------------------Footer-----------------------------*/

/*--------------------------------list--------------------------------*/
.content-card{width: 100%; float: left; background: #fff; padding: 20px; margin-bottom: 20px; border-radius: 4px;}
.custom-select.width238     { width: 238px; }
.custom-select .form-control{-webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-color: #dfe6f1; height: 36px; background: #f4f8fe url(../images/select_arrow.png); background-repeat: no-repeat; background-position: right 10px center; padding-right: 20px;}
.tp-controls .form-group{ margin-bottom: 0; }

.section-radio{ float: right; margin-right: -10px; }
.section-title{width: 100%; float: left; margin-bottom: 20px;}
.sectionName{width: auto; float: left; font-size: 18px; color: #222222; font-family: 'proxima_novabold';}

/*/ Custom radio /*/
.fancy-radio{margin: 0 10px;}
.fancy-radio input[type="radio"]+span {
    display: block;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    color: #000000;
    font-weight: 500;
}

.fancy-radio input[type="radio"] {
    display: none;
}

.fancy-radio input[type="radio"]+span i {
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    bottom: 3px;
    content: "";
    border: 2px solid #a3a8ad;
    width: 20px;
    height: 20px;
    margin-right: 5px;  
}

.fancy-radio input[type="radio"]:checked+span i{
    background: #078df5;
    border: 1px solid #078df5;
}

.fancy-radio input[type="radio"]:checked+span i:after {
    width: 6px;
    height: 6px;
    display: block;
    position: relative;
    top: 6px;
    left: 6px;
    content: '';
    background-color: #fff;
    border-radius: 50%;
}
.section-radio .sectionLabel{ color: #a3a8ad; font-size: 14px; text-transform: uppercase; font-family: 'proxima_novasemibold'; vertical-align: middle;}
.tbl-anchor{ color: #078df5; font-family: 'proxima_novasemibold'; }
.tbl-anchor:hover{ color: #000; }
.page-item select.form-control{ width: 60px; display: inline-block; margin: 0 5px 0 0; } 
.m-b-20{ margin-bottom: 20px;}

/*--------------------------------list--------------------------------*/

/*---------------------------Plant_Dashboard---------------------------*/

.plant-dashboard    { width: 100%; float: left; }
.plant-dashboard .top-selection-plant   { width: 100%; float: left; background: #fff; padding: 20px;}
.common-tab-design  { width: 100%; float: left; }
.common-tab-design .nav-pills li    { margin: 0px; text-align: center;}
.common-tab-design .nav-pills li a  { background: #f4f8fe; border: 1px solid #dfe6f1; font-size: 14px; font-family: 'proxima_novasemibold'; padding: 7px 20px; border-radius: 0px; margin-right: -1px;}
.common-tab-design .nav-pills li.active a   { background: #078df5; border: 1px solid #078df5;}
.common-tab-design .nav-pills li.first a    { border-radius: 40px 0 0 40px; }
.common-tab-design .nav-pills li.last a     { border-radius: 0 40px 40px 0; }
.common-tab-design .nav-pills li:first-child a { border-top-left-radius: 40px; border-bottom-left-radius: 40px;}
.common-tab-design .nav-pills li:last-child a { border-top-right-radius: 40px; border-bottom-right-radius: 40px; }
.common-tab-design .tab-content     { width: 100%; float: left; margin-top: 10px;}
.top-selection-plant .plant-top-date-time   { width: auto; float: right; color: #a3a8ad; font-size: 13px; line-height: 36px;}

.plant-dashboard .poshak_poultry    { width: 100%; float: left; margin-top: 20px; background: #fff; padding: 20px;}
.plant-dashboard .plant_section_title   { width: auto; float: left; font-size: 18px; font-family: 'proxima_novabold';}
.poshak_poultry .poshak_poultry_details     { width: 100%; float: left; margin-top: 10px;}
.poshak_poultry_details .col-md-2, .poshak_poultry_details .col-md-4     { padding-right: 0px;}
.poshak_poultry_details .col-md-4:last-child    {  padding-right: 10px;}
.poshak_poultry_details .poshak_poultry_box     { width: 100%; padding: 16px 10px;}
.poshak_poultry_details .locationMain    { display: flex; }
.poshak_poultry_box .p_p_box_title  { width: 100%; float: left; font-size: 14px; color: #a3a8ad; font-family: 'proxima_novabold'; text-transform: uppercase; margin-bottom: 10px; min-height: 40px}
.min-height-auto{ min-height: auto !important;}
.poshak_poultry_box .location_details .p_p_box_title  { width: calc(100% - 30px); }
.poshak_poultry_box .p_p_box_content     { width: 100%; float: left; }
.poshak_poultry_box .p_p_box_content .status_box.normal     { border-radius: 50%; }
.poshak_poultry_box .p_p_box_content .status_box.medium     { border-radius: 4px; }
.poshak_poultry_box .p_p_box_content label  { width: auto; float: left; font-size: 16px; color: #000; font-family: 'proxima_novabold'; line-height: normal;}
.poshak_poultry_box .p_p_box_content label span     { color: #a3a8ad; font-size: 12px; margin-left: 2px; font-family: 'proxima_novasemibold';}
.plant_status .p_p_box_content label    { margin-top: 0px; font-size: 12px;}
.plant_status .active-status    { width: 100%; float: left; margin-top: 8px;}
.plant_status .active-status select     { border: 0px; color: #078df5; font-size: 15px;}
.energy_produced ul li  { width: 25%; float: left; border-right: 1px dashed #cccccc; padding: 0 8px;}
.energy_produced ul li:first-child  { padding-left: 0px; }
.energy_produced ul li:last-child   { border: none; padding-right: 0px;}
.energy_produced ul li .energy_title    { font-size: 12px; font-family: 'proxima_novasemibold'; text-transform: uppercase; font-weight: bold; margin-bottom: 5px;}
.energy_produced ul li .energy_title span   { color: #a3a8ad; font-family: 'proxima_novasemibold'; text-transform: initial;}

.poshak_poultry_details .poshak_poultry_box.location    { padding: 0px;}
.location .location_details     { width: 65%; padding: 16px 10px 10px 10px; float: left;}
.location .location_icon    { width: 30px; height: 30px; float: right; background: #eaeff6; border-radius: 50%; text-align: center; position: relative; top: -6px;}
.location .location_icon i  { line-height: 30px; color: #078df5; font-size: 12px;}
.location .location_address     { width: 100%; float: left; font-size: 14px; line-height: normal;}
.location .location_address br  { display: none; }
.location .location-wather  { width: 35%; height: 100%; float: right; background: #e7fafe; border-left: 1px solid #dfe6f1; border-radius: 0 4px 4px 0; padding: 18px 10px; min-height: 118px; vertical-align: top;}
.location .location-wather .current-wather  { width: 100%; float: left; position: relative;}
.location .current-wather img   { max-height: 40px; min-height: 40px;}
.location .current-wather label     { position: absolute; top: 0; right: 0px; font-size: 20px;}
.location .current-wather label span    { color: #078df5; font-size: 14px; float: right;}
.location .wather-location  { width: 100%; float: left; font-size: 15px; padding: 15px 0 0 0;}

.plant-dashboard .plant_performance     { width: 100%; float: left; margin-top: 20px; background: #fff; padding: 20px 0;}
.plant_performance .common-tab-design   { float: right; width: auto;}
.plant_performance .plant_performance_head  { width: 100%; float: left; border-bottom: 1px solid #dfe6f1; padding: 0 20px 10px 20px;}
.plant_performance .performance_chart_top   { width: 100%; float: left; padding: 30px 20px 30px 30px; }
.chart_head .chart_tab    { width: auto; float: left; }
.chart_tab .common-tab-design .nav-pills li.first a     { border-radius: 6px 0 0 6px;}
.chart_tab .common-tab-design .nav-pills li.last a  { border-radius: 0 6px 6px 0; }
.chart_head .chart_datepicker    { width: auto; float: left;}
.chart_datepicker .custom_datepicker    { width: auto; float: left; margin-left: 30px; position: relative;}
.chart_datepicker .custom_datepicker input    { min-width: 226px; float: left; height: 36px; background: #f4f8fe; border: 1px solid #dfe6f1; border-radius: 6px; padding: 0 20px 0 10px; color: #a3a8ad; font-size: 14px;}
.chart_datepicker .custom_datepicker  i   { position: absolute; top: 10px; right: 10px; color: #9ea8b7;}
.chart_datepicker .calendar_next_pre    { width: auto; float: left; margin-left: 10px;}
.chart_datepicker .calendar_next_pre button     { width: 36px; height: 36px; float: left; background: #f4f8fe; border: 1px solid #dfe6f1; border-radius: 50%; text-align: center; margin-right: 5px;}
.chart_datepicker .calendar_next_pre button[disabled]   { opacity: 0.7; }
.chart_datepicker .calendar_next_pre button i   { font-size: 30px; color: #a3a8ad; line-height: 34px;}

.plant_performance .chart_graph     { width: 100%; float: left; padding: 30px 20px 0 20px;}

.device_status { width: 100%; float: left; margin-top: 20px; background: #fff; padding: 20px;}
.device_status .device_status_head  { display: flex; margin-bottom: 20px; align-items: center;}
.device_status .device_status_head .plant_section_title { flex: 1; }
.device_status .device_status_head_right    { flex: 0; max-width: 136px;}
.device_status .device_status_head_right .custom-select.width238    { float: right; }
.download_csv   { min-width: 136px; height: 36px; line-height: 26px; float: right; background: #8291a1; border: none; font-size: 14px; color: #fff; font-family: 'proxima_novasemibold'; border-radius: 4px; margin-left: 20px;}
.download_csv:hover { color: #fff; }

.device_diagnostics     { width: 100%; float: left; margin-top: 20px; background: #fff; padding: 20px 0;}
.device_diagnostics .device_diagnostics_head    { width: 100%; float: left; border-bottom: 1px solid #dfe6f1; padding: 0 20px 10px 20px;}
.device_diagnostics_head_right .common-tab-design   { width: auto; float: right;}
.device_diagnostics_head_right .device_diagnostics_radio    { float: right; margin-right: 30px;}
.device_diagnostics_radio .section-radio    { line-height: 36px; }

.device_diagnostics .device_chart_top   { width: 100%; float: left; padding: 30px 20px 30px 30px;}
.device_chart_top .common-tab-design .nav-pills li.active a     { background: #8291a1; border-color: #8291a1;}
.device_diagnostics .chart_graph     { width: 100%; float: left; padding: 30px 20px 0 20px;}

.environmentals { width: 100%; float: left; margin-top: 20px; background: #fff; padding: 20px 0;}
.environmentals .environmentals_head    { width: 100%; float: left; padding: 0 20px; margin-bottom: 10px;}
.environmentals .environmentals_section     { width: 100%; float: left; margin-top: 20px; border-bottom: 1px solid #dfe6f1; padding-bottom: 20px;}
.environmentals_section .e_section_title    { width: 100%; float: left; padding: 0 20px; }
.environmentals_section .e_section_title span   { width: 100%; float: left; font-size: 18px; margin-bottom: 0;}
.environmentals_section .e_section_title p      { width: 100%; float: left; font-size: 14px; color: #a3a8ad;}
.environmentals_section .environmentals_details     { width: 100%; float: left; padding: 0 30px; margin-top: 15px;}
.environmentals_details .col-md-4   { padding: 0 20px; }
.environmentals_details .environmentals_box     { width: 100%; float: left; border: 1px solid #dfe6f1; border-radius: 4px; padding: 15px 20px;}
.environmentals_box .box_name_kg    { width: calc(100% - 80px); float: left; padding: 10px 40px 10px 0;}

.environmentals_box .box_name_kg h3     { width: 100%; float: left; font-size: 16px; color: #a3a8ad; font-family: 'proxima_novabold'; margin-bottom: 10px;}
.environmentals_box .box_name_kg label  { width: 100%; float: left; font-size: 20px; font-family: 'proxima_novabold';}
.environmentals_box .box_name_kg label span     { color: #777777; font-size: 14px; margin-left: 5px;}
.environmentals_box .box_right  { width: 80px; height: 80px; float: left; border-radius: 50%; text-align: center; line-height: 80px; font-size: 25px; font-family: 'proxima_novabold'; text-transform: uppercase;}
.environmentals_box .box_right span     { font-size: 20px; position: relative; bottom: -10px; left: auto; text-transform: capitalize;}
.environmentals_box .box_right img  { float: none; display: inline-block; }
.environmentals_box .box_right.carbon   { background: #e4f6fb; color: #25b7db;}
.environmentals_box .box_right.nitrogen { background: #faedca; color: #e7ae0e; }
.environmentals_box .box_right.sulfur   { background: #d4f5e2; color: #2acb6e;}
.environmentals_box.passenger .box_right { background: #f0f2f4; line-height: 70px;}
.environmentals_box.computers .box_right { background: #fedadd; line-height: 70px;}
.environmentals_box.operate .box_right { background: #cde8fd; line-height: 70px;}

.environmentals .environmental_benefits     { border-bottom: 0px; padding-bottom: 0px;}
.environmental_benefits .box_name_kg h4     { width: 100%; float: left; font-size: 16px; color: #a3a8ad; font-family: 'proxima_novasemibold'; line-height: normal;}
.environmental_benefits .box_name_kg h4 span    { font-size: 20px; color: #222222; font-family: 'proxima_novabold';}

.onhover    { position: relative; }
.onhover .device_popover    { position: absolute; right: 0px; top: 6px; width: 30px; height: 30px; background: #e6ebeb; border-radius: 50%; text-align: center; display: none;}
.onhover:hover .device_popover  { display: block; }
.device_popover a   { color: #078df5; display: block; line-height: 30px;}
.device_popover .view_icon i { color: #078df5; font-size: 15px;}

/*---------------------------Plant_Dashboard---------------------------*/

/*---------------------------Plant_Management---------------------------*/

.plant_management   { width: 100%; float: left; position: relative;}
.plant_management .plant_side_bar   { width: 316px; min-width: 316px; float: left; border-radius: 4px; background: #fff;}
.plant_side_bar .plant_side_bar_title   { width: 100%; float: left; padding: 14px 15px; display: flex; align-items: center;}
.plant_side_bar_title h3 { width: auto; font-size: 18px; font-family: 'proxima_novabold'; background: #fff; flex: none; padding-right: 10px;}
.plant_side_bar_title .e_plant_search { flex: 1; text-align: right;}
.plant_side_bar_title .e_plant_search input { width: calc(100% - 40px); border: 1px solid #ccc; padding: 0 5px; height: 28px; border-radius: 4px;}
.plant_side_bar_title .e_plant_search a { font-size: 13px; color: #000; position: relative;}
.plant_side_bar_title .e_plant_search a:hover { color: #078df5;}

.plant_side_bar .plant_list_menu    { width: 100%; float: left; padding: 0 0; background: #fff; max-height: 457px; overflow-y: auto;}
.plant_side_bar .plant_list_menu ul     { float: left; width: 100%;}
.plant_side_bar .plant_list_menu ul li  { width: 100%; float: left; font-size: 15px;}
.plant_side_bar .plant_list_menu ul li .plant_list_row  {  width: 100%; float: left; border-top: 1px solid #dfe6f1; padding: 8px 20px; word-break: break-word;}
.plant_side_bar .plant_list_menu ul li .plant_arrow     { width: 20px; height: 10px; float: left; background: url(../images/plant_arrow-right.svg) no-repeat; margin-top: 6px; cursor: pointer;}
.plant_side_bar .plant_list_menu ul li .plant_arrow[aria-expanded="true"]   { width: 20px; height: 10px; background: url(../images/plant_arrow-down.svg) no-repeat;}
.plant_side_bar .plant_list_menu ul li a    { color: #444444; width: calc(100% - 20px); float: right;}
.plant_side_bar .plant_list_menu ul.thirdstep li a { width: auto; float: none; }
.plant_side_bar .plant_list_menu ul li a:hover, .plant_side_bar .plant_list_menu ul li a.active  { color: #078df5; }
.plant_side_bar .plant_list_menu ul.secontstep  { padding-left: 20px;}
.plant_side_bar .plant_list_menu ul.thirdstep   { padding-left: 20px; }

.plant_management .plant_management_content     { width: calc(100% - 336px); float: right; }
.plant_management_content .plant_management_action  { width: 100%; float: left; background: #fff; border-radius: 4px; padding: 16px 10px 16px 20px;}
.plant_management_content .plant_management_action h3   { width: auto; float: left; font-size: 18px; font-family: 'proxima_novabold';}
.plant_management_action .action_menu   { width: auto; float: right; }
.plant_management_action .action_menu ul li     { float: left; position: relative;}
.plant_management_action .action_menu ul li:nth-last-child(2) { margin-right: 10px; }
.plant_management_action .action_menu ul li.last a { padding-left: 0px; }
.plant_management_action .action_menu ul li a   { font-size: 14px; padding: 0 10px; position: relative;}
.plant_management_action .action_menu ul li:after     { content: ""; position: absolute; right: 0; top: 0; width: 1px; height: 16px; background: #a3a8ad;}
.plant_management_action .action_menu ul li:last-child:after    { display: none; }
.plant_management_action .action_menu ul li a:hover, .plant_management_action .action_menu ul li.active a   { color: #078df5;}
.plant_management_content .p_m_viewEdit     { width: 100%; float: left; margin-top: 20px; background: #fff; border-radius: 4px;}
.p_m_viewEdit .vehicle_location     { width: 100%; float: left; padding: 20px; border-bottom: 1px solid #e1e8f2;}
.p_m_viewEdit .vehicle_location_content     { width: 100%; float: left; border-right: 1px solid #e1e8f2; padding-right: 20px;}
.p_m_viewEdit .vehicle_location_content.last    { border-right: 0px; padding-right: 0px;}
.p_m_viewEdit .vehicle_location_content .viewEdit_title     { width: 100%; float: left; font-size: 18px; font-family: 'proxima_novabold'; border-bottom: 1px solid #e1e8f2; margin-bottom: 5px;}
.vehicle_location_content .vehicle_location     { width: 100%; float: left; }
.vehicle_location_content .table-responsive     { width: 100%; border: 0px;}
.vehicle_location .table.v_l_table  { margin-bottom: 0px; }
.vehicle_location .table.v_l_table tr td    { border: 0px; font-size: 15px; vertical-align: middle;}
.vehicle_location .table.v_l_table tr td.grey   { color: #a3a8ad;}
.p_m_viewEdit .performance_configurations   { width: 100%; float: left; padding: 20px; font-size: 18px; font-family: 'proxima_novabold';}
.p_m_viewEdit .algorithm    { width: 100%; float: left; padding: 0 20px 20px 20px;}
.algorithm .algorithm-head  { width: 100%; float: left; padding: 10px 0; border-top: 1px solid #dfe6f1; border-bottom: 1px solid #dfe6f1;}
.algorithm .common-tab-design   { width: auto; float: right; }
.algorithm-head h3  { width: auto; float: left; font-size: 16px; font-family: 'proxima_novabold'; padding: 9px 0;}

.algorithm .tab-content     { width: 100%; float: left; margin-top: 20px; }
.algorithm .algorithm_monthly_output     { width: 100%; float: left; }
.algorithm .algorithm_configuration     { width: 100%; float: left; }
.algorithm .algorithm_configuration h3  { width: 100%; float: left; font-size: 16px; font-family: 'proxima_novabold'; margin-bottom: 10px;}
.algorithm .algorithm_configuration p   { width: auto; float: left; font-size: 15px;}
.algorithm .algorithm_m_o_content   { width: 100%; float: left; margin-top: 15px;}
.algorithm_m_o_content .monthly_energy  { width: 100%; float: left; padding: 0 50px 0 60px; border-right: 1px solid #e1e8f2;}
.algorithm_m_o_content .monthly_energy.first    { padding-left: 30px; }
.algorithm_m_o_content .monthly_energy.last     { padding-right: 40px; border-right: 0px;}
.monthly_energy .monthly_energy_row     { width: 100%; float: left; margin-bottom: 5px; margin-top: 5px;}
.monthly_energy .monthly_energy_row label   { width: auto; float: left; font-size: 15px; color: #a3a8ad; padding: 5px 0 4px 0;}
.monthly_energy .monthly_energy_row input   { width: 54px; height: 30px; float: right; border: 1px solid #dfe6f1; background: #f4f8fe; border-radius: 4px; text-align: center; color: #222222; font-size: 15px;}
.tooltipIcon    { /*float: right;*/ color: #8291a1; font-size: 20px; margin-left: 5px; cursor: pointer;}

.algorithm_m_o_content .algorithm_bottom    { width: auto; float: right; margin-top: 20px;}
.algorithm_bottom li    { width: auto; float: left; }
.algorithm_bottom .time_interval    { width: auto; float: left; margin-right: 30px;}
.algorithm_bottom .time_interval label  { float: left; line-height: 36px; margin-right: 10px;}
.algorithm_bottom .time_interval .custom-select     { width: 164px; float: left;}
.algorithm_bottom .default_algorithm    { float: left; padding: 7px 0; margin-right: 25px;}
.default_algorithm .fancy-checkbox span     { float: left; }
.default_algorithm .fancy-checkbox span .checkedC   { top: -4px; }
.default_algorithm .tooltipIcon     { float: right; }

/* Custom Checkbox */
.fancy-checkbox input[type="checkbox"]+span { display: block; cursor: pointer; position: relative; font-size: 14px; }
.fancy-checkbox input[type="checkbox"] { display: none; }
.fancy-checkbox input[type="checkbox"]+span i { display: inline-block; vertical-align: middle; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: relative; bottom: 1px; content: ""; border: 1px solid #c0cad6; width: 20px; height: 20px; margin-right: 5px; }
.fancy-checkbox input[type="checkbox"]:checked+span i { background: #267cee; border: 1px solid #267cee; position: relative; top: -3px;}
.fancy-checkbox input[type="checkbox"]:checked+span i:after { width: 6px; height: 12px; border: solid #f1f7fe; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: block; position: relative; top: 1px; left: 6px; content: ''; background-color: transparent; }

/*---------------------------Plant_Management---------------------------*/

/*------------------------Profile_assign_romove------------------------*/

.mb15 { margin-bottom: 15px; }
.mt15 { margin-top: 15px; }
.btn-theme { background: #078df5; color: #ffffff; }
.btn-gray { background: #8291a1; color: #ffffff; }
.btn-gray:hover, .btn-gray:focus, .btn-gray:active { background: #8291a1; color: #ffffff; outline: 0 !important; box-shadow: none; }
.btn-theme:hover, .btn-theme:focus, .btn-theme:active { background: #078df5; color: #ffffff; outline: 0 !important; box-shadow: none; }
.btn-grp .btn { margin-left: 15px; }
.btn-grp .btn:first-child { margin-left: 0px; }
.assign-profile { padding: 20px; background: #fff; border-radius: 3px; width: 100%; display: table; }
.available-plant .title { font-size: 18px; color: #222222; font-family: 'proxima_novabold'; margin-bottom: 8px; }
.assign-ul { background: #f4f8fe; border: 1px solid #dfe6f1; border-radius: 5px; }
.assign-ul.left { min-height: 405px; }
.assign-ul.right { margin-top: 10px; min-height: 325px; }
.assign-ul li { padding: 6px 15px; }
.assign-ul li .name { font-family: 'proxima_novasemibold'; font-size: 15px; color: #222222; }
.assign-ul li .move-right { float: right; padding: 4px; display: none; }
.assign-ul li .move-left { float: left; padding: 4px; display: none; }
.assign-ul.right .name { margin-left: 0px; transition: all 1s ease; -webkit-transition: all 1s ease; }
.assign-ul li:hover { background: #eaeff6; }
.assign-ul li.active { background: #eaeff6; }
.assign-ul li.active img { display: none; }
.assign-ul li:hover .move-right { display: block; }
.assign-ul li:hover .move-left { display: block; }
.assign-ul.right li:hover .name { margin-left: 14px; }
.assign-ul li.active:hover .name { margin-left: 0px; }
.assign-ul li.active:hover .move-left, .assign-ul li.active:hover .move-right { display: none; }

/*------------------------Profile_assign_romove------------------------*/

/*------------------------AR479_31-07-2018------------------------*/

.tp-controls .header_search     { width: 280px; border: 1px solid #e3e5ec; border-radius: 8px; height: 36px; font-size: 14px; color: #a3a8ad; padding: 0 10px; display: inline; position: relative; top: 2px; overflow: hidden;}
.theme-pagination   { width: 100%; float: left; margin-top: 20px; padding-bottom: 20px; padding-right: 20px;}
.theme-pagination .paging_bootstrap     { float: right; display: inline-block;}
.paging_bootstrap .paginclass_active, .paging_bootstrap a    { padding: 0 10px; background: #f4f8fe; height: 35px; line-height: 35px; float: left; border: 1px solid #dfe6f1;}
.paging_bootstrap .paginclass_active    { background: #078df5; color: #fff; border: 1px solid #078df5;}
#confirmBox h1  { background-color: #078df5 !important;}
#confirmButtons { border-top: 1px solid #d1d7e0; padding-top: 20px; margin-bottom: 10px;}
#confirmButtons a.uibutton.large  { padding: 10px 20px; background: #078df5; margin: 0 5px; color: #fff;}
#confirmButtons a.uibutton.large.special  { background: #ccc; color: #000;}
.add-edit-content   { width: 100%; float: left; background: #fff; padding: 20px;}
label.error, span.error  { color: #f00 !important; }
.form-control   { color: #000;}
table.table thead .sorting_asc { background: url('../images/sort_asc.svg') no-repeat right center; background-size: 20px; min-width: 150px;}
table.table thead .sorting_desc { background: url('../images/sort_desc.svg') no-repeat right center; background-size: 20px; min-width: 150px;}
table.table thead .sorting_asc a, table.table thead .sorting_desc a { display: block; padding-right: 20px;}

/*------------------------AR479_31-07-2018------------------------*/

.custom-col-2, .custom-col-3, .custom-col-4     { margin-right: 5px; border: 1px solid #dfe6f1; border-radius: 4px;}
.custom-col-2   { flex: 1.3;}
.custom-col-4   { flex: 4.4;}
.custom-col-3   { flex: 3; margin-right: 0px; display: flex;}
.vehicle_location_content.idColor .viewEdit_title    { color: #078df5;}

/* AR427 21/09/2019 */
.form-group.is-icon{
    position: relative;
}
.form-group.is-icon .fa{
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.form-group.is-icon .form-control{
    padding-right: 30px;
}
textarea{
    resize: none;
}
.email-text{
    word-break: break-word;
}
.parent_plant .select2.select2-container, .parent_plant .ui-multiselect.ui-state-default { width: 100% !important;}

.form-group.is-icon { position: relative; }
.form-group.is-icon .fa { position: absolute; bottom: 10px; right: 10px; }
.form-group.is-icon .form-control { padding-right: 30px; }
textarea { resize: none; }
.email-text { word-break: break-word; }

/* AR479-30-10-2018 */
.chart_datepicker .calendar_next_pre .pre i     { position: relative; left: -2px; }
.chart_datepicker .calendar_next_pre .next i     { position: relative; right: -2px; }
/* AR479-30-10-2018 */

/* AR479-30-10-2018 search box and search result page */
.main-navigation .navbar-nav li.search-dropdown.open a, .main-navigation .navbar-nav li.search-dropdown:hover a  { color: #ffffff; }
.main-navigation .navbar-nav li.search-dropdown .dropdown-menu { right: 0px; left: auto; background: #fff; border: 1px solid #ccc; min-width: 420px;}
.search-content-main .search-m-header   { width: 100%; padding: 10px 15px; border-bottom: 1px solid #ccc; font-size: 18px; font-weight: bold;}
.search-content-main .search-m-content  { width: 100%; padding: 15px 15px 0 15px; }
.search-m-content .form-group label     { margin-bottom: 4px; }

.search-results-page    { border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px;}
.search-results-page:last-child     { margin-bottom: 0px; }
.search-results-page h4    { font-size: 20px; margin-bottom: 20px; font-weight: bold;}
.search-results-page h4 i { margin-right: 10px; }
.search-results-page p  { font-size: 16px; margin-bottom: 15px;}
.search-results-page a.btn.btn-primary  { padding: 6px 12px; font-size: 14px; margin-top: 10px; margin-right: 10px;}

/* AR479-30-10-2018 search box and search result page */

/* set sorting icon sanjay - 02-11-2018*/

table.table thead tr .sorting {
    background-image: url(../images/sort_both.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 20px;
}
table.table thead tr .sorting a { display: block; padding-right: 20px;}

/*sanjay - 02-11-2018*/

.select2-results__option {
    padding-right: 20px;
    vertical-align: middle;
}
.select2-results__option:before {
    content: "";
    display: inline-block;
    position: relative;
    height: 20px;
    width: 20px;
    border: 2px solid #e9e9e9;
    border-radius: 4px;
    background-color: #fff;
    margin-right: 20px;
    vertical-align: middle;
    flex: none;
}
.select2-results__option[aria-selected=true]:before {
    font-family:fontAwesome;
    content: "\f00c";
    color: #fff;
    background-color: #f77750;
    border: 0;
    display: inline-block;
    padding-left: 3px;
}

/* AR479 11/05/2018 */

.list-content table tbody tr td .setting-action-icon { width: 20px; height: 20px; background: url(../images/setting-icon.png) no-repeat; float: left; background-size: cover;}
.list-content table tbody tr td .setting-action-icon:hover  { background: url(../images/setting-icon-hover.png); }
label.last-update { position: absolute; bottom: 100px; left: 50%; transform: translateX(-50%); width: 100%;}

/* AR479 11/05/2018 */

/* SANJAY RATHOD 24/11/2018 */

.map-box{
    border-radius: 3px;
    background-color: #ffffff;
    width: 500px;
    padding: 10px 15px;
}
.map-info h2{
    margin: 0 0 7px 0px;
    padding: 0;
    font-size: 14px;
}
.map-info span{
    color: #77777b;
    font-size: 12px;
}

.map-details{
    margin-bottom: 10px;
    margin-top: 5px;
    float: left;
    width: 100%;
}

.map-details .i-outer{
    color: #545454;
    font-size: 11px;
    border-bottom: dashed 1px #cccccc;
    float: left;
    width: 100%;				
}

.map-details .i-outer span:first-child{
    width: 45%;
    float: left;
    border-right: dashed 1px #cccccc;
    padding: 5px 0;
}
.map-details .i-outer span:last-child{
    width: 54%;
    float: left;
    text-align: left;
    padding: 5px 10px;
}      

.links a{
    color: #1f8aee;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    margin-right: 10px;
}  	
.links a:hover{
    text-decoration: underline;
}
.red-round{
    width: 16px;
    height: 16px;
    display: inline-block;
    background: #f00;
    margin-right: 8px;
    border-radius: 4px;
    margin: 0 auto;
}
.grey-round{
    width: 16px;
    height: 16px;
    display: inline-block;
    background: #ccc;
    margin-right: 8px;
    border-radius: 4px;
    margin: 0 auto;
}
.orange-round{
    width: 16px;
    height: 16px;
    display: inline-block;
    background: #ff7200;
    margin-right: 8px;
    border-radius: 4px;
    margin: 0 auto;
}
.green-round{
    border-radius: 50%;
    width: 16px;
    height: 16px;
    margin: 0 auto;
    background: #2acb6e;
    margin-right: 8px;
    display: inline-block;
}
.black-round{
    border-radius: 50%;
    width: 16px;
    height: 16px;
    margin: 0 auto;
    background: #000;
    margin-right: 8px;
    display: inline-block;
}

/* SANJAY RATHOD 24/11/2018 */

.context-menu {cursor: context-menu;}

.set_icon{
    position: absolute;
    right: 30px;
    top: 29px;
}

.vehicle_location.event_d_m_view { background: #fff; border-bottom: 0px;}
.event_d_m_view .vehicle_location_content { border-right: 0px; padding-right: 0px;}
.blockUI.blockMsg.blockElement { width: auto !important;}
.db_management_filter .export_send-email_btn { margin-top: 15px; }
.db_management_filter .checkbox-inline { margin-left: 0px; }
.admin_settings_page .setting-box-title { margin-bottom: 5px; }
.admin_settings_page .setting-save-cancel-btn { margin-top: 15px; }

.login-content .alert { width: 100%; float: left; }
.blockUI.blockMsg.blockPage { width: auto !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%);}
.blockUI.blockMsg.blockPage img { margin-right: 10px; }
#confirmBox p { margin-bottom: 80px; }
.list-content table thead tr th.action-th { max-width: 125px; min-width: 125px;}
.dashboard-content-list #map_div .gm-style-mtc div { min-width: 90px; }
.modal-body .modal_loader .show_data { overflow: auto; height: 200px; word-wrap: normal;}
.show_data_modal { margin-top: 100px; }

/* ========== Device Diagnostics left tab ==========*/

.device-diagnostics-head .chart_tab, .device-diagnostics-head .chart_datepicker { float: right; }
.device-diagnostics-head .common-tab-design .nav-pills li a { padding: 7px 10px; }
.device-diagnostics-head .common-tab-design { float: left; }
.device_diagnostics_class .chart_graph { padding-top: 0px; }
.d-d-scrollable .d-d-resultsTable .legendSquare { width: 10px; height: 10px;}
.d-d-scrollable .d-d-resultsTable thead tr th { border-bottom: 1px solid #dfe6f1;}
.d-d-scrollable .d-d-resultsTable thead tr th, .d-d-scrollable .d-d-resultsTable tbody tr td { vertical-align: middle;}
.d-d-scrollable .d-d-resultsTable tbody tr td { font-size: 13px;}
.d-d-scrollable .d-d-resultsTable tbody tr td .clrbox { float: left; margin-right: 5px; margin-top: 4px;}
.d-d-scrollable .d-d-resultsTable tbody tr.legendItem {/* position: relative; */}
.device_diagnostics_class .d-d-scrollable { border: 1px solid #dfe6f1; height: 480px; overflow-y: auto; overflow-x: hidden; width: 100%;}
.d-d-scrollable .d-d-resultsTable { border: 0px; }
.d-d-scrollable .d-d-resultsTable .custom-progess { position: absolute; top: auto; left: 100%; z-index: 9; width: 280px; background: #fff; border: 1px solid #cacaca; padding: 0px; display: none; margin-top: -2px;}
.d-d-scrollable .details-popup .popupTitle { padding: 6px 12px; border-radius: 0px; font-size: 14px; font-family: proxima_nova_rgregular; border-bottom: 1px solid #ebebeb;}
.d-d-scrollable .details-popup .performance-ratio-details { padding: 0; }
.d-d-scrollable .performance-ratio-details .month-generation { width: 100%; padding: 0px;}
.d-d-scrollable .custom-progess .performance-ratio-details table { border: none; margin-bottom: 0px;}
.d-d-scrollable .custom-progess .performance-ratio-details table tbody tr td { font-size: 14px; font-family: 'proxima_novasemibold'; white-space: normal !important;}
.d-d-scrollable .custom-progess .performance-ratio-details table .textBold { font-size: 15px; }
.d-d-scrollable .custom-progess.ac-tooltip-open { display: block; }
.d-d-scrollable .custom-progess.arrowdown.ac-tooltip-open { margin-top: 3px; }

.dc-input-channel { width: 100%; float: left; border: 1px solid #dfe6f1;}
.dc-input-channel .dc-input-channel-menu { width: 100%; float: left; height: 480px; overflow-y: auto;}
.dc-input-channel-menu .dc-stepone { width: 100%; float: left; }
.dc-input-channel-menu .dc-stepone li { font-size: 15px; }
.dc-input-channel-menu .dc-input-channel-row { width: 100%; float: left; padding: 12px 10px;}
.dc-input-channel-menu .dc-input-channel-row i  { float: right; cursor: pointer; width: 15px; margin-top: 3px;}
.dc-input-channel-menu .dc-input-channel-row i:hover { color: #078df5; }
.dc-input-channel-menu .dc-stepone .dc-input-channel-row a { color: #444444; width: calc(100% - 55px); float: left; word-break: break-word; padding-right: 5px;}
.dc-input-channel-menu .dc-steptwo, .dc-input-channel-menu .dc-stepthree, .dc-input-channel-menu .dc-stepfour { padding-left: 20px; }
.dc-input-channel-menu .dc-stepfour { padding-left: 40px;}
.dc-input-channel .dc-input-channel-menu ul li .dc_input_arrow { width: 20px; height: 10px; float: left; background: url(../images/plant_arrow-down.svg) no-repeat; margin-top: 6px; cursor: pointer; }
.dc-input-channel ul li .dc-input-channel-row.collapsed .dc_input_arrow { transform: rotate(-90deg); margin-top: 0px;}
.dc-input-channel .legendSquare { width: 10px; height: 10px; background: #000; float: left; margin-top: 5px; margin-right: 5px;}
.dc-input-channel .dc-input-channel-menu .dc-stepfour .dc_input_arrow { background: transparent; width: 0;}
.dc-input-channel .ulContent.collapsed { display: none; }
.dc-input-channel .dc-input-channel-menu .d-d-scrollable { height: auto; border: none;}
.dc-input-channel .d-d-scrollable .d-d-resultsTable { margin: 0px; }

.dc-input-channel .d-d-scrollable .d-d-resultsTable .custom-progess { display: block; }
.dc-input-channel .d-d-scrollable { display: none; }
.dc-input-channel-row i:hover + .d-d-scrollable { display: block; }

.legendSquare.pink          { background: rgb(204, 34, 102);}
.legendSquare.purple        { background: rgb(85, 68, 85);}
.legendSquare.red           { background: rgb(136, 0, 102);}
.legendSquare.purpledark    { background: rgb(85, 68, 102);}
.legendSquare.green         { background: rgb(136, 170, 136);}
.legendSquare.blue          { background: rgb(34, 85, 170);}
.legendSquare.orange        { background: rgb(204, 119, 102);}

.custom-checkbox { float: left; }
.custom-checkbox label { cursor: pointer; margin-right: 5px; position: relative; top: 2px;}
.custom-checkbox label input[type="checkbox"] { display: none; }
.custom-checkbox label input[type="checkbox"] + .label-text:before { display: inline-block; margin: 0; vertical-align: top; width: 15px; height: 15px; background: #a4a8ad; color: #fff; border-radius: 4px; content: ""; text-align: center; font-size: 10px; line-height: 16px;}
.custom-checkbox label input[type="checkbox"]:checked + .label-text:before { background: #078df5 url(../images/check-mark.png) no-repeat; text-align: center; color: #fff; content: ""; background-size: 9px; background-position: center center;}
.d-d-resultsTable .custom-progess:after { content: " "; width: 30px; height: 24px; background: url(../images/dd-left-arrow.svg) no-repeat; position: absolute; left: -25px; top: 10px; transform: rotate(-180deg);}
.d-d-resultsTable .custom-progess.arrowdown:after { top: auto; bottom: 1px;}

/* ========== Device Diagnostics left tab ==========*/

textarea.form-control.hght172px { height: 172px; }
.e-l-m-head-title { line-height: 36px; }

/* ========== Notification ==========*/
.main-navigation .notification-section { float: right; height: 70px; border-left: 1px solid #424e55;}
.main-navigation .notification-section .navbar-nav li.dropdown .dropdown-menu { top: 100%; right: 0px; left: auto; min-width: 400px; background: #fff; margin-top: 12px;}
.main-navigation .notification-section .navbar-nav .dropdown-menu li { padding: 10px 10px 5px 10px !important; width: 100%; float: left; border-bottom: 1px solid #ddd;}
.main-navigation .notification-section .navbar-nav .dropdown-menu li:last-child { border-bottom: 0px; }
.main-navigation .notification-section .navbar-nav .dropdown-menu li a { padding: 0 10px; color: #000;}
.main-navigation .notification-section .navbar-nav li label { width: 12px; height: 12px; margin-top: 4px; margin-right: 10px; float: left;}
.notification-section .navbar-nav li .plant-evenet-name { width: calc(100% - 22px); float: left; }
.main-navigation .notification-section .navbar-nav li .plant-evenet-name span { width: 50%; float: left; padding-left: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.main-navigation .notification-section .navbar-nav li .plant-evenet-name span:first-child { border-right: 1px solid #ddd; padding-left: 0px; padding-right: 10px;}
.notification-section .dropdown.open i { color: #fff; }
.notification-section .dropdown:hover i { color: #fff; }
.notification-section .dropdown i { line-height: 70px;}
.main-navigation .notification-section .navbar-nav .dropdown-menu li.view-all-btn { padding: 5px 10px 10px 10px !important; text-align: right; width: auto; float: right;}
.main-navigation .notification-section .navbar-nav .dropdown-menu li.view-all-btn a { padding: 2px 5px 0 0; font-size: 14px; color: #078df5;}
.main-navigation .notification-section .navbar-nav .dropdown-menu li.view-all-btn a:hover { color: #078df5;}
.main-navigation .notification-section .navbar-nav .dropdown-menu li.view-all-btn a:hover { background: transparent; }
.main-navigation .notification-section .navbar-nav li .dropdown-toggle { position: relative; }
.main-navigation .notification-section .navbar-nav li .dropdown-toggle span { position: absolute; top: 15px; right: -15px; width: 22px; height: 22px; background: #ef0303; border-radius: 50%; color: #fff; font-size: 10px; text-align: center; line-height: 22px;}
.main-navigation .notification-section .ntfctn-date-time { width: 100%; float: left; padding-left: 22px; font-size: 12px; color: #999;}
.main-navigation .notification-section .navbar-nav li.dropdown .dropdown-menu:after { content: ""; position: absolute; top: -10px; right: 20px; z-index: 999; transform: rotate(180deg); background: url(../images/notification-arrow.png) no-repeat; width: 20px; height: 10px; background-size: cover;}


/* ========== Notification ==========*/

.tablelayout-fixed { table-layout: fixed; }
.tablelayout-fixed .text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.custom-textoverlay { overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap;}
select.form-control { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none;}
select.form-control { background: url(../images/select-arrow.png) no-repeat; background-position: center right 12px; background-size: 8px; padding-right: 22px;}

.mapListFilter input { width: 100px; display: inline-block; vertical-align: middle; margin: 0 5px;}
.mapListFilter select { width: 200px; display: inline-block; vertical-align: middle; margin: 0 5px;}
.mapListFilter .btn { width: 74px; }

/* ========== AR479-22/03/2019 ==========*/

.tab-to-checkbox .nav li { position: relative; font-family: 'proxima_novasemibold'; background: #f4f8fe; margin: 0 -1px;}
.tab-to-checkbox .nav-pills li.first { border-radius: 40px 0 0 40px;}
.tab-to-checkbox .nav-pills li.last  { border-radius: 0 40px 40px 0;}
.tab-to-checkbox .chkblock input[type="checkbox"] { opacity: 0; margin: 0; display: none; }
.tab-to-checkbox .chkblock .chklabel { margin: 0; padding: 7px 20px; cursor: pointer;}
.tab-to-checkbox .chkblockbtn .chklabel > span  { background: #f4f8fe; border: 1px solid #dfe6f1; font-size: 14px; font-family: 'proxima_novasemibold'; padding: 7px 20px; border-radius: 0px; margin-right: -1px;}
.tab-to-checkbox .chkblock .chklabel::before { vertical-align: middle; width: 0; height: 0; display: inline-block; content: ""; border-radius: 50%;}
.tab-to-checkbox .chkblock input[type="checkbox"]:checked+label::before { width: 0; height: 0; border: 0; display: inline-block; content: ""; border-radius: 50%;}
.tab-to-checkbox .nav li.active { background: #078df5; color: #fff;}
.dashboard-map button.gm-ui-hover-effect[aria-label="Close"] { top: 0px !important; right: 0px !important;}
.list-not-found-pd15 { padding: 0 15px; }
.db_management_filter .checkbox-inline input[type="radio"] { position: relative; top: 2px; }
.abb-output-title { margin-bottom: 15px; }
body.modal-open { position: fixed; }
.select2_arrow .select2 .select2-selection { background: url(../images/select-arrow.png) no-repeat; background-position: center right 12px; background-size: 8px; padding-right: 22px; } { transform: ; }
.select2_arrow .select2 .select2-selection .select2-selection__rendered { position: relative; padding-right: 15px; z-index: 0;}
.select2_arrow .select2 .select2-selection .select2-selection__rendered .select2-selection__clear { position: absolute; right: -3px; top: 50%; transform: translateY(-50%); margin-top: 3px; margin-right: 0px; width: 20px; text-align: center; z-index: 999;}
.executive_technical_report_button { width: auto; float: left; margin-right: 10px;}
.hideScroll { overflow: hidden; }
.custom-textoverlay input[type="file"] { width: 100%; }

.p-m-search-section .custom-select { width: auto; display: inline-block; max-width: 200px; position: relative; top: 2px;}
.primery-plant { font-size: 9px; float: right; color: #a3a8ad; font-weight: bold; padding-top: 9px;}
.primery-plant-text { font-size: 18px; float: right;font-family: 'proxima_novabold'; color: #222222;}

.export-filter { margin-top: 10px;}
.export-filter .checkbox-inline { margin-right: 10px;}
.export-filter .form-group .checkbox-inline input { top: -1px; }