@charset "utf-8";
/*---------------- font face kit ----------------------*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,600);
@font-face { font-family: 'ubuntumedium'; src: url('fonts/ubuntu-medium.eot'); src: url('fonts/ubuntu-medium.eot?#iefix') format('embedded-opentype'), url('fonts/ubuntu-medium.woff2') format('woff2'), url('fonts/ubuntu-medium.woff') format('woff'), url('fonts/ubuntu-medium.ttf') format('truetype'), url('fonts/ubuntu-medium.svg#ubuntumedium') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'ubuntubold'; src: url('fonts/ubuntu-bold.eot'); src: url('fonts/ubuntu-bold.eot?#iefix') format('embedded-opentype'), url('fonts/ubuntu-bold.woff2') format('woff2'), url('fonts/ubuntu-bold.woff') format('woff'), url('fonts/ubuntu-bold.ttf') format('truetype'), url('fonts/ubuntu-bold.svg#ubuntubold') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'ubuntulight'; src: url('fonts/ubuntu-light.eot'); src: url('fonts/ubuntu-light.eot?#iefix') format('embedded-opentype'), url('fonts/ubuntu-light.woff2') format('woff2'), url('fonts/ubuntu-light.woff') format('woff'), url('fonts/ubuntu-light.ttf') format('truetype'), url('fonts/ubuntu-light.svg#ubuntulight') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'ubuntumedium'; src: url('fonts/ubuntu-medium.eot'); src: url('fonts/ubuntu-medium.eot?#iefix') format('embedded-opentype'), url('fonts/ubuntu-medium.woff2') format('woff2'), url('fonts/ubuntu-medium.woff') format('woff'), url('fonts/ubuntu-medium.ttf') format('truetype'), url('fonts/ubuntu-medium.svg#ubuntumedium') format('svg'); font-weight: normal; font-style: normal; }

/*------------- page css start ----------------*/
body { margin: 0px; padding: 0px; background: #fff; font-size: 13px; font-family: 'ubuntumedium'; overflow-x: hidden; overflow-y: hidden; }

label { margin-right: 5px; margin-left: 5px; line-height: 29px; }

label, b, strong, text { font-family: 'ubuntubold'; font-weight: normal; }

.container { width: 100%; }
/*-- scroll bar css --*
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);	border-radius: 0px;	background-color: #F5F5F5;}
::-webkit-scrollbar{width: 6px; height:6px;	background-color: #F5F5F5;}
::-webkit-scrollbar-thumb{border-radius: 0px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #555;}
/*-- global class  --*/
.dashboard { margin-top: 15px; }
.datapart .col-md-8, .datapart .col-md-4 { padding: 0px 15px; }
.datapart .col-md-8 { padding-left: 15px; }
.datapart .col-md-4 { padding-left: 20px; }
strong#divDailyTitle { margin-left: -13px; }
.noradius { border-radius: 0px; }
.nomalradius { border-radius: 3px; }
.noborder { border: 0px !important; }
.excelicon { font-size: 20px; color: transparent; background: url('../images/hover-excel.png') left center no-repeat; width: 19px; right: 9px; height: 19px; background-size: 100%; top: 4px; position: relative; }
.excelicon:hover { cursor: pointer; background: url('../images/excel-icon.png'); background-size: 100%; }
.nooverflow { height: auto; overflow: hidden; padding-bottom: 15px; }
.datepicker-dev { display: inline-block; }
.halfchart .datepicker-dev .k-datepicker, .halfchart .datepicker-dev .kendo-make-readonly { height: auto !important; font-size: 12px !important; margin-top: 0px!important; margin-bottom: 0px!important; }
.height223 .kendo-make-readonly { margin-top: initial !important; }
.height223 input.btn { height: 26px !important; font-size: 14px!important; margin-top: 3px!important; margin-bottom: -3px!important; float: right; margin-left: 5px; }
.height223 strong, .height223 label { line-height: 32px; font-weight: normal; margin-top: -3px; }
span.k-widget.k-datepicker.k-header.kendo-make-readonly { float: left; }
.tripodtiles span.kendo-make-readonly { float: none !important; }
.height223 label { float: left; margin-right: 5px; margin-left: 5px; }
.height223 .datepicker-dev { display: inline-block; margin-bottom: -16px; }
.datepicker-dev label { float: left; }
.rigttoppanel .datepicker-dev, .rigttoppanel .datepicker-dev label { margin-left: 5px; margin-right: 5px; }
.breadcrumb { padding: 8px 15px 0px; }
.Container-thumb { padding: 15px 15px; }
.detailsidetable { }
.detailsidetable tr td { width: 25%; }
.detailsidetable tr td { width: auto; }
.detailsidetable tr td:nth-child(1), .detailsidetable tr td:nth-child(3) { background: rgba(242, 241, 241, 1); }
.nomargin { margin: 0 0 0 0 !important; }
.mapbg { background: url(../images/GIF_IMG_A.png); background-size: cover; width: 263px; height: 40px; background-position: center top; position: relative; }
.mapbg2 { background: url(../images/GIF_IMG_A.png); background-size: cover; height: 40px; background-position: center top; position: relative; }
.mapbg .Image_alias, .mapbg2 .Image_alias { text-align: center; font-size: 11px; position: absolute; bottom: 0; text-align: center; width: 100%; background: #fff; }
.height223 { height: 223px; }
.height120 { height: 98px; overflow-y: auto; min-height: 98px !important; }
.message { background: rgba(228, 228, 228, 0.6); width: 100%; height: 100%; position: fixed; z-index: 999; left: 0; top: 0; }
.loding-inner { position: absolute; left: 50%; margin-left: -67px; top: 50%; margin-top: -67px; z-index: 99999; }
.red-text { color: #cb0d0d; }
.wtext { color: #fff !Important; }
.datepickernew { width: 130px !important; }
.contant .title i.excelicon { float: right; position: relative; top: 5px; right: -17px; }
.padding5 { padding: 5px; }
.cstmpanel { border-left: 5px #4a8bc2 solid; margin-bottom: 5px; }
.cstmpanel ul { margin-bottom: 2px; }
.cstmpanel ul li { padding: 2px 15px; }
.well p { margin-bottom: 0px; }
.row11 { margin-right: -11px; margin-left: -11px; }
well { margin-bottom: 5px; }
.table-div { max-width: 100%; overflow: auto; }
.k-grid table tr td, .k-grid table tr th { padding: 3px 8px !important; }
.k-selectable tr td:hover { background-image: url('textures/highlight.png'); background-color: #5C9CCC; color: #fff; background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .0) 100%); background-image: none, -moz-linear-gradient(top, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .0) 100%); background-image: none, -o-linear-gradient(top, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .0) 100%); background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .0) 100%); }
div#diagram { border: 0px; }
/*-- css arrow div class -----*/
.arrow_box { position: relative; background: #4a8bc2; border: 4px solid #c2e1f5; color: #fff; font-size: 15px; max-width: 155px; height: 43px; padding: 5px 15px; margin-bottom: 20px; }
.arrow_box:after, .arrow_box:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow_box:after { border-color: rgba(74, 139, 194, 0); border-left-color: #4a8bc2; border-width: 17px; margin-top: -17px; }
.arrow_box:before { border-color: rgba(194, 225, 245, 0); border-left-color: #c2e1f5; border-width: 22px; margin-top: -22px; }
.arrow_box label { float: left; }
.arrow_box i { float: right; margin-top: 5px; }
/*----------- css arrow class css end -------------*/

/*----------badge css class------------*/
/*.badge-danger { background-color: #FE7045 !important; }*/
/*red color*/
/*.badge-light-danger { background-color: #EB5B5B !important; }*/
/*red color light*/
/*.badge-success { background-color: #d58512 !important; }*/
/*orange color*/
/*.badge-warning { background-color: #FF6600: !important; }*/
/*green color*/
/*.badge-info { background-color: #269abc !important; }*/
/*clue color*/
/*.badge-inverse { background-color: #333333 !important; }*/
/*black color*/
/*.badge-purpal { background-color: #750fcf !important; }*/
/*purpal color*/

/*-- table css start ---*/
.blue-table tr th { background: #4a8bc2; color: #fff; text-align: center; font-size: 14px; font-weight: normal; }
/*-- table css end ----*/

/*-- header --*/
.header { padding: 5px 0px; background: #eaeaea; }

.usermenu { text-align: left; }

.usermenu ul { float: right; padding: 0px; margin: 0px; }

.usermenu ul li { float: left; list-style: none; margin: 0px 9px; text-align:left; }

.usermenu ul li a { color: #525252; line-height: 45px; font-size: 14px; padding:5px 8px; }

.usermenu ul li a:hover { color: #4a8bc2; text-decoration: none; }

.usermenu ul li a i { margin-right: 10px; }

.mdashboard { width: 83.33333333%; margin-left: 8.33333333%; }

/*--- navigation --*/
.navigation nav { background: #4a8bc2; margin-bottom: 5px; }

.navigation ul li { text-align: left; }

.navigation ul li i { margin-right: 10px; }

.navigation ul li:first-child a { border-left: 0px rgba(207, 207, 207, 0.48) solid; text-align: left; }

.navigation ul li a { color: #fff !important; text-transform: capitalize; border-right: 0px rgba(207, 207, 207, 0.48) solid; text-align: center; font-size: 14px; }

.navigation ul li.open a, .navigation ul li a:hover { color: #4a8bc2!important; background: #fff !important; }

.mmenu { display: none; }

.dropdown-large { position: static !important; }

.dropdown-menu-large { margin-left: 16px; margin-right: 16px; padding: 20px 0px; position: absolute; left: 0; width: 98%; }

.dropdown-menu-large > li > ul { padding: 0; margin: 0; }

.dropdown-menu-large > li > ul > li { list-style: none; }

.dropdown-menu-large > li:first-child > a { border-left: 0px; }

.dropdown-menu-large > li > ul > li > a { display: block; border: 0px; padding: 3px 20px; clear: both; text-align: left; font-weight: normal; line-height: 1.428571429; color: #333333 !important; white-space: normal; }

.dropdown-menu-large > li ul > li > a:hover, .dropdown-menu-large > li ul > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; }

.dropdown-menu-large .disabled > a, .dropdown-menu-large .disabled > a:hover, .dropdown-menu-large .disabled > a:focus { color: #999999; text-align: left; }

.dropdown-menu-large .disabled > a:hover, .dropdown-menu-large .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; cursor: not-allowed; }

.dropdown-menu-large .dropdown-header { color: #428bca; font-size: 18px; }

.noborder { border: 0px !important; }
/*-- navigation END -------------*/
/*-- footer logo --*/
.footer { padding: 5px 0px 0px; line-height: 26px; background: #eaeaea; position: absolute; bottom: 0px; z-index: 9999; width: 100%; }

a.footerlogo img { max-width: 68px; }
/*-- mid part css --*/
.midpart { padding: 0px 0px; height: auto; overflow: auto; }
/*-- contant part css --*/
.contant { width: 100%; margin: 5px auto; border-radius: 5px; border: 1px #cfcfcf solid; min-height: 150px; padding: 0px 0px 5px 0px; overflow: auto; min-height: 610px;   position:relative;   }

.contant .title { width: 100%; padding: 4px 15px; color: #fff; text-transform: uppercase; line-height: 27px; letter-spacing: 1px; background: rgb(74, 139, 194); border-top-left-radius: 3px; border-top-right-radius: 3px; margin-bottom: 5px; }

.contant-inner { width: 99%; margin: 5px auto; border-radius: 5px; border: 1px #cfcfcf solid; min-height: 150px; padding: 0px 0px 5px 0px; }

.contant-inner .title-inner { width: 100%; padding: 4px 15px; overflow: hidden; color: #000; text-transform: uppercase; line-height: 27px; letter-spacing: 1px; border-top-left-radius: 3px; border-top-right-radius: 3px; margin-bottom: 5px; background-image: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%); background-image: -moz-linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%); }

/*-- dashboard title css start --*/
.tilespart-title { padding: 10px 15px; margin-bottom: 15px; background: #efefef; }

.tilesleft { background: #4d5360; color: #fff; padding: 25px 10px; min-height: 370px; margin-top: 5px; }

.tilesleft h2 { font-family: 'Century Gothic',Helvetica, sans-serif; text-shadow: 1px 1px 1px #000; font-size: 28px; margin-bottom: 10px; }

.tilesleft span { text-align: center; font-size: 14px; font-family: 'Century Gothic',Helvetica, sans-serif; }

.tilelist li:first-child, .tilelist li:last-child { border-radius: 0px; }

.tilelist { margin-top: 23px; margin-bottom: 0px; }

.tilelist li { color: #333; padding: 2px 2px; margin-bottom: 10px; border-radius: 0px; overflow: hidden; height: auto; background: #e5e5e5; }

.tilelist li .textblock { font-size: 15px; float: left; color: #333; word-break: break-all; width: 55%; text-align: center; padding: 0px 5px; line-height: 24px; padding-top: 5px; }

.blublock { float: left; background: #4a8bc2; min-width: 117px; font-size: 31px; width: 31%; color: #fff; min-height: 37px; max-height: 37px; }

.blublock p { font-size: 31px; line-height: 37px; margin-bottom: 0px; }

.titlebox { width: 100%; max-height: 150px; float: left; width: 48%; margin: 5px 5px; border: 1px #efefef solid; background: #4394ec; background: -moz-linear-gradient(50deg, #4394ec 0%, #60b3f9 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#4394ec), color-stop(100%,#60b3f9)); background: -webkit-linear-gradient(50deg, #4394ec 0%,#60b3f9 100%); background: -ms-linear-gradient(50deg, #4394ec 0%,#60b3f9 100%); background: linear-gradient(50deg, #4394ec 0%,#60b3f9 100%); transition-duration: 0.2s; transition-timing-function: ease-out; }

.tilelist_Ceragon { margin-top: 54px; margin-bottom: 20px; }

.titlebox-inner { width: 274px; float: left; min-height: 20px; position: relative; padding: 10px 5px; height: 110px; }

.titlebox .thumbnail { margin-bottom: 0px; border: 0px; border-radius: 0px; min-width: 115px !important; min-height: 115px !important; padding: 6px; }

.icon { font-size: 17px; display: none; color: #fff; border: 1px #fff solid; border-radius: 50px; padding:1px 8px 2px 7px; width: 28px; height: 28px; vertical-align: middle; padding: 4px 8px 2px 8px; position: absolute; right: 0; bottom: 0; }

.icon:hover { cursor: pointer; }

.icon img:hover { cursor: pointer; transform: rotate(360deg); }

.icon i { color: #fff; }

.titlebox h2 { font-size: 24px; border-bottom: none; padding-bottom: 0; color: #fff; }

.titlebox p { font-size: 12px !important; word-break: break-all; margin-top: 15px; margin-bottom: 15px; color: #fff; text-transform: uppercase;font-weight:bold }

.titlebox:hover .icon { display: block; }

.titlebox:hover { box-shadow: 1px 1px 4px #ccc; }
/*-------------------- new dashboard css start -----------------------*/
.blublock2 { min-width: 85px; font-size: 31px; width: 30%; }

.tilelist li .textblock2 { width: 70%; }

.tripod { width: 32%; }

.tripod .titlebox-inner { width: 99%; height: 116px; }

.tripod .titlebox-inner h2 { margin: auto; font-size: 15px; text-align: left; padding-right: 0px; }

.tripod .titlebox-inner p { position: absolute; right: 10px; top: 9px; font-size: 18px !important; border-bottom: none; padding-bottom: 0; text-shadow: 1px 1px 0 #4c4c64; color: #fff; font-weight: 500; }

.tripod .icon { bottom: 4px; }

.tripod table { width: 92%; position: relative; bottom: -44px; left: -2px; }

.tripod table tr td { padding: 1px 5px; text-align: left; color: #FFF; vertical-align: bottom; }

.tripod table tr td:first-child { text-align: left; width: 210px; }

.tripodliscontainer { height: 374px; }

.red-tile { background: rgb(201,38,28); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5MjYxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZDZmNDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(201,38,28,1) 0%, rgba(253,111,68,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,38,28,1)), color-stop(100%,rgba(253,111,68,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(201,38,28,1) 0%,rgba(253,111,68,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(201,38,28,1) 0%,rgba(253,111,68,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(201,38,28,1) 0%,rgba(253,111,68,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(201,38,28,1) 0%,rgba(253,111,68,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9261c', endColorstr='#fd6f44',GradientType=0 ); /* IE6-8 */ }

.orange-tile { background: rgb(249,141,30); /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5OGQxZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ZlYjQyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(249,141,30,1) 0%, rgba(254,180,44,1) 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,141,30,1)), color-stop(99%,rgba(254,180,44,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(249,141,30,1) 0%,rgba(254,180,44,1) 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(249,141,30,1) 0%,rgba(254,180,44,1) 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(249,141,30,1) 0%,rgba(254,180,44,1) 99%); /* IE10+ */ background: linear-gradient(to bottom, rgba(249,141,30,1) 0%,rgba(254,180,44,1) 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f98d1e', endColorstr='#feb42c',GradientType=0 ); /* IE6-8 */ }

.green-tile { background: rgb(124,188,29); /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzdjYmMxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzJhYTkxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(124,188,29,1) 5%, rgba(42,169,28,1) 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(124,188,29,1)), color-stop(99%,rgba(42,169,28,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(124,188,29,1) 5%,rgba(42,169,28,1) 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(124,188,29,1) 5%,rgba(42,169,28,1) 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(124,188,29,1) 5%,rgba(42,169,28,1) 99%); /* IE10+ */ background: linear-gradient(to bottom, rgba(124,188,29,1) 5%,rgba(42,169,28,1) 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cbc1d', endColorstr='#2aa91c',GradientType=0 ); /* IE6-8 */ }
/*--------- here is admin--------------*/
.devicehead { padding: 4px 12px; font-size: 14px; }

.devicebox { padding: 5px 12px; font-size: 12px; }
/*------------- device dashboard css is here --------------*/
/*#gridOverView table tr th, .contant table tr th { min-width: 132px !Important; }*/
/*-- kendo grid css here ----*/
.contant .k-grid-content { height: auto !important; min-height: 473px; max-height: 474px; width: 100%; overflow: scroll; }

div#gridSlots .k-grid-content { min-height: 210px !important; max-height: 454px !important; }


div#divGridSlots { min-height: 505px; max-height: 506px; }
/*div#divGridSlots .k-grid-header table tr th:nth-child(2), div#divGridSlots table tr td:nth-child(2) {display:none !important;}*/
#NetworkDown .k-grid-content, #NetworkLive .k-grid-content, #gridOperational .k-grid-content { height: auto !important; max-height: 461px; }

div#divGridAll .k-grid-content { min-height: 484px !important; max-height: 485px; }

#grid_AuditLog .k-grid-content { min-height: 474px;  max-height: 474px;  width: 100%; overflow: auto; }

div#NetworkLive .k-grid-content { min-height: 475px; }

div#gridAlert .k-grid-content { min-height: 385px; max-height: 388px; }

div#grid_Logs .k-grid-content { min-height: 388px; max-height: 389px; }

/*.contant table { min-width: 1200px; }*/

/*.k-detail-cell table { width: inherit !important; min-width: 1200px; }*/

/*.contant table tr th, .contant table tr th { font-weight: normal; width: 200px; }

.contant .k-grid-content table tr td, .contant .k-grid-content table tr th { width: 200px; }*/

.contant .k-pager-wrap { background: #4a8bc2 !important; }

.contant .k-pager-wrap .k-link { border-color: #fff; }

.contant .k-pager-wrap .k-link { color: #fff; }

.contant .k-pager-info { color: #fff; font-size: 12px; }

.contant .k-pager-wrap > .k-link, .k-pager-wrap > .k-link { background: #afcce3; background: #d2e2f0; }

.k-state-hover, .k-state-hover:hover, .k-splitbar-horizontal-hover:hover, .k-splitbar-vertical-hover:hover, .k-list > .k-state-hover, .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .k-pager-wrap .k-link:hover, .k-dropdown .k-state-focused, .k-imagebrowser-dropzone, .k-mobile-list .k-item > .k-link:active, .k-mobile-list .k-item > .k-label:active, .k-mobile-list .k-edit-label.k-check:active, .k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active, .k-mobile-list .k-recur-view .k-check:active { border-color: #fff !important; }

.k-button:hover, .k-button:focus, .k-button.k-state-focused, .k-textbox:hover, .k-state-hover, .k-state-hover:hover, .k-pager-wrap .k-link:hover, .k-other-month.k-state-hover .k-link, div.k-imagebrowser-dropzone em, .k-draghandle:hover { background: #fff; color: #000; }

.contant .k-pager-numbers .k-state-selected { border-color: #fff; }

.contant .k-pager-wrap .k-link:hover, .k-pager-wrap .k-link:hover { background: #fff !important; color: #333 !important; }

.contant .k-pager-numbers .k-link, .k-treeview .k-in { border-color: transparent; }

.k-grid-content .k-grid-Details span.k-icon.k-justifyFull { margin-top: -5px; margin-right: 5px; }

span.k-widget.k-combobox.k-header { min-width: 200px !important; height: 24px!important; font-size: 11px!important; margin-top: 0px!important; margin-bottom: 2px!important; }

.contant table tr:last-child td { border-bottom: 1px solid #dddddd !important; }

.k-filter-menu .k-dropdown { background: transparent !important; }

.k-window-titlebar .k-window-action { background: #fff; }

.contant table .k-detail-cell .k-pager-wrap { max-width: 1200px; }

#gridSlots { max-height: 492px; border: 0px !important; }

.contant #gridSlots tr:last-child td { border-bottom: 1px solid #dddddd !important; }

.contant #gridSlots .k-hierarchy-cell { width: 12px !important; min-width: 12px !important; }

.contant #gridSlots .k-widget.k-grid.k-secondary table { border-right: 1px #ccc solid; }

.contant #gridSlots .k-selectable td:hover { cursor: pointer; }
/*---------------2nd half table------*/
.half-table { width: 100% !important; min-width: inherit !important; word-break: break-all; }

.half-table tr th { background: #4a8bc2; color: #fff; text-align: center; }
/*.smalltd tr td:nth-child(1) { width:18%;}
.smalltd tr td:nth-child(2) { width:90%;}*/
.half-table table { width: 100% !important; min-width: inherit !important; word-break: break-all; }

.half-table table tr th { background: #4a8bc2; color: #fff; text-align: center; max-width: 113px !important; }
/*--- kendo icon background position -----*/
.k-disabled { margin-right: 5px; }

.k-disabled, div#NetworkDown .k-alert { background-position: -176px -239px; margin-right: 5px; }

.CustAlert .k-performance, div#NetworkDown .k-performance, #NetworkLive .k-performance { background-position: -32px -127px; margin-right: 5px; }

.CustAlert .k-view, div#NetworkDown .k-view, #NetworkLive .k-view { background-position: -247px -218px; margin-right: 5px; }

.k-restore { background-position: -32px -146px; margin-right: 5px; }

.k-addservices { background-position: -31px -272px; margin-right: 5px; }

.k-addNMS { background-position: -32px -207px; margin-right: 5px; }

.k-monitoring { background-position: -32px -193px; margin-right: 5px; }

.k-restore { background-position: -32px -146px; margin-right: 5px; }
/*--------------------tab part css is here -------------*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #4A8BC2; cursor: default; background-color: #fff; border: 1px solid #4A8BC2; border-bottom-color: transparent; }

.nav-tabs > li { min-width: 100px; text-align: center; }

.nav-tabs > li a { text-transform: capitalize; text-transform: capitalize; background-color: #4A8BC2; color: #fff; border-bottom: 1px #4A8BC2 solid; }

.nav > li > a:hover, .nav > li > a:focus { color: #4a8bc2; }

.tab-content { padding-top: 5px; border-top: 1px #4a8bc2 solid; margin-top: 1px; width: 100%; overflow: auto; min-height: 420px; }

.CustAlert .k-performance { background-position: -32px -127px; }

.nav-tabs { border-bottom: 0px solid #ddd; }

.nav-tabs li a i { margin-right: 5px; }
/*----------------left tab start ------------*/
.tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; min-width: 200px; max-width: 225px; }

.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 2px; }

.tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd; }

.tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }

.tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus { border-color: #fff #fff #fff #fff; }

.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus { border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; }

.tab-content-left { border-left: 0px #4a8bc2 solid; width: auto; border-top: 0px; }

.tabs-left > .nav-tabs > li a { background-color: #F5F5F5; color: #000; border-bottom: 1px #fff solid; }

.tabs-left > .nav-tabs > li a { text-align: left; position: relative; padding-bottom: 10px; }

.tabs-left > .nav-tabs > li i { position: absolute; right: 5px; top: 50%; color: #555; font-size: 19px; display: none; margin-top: -9px; }

.tabs-left > .nav-tabs > li a:hover { color: rgb(74, 139, 194) !important; Background: #fff; }

.tabs-left > .nav-tabs > li a:hover i { color: rgb(74, 139, 194) !important; }

p#activeServiceName { line-height: 27px; }

.tabs-left > .nav-tabs > li.active a { color: rgb(74, 139, 194) !important; Background: #fff; }

.tabs-left > .nav-tabs > li.active a i { display: block; }

.tab-pane-wrk.active { display: block !important; }
/*----------------------- side menu css start -----------------------------*/
.sidebar { z-index: 999999; position: fixed; top: -1px; bottom: -1px; padding: 0px; width: auto; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }

.sidebar > .row > .col-xs-12, .sidebar > .row > .col-sm-12, .sidebar > .row > .col-md-12, .sidebar > .row > .col-lg-12 { padding: 0px; position: absolute; bottom: 0px; top: 0px; overflow: auto; }

.sidebar > .row { margin: 0px; }

.sidebar { width: auto; }

.sidebar.sidebar-left { left: 0px; right: 20px; }

.sidebar.sidebar-right { right: 0px; left: 20px; }

.toggler { -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); width: 20px; height: 48px; position: absolute; top: 45%; cursor: pointer; }

.sidebar-left > .toggler { -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-left: 1px solid #fff; -webkit-box-shadow: 1px 0px 8px rgba(0, 0, 0, .175); box-shadow: 1px 0px 8px rgba(0, 0, 0, .175); right: -20px; }

.sidebar-left > .toggler > span { margin: 15px 2px; }

.sidebar-left > .toggler > .glyphicon-chevron-right { display: none; }

.sidebar-right > .toggler { -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-right: 1px solid #fff; -webkit-box-shadow: -1px 0px 8px rgba(0, 0, 0, .175); box-shadow: -1px 0px 8px rgba(0, 0, 0, .175); left: -20px; }

.sidebar-right > .toggler > span { margin: 15px 2px; }

.sidebar-right > .toggler > .glyphicon-chevron-left { display: none; }

.sidebar .submenu { display: none; position: fixed; }
/*Native BootStrap Hack*/
.sidebar .list-group-item:last-child, .sidebar .list-group-item:first-child { border-radius: 0px; }

.sidebar .list-group { margin-bottom: 0px; }

.sidebar .list-group-item { padding: 5px; border: 1px solid #DDD; border-left: 0px; border-right: 0px; margin-bottom: 0px; margin-top: -1px; }
/*---------------------- side menu css end here --------------------------------*/

/**************Timer *********************************** */
#liveClock .clock { width: 400px; margin: 0 auto; padding: 30px; border: 1px solid #333; color: #fff; }

#liveClock > #Date { font-size: 11px; text-align: center; margin-top: 2px; }

#liveClock ul { margin: 0 0px 0px 15px; padding: 0px; list-style: none; text-align: center; }

#liveClock ul li { display: inline; font-size: 15px; text-align: center; text-shadow: 1px 1px 0px #fff; color: #000000; font-weight: 500; }

#liveClock > #point { position: relative; -moz-animation: mymove 1s ease infinite; -webkit-animation: mymove 1s ease infinite; padding-left: 10px; padding-right: 10px; }
/* Simple Animation */
@-webkit-keyframes mymove {
    0% { opacity: 1.0; text-shadow: 0 0 20px #00c6ff; }

    50% { opacity: 0; text-shadow: none; }

    100% { opacity: 1.0; text-shadow: 0 0 20px #00c6ff; }
}

@-moz-keyframes mymove {
    0% { opacity: 1.0; text-shadow: 0 0 20px #00c6ff; }

    50% { opacity: 0; text-shadow: none; }

    100% { opacity: 1.0; text-shadow: 0 0 20px #00c6ff; }
}
/**************End of Timer *********************************** */
/*--- ---------------------- popup box css start -----------------------*/
.cf:before, .cf:after { display: table; content: ' '; }

.cf:after { clear: both; }

.cf { *zoom: 1; }

img { max-width: 100%; height: auto; }

figure { margin: 0; padding: 10px; }

figure a { display: block; }

mark { padding: 0 5px; background-color: #dddddd; }

::backdrop { background-color: rgba(0, 0, 0, 0.5); }

.site-header { text-align: center; background-color: #196e76; }

.site-header h1, .site-header a { padding: 15px; text-transform: uppercase; color: #fff; }

.site-header h1 { font-size: 18px; margin: 0; }

.site-header a { font-size: 14px; font-weight: 300; display: block; text-decoration: none; background-color: #10474c; }

.boxed-group { width: 90%; max-width: 680px; margin-top: 50px; margin-right: auto; margin-left: auto; position: relative; z-index: 999; }

.boxed-group h3, .boxed-group h4 { font-weight: 400; margin: 0; }

.boxed-group h3 { padding: 10px 20px; color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #4a8bc2; font-size: 17px; }

.boxed-group h4 { font-size: 18px; color: #555555; }

.boxed-group section { padding: 30px 20px; }

.boxed-group section:first-child { border-bottom: 1px solid #e6e9ed; }

.boxed-group section:only-child { border-bottom: 0; border-bottom: 0; overflow: hidden; padding: 10px 10px; }

.boxed-group .boxed-group-inner { font-size: 14px; font-weight: 300; color: #aaa; border-width: 0 1px 1px; border-style: solid; border-color: #e6e9ed; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color: #fff; }

.boxed-group .btn { margin-left: 20px; }

.site-dialog { overflow: hidden; width: 95%; max-width: 500px; padding: 0; border-width: 0; border-radius: 5px; background: transparent; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3); visibility: hidden; transform: scale(0.1); transition: transform 200ms; }

.site-dialog.dialog-scale { visibility: visible; transform: scale(1); }

.site-dialog h1 { font-size: 16px; font-weight: normal; margin: 0; color: #fff; }

.site-dialog p { font-size: 14px; }

.site-dialog .dialog-header { padding: 12px 20px; background-color: #434a54; }

.site-dialog .dialog-content { padding: 30px 20px; color: #555555; background-color: #fff; }

.site-dialog .dialog-content p:last-of-type, .site-dialog .dialog-content p:only-child { margin-top: 0; margin-bottom: 0; }

.overlay { position: fixed; background: rgba(142, 136, 136, 0.42); width: 100%; height: 100%; left: 0; top: 0; }

.popup-footer { border-top: 1px #ccc solid; margin-top: 15px; height: auto; overflow:: hidden; padding-top: 10px; }

.popup-bdy { max-height: 400px; overflow: auto; padding-top: 15px; }

.popup-box { position: absolute; width: 100%; top: 100px; z-index: 9999; }
/*-----------------aler popup css extra ----------------*/
.ConfirmMessage { background: url("../images/confirm.png") no-repeat center left !important; margin-left: 6px; padding: 15px 0px 15px 48px !important; }

.Success_img { background: url("../images/success.png") no-repeat center left !important; }

.Error_img { background: url("../images/error.png") no-repeat center left !important; }

#popup_content { background-color: #fff; padding: 13px; }

#popup_message { padding: 10px 48px 10px 48px; font-size: 12px; line-height: 18px; background: url("../images/ConfirmBox-img.png") no-repeat center left; margin: 10px 10px 10px 19px; }

.leftmaxheight { max-height: 459px; overflow: auto; width: 100%; }

.overviewtab { max-height: 433px; overflow: auto; }

.portspanbox { min-width: inherit !Important; }

.sptltab { max-height: 497px; overflow: auto; }

.popup-table { margin-bottom: 0px; width: 99% !important; }

.popup-table tr td { width: 150px; vertical-align: middle !important; padding: 5px 8px !important; }

.popup-table tr td select { width: 117px; }

.popup-table tr td span { color: #E02222 !important; }

.popup-table tr td label { line-height: normal; margin-left: 5px !important; margin-right: 0px !important; }

.popup-table tr td input[type="text"] { width: 144px; }

.CreateWrp { padding: 5px 5px; }

.popup-table tr td .tagsinput span { color: #000 !important; }
/*------------status bar -------------------------*/
.statusbar { background: #4a8bc2; width: 100%; position: absolute; bottom: 0px; padding: 4px 5px; text-align: right; }

div#divDateTimeArea { line-height: 30px; }
/*=====================Severity Colors ==============*/
.faultSeverityClass { background: rgba(255, 141, 28, 1)!important; color: #000!important; }

.attentionSeverityClass { background: rgba(255, 207, 86, 0.8)!important; color: #000!important; }

.criticalSeverityClass { background: rgba(255, 89, 83, 1)!important; color: #000!important; }

.informationalseverityclass { background: rgba(255, 254, 254, 1)!important; color: #000!important; }

.clearedseverityclass { background: rgba(51, 255, 51, 1)!important; color: #000!important; }

.criticalSeverityClass td, .attentionSeverityClass td { border-bottom: 1px solid #c5c5c5 !important; }
/*=====================Severity Colors ==============*/
/*-------------------- right side panal box -------------------------------*/
.sidebar-hidden { margin-right: -250px; width: 250px; position: absolute; right: 0; top: 50%; height: 200px; -webkit-transition: 0.5s; transition: 0.5s; margin-top: -4%; }

.sidebar-show { display: block; margin-right: -50px; -webkit-transition: 0.5s; transition: 0.5s; }

.toggler { display: block; }

.sidebar-show .fa-chevron-right { display: block !important; }

.sidebar-show .fa-chevron-left { display: none; }

#floatpanel .list-group-item:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; }

#floatpanel .list-group-item:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }

#floatpanel h4 { background-color: #fff; line-height: 39px; margin-bottom: 0px; color: #000; padding: 0px 60px; }

.toggler { -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); width: auto; height: auto; position: absolute; top: 9px; cursor: pointer; left: -30px; background-color: #fff; padding: 52px 9px; color: #fff; background: #AEB2B5; z-index: 99999; }

.sidebar-show .toggler { color: #fff; background: #AEB2B5; border-right: 0px; }

.sidebar-show a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; background-color: #E6E6E6; }
/*Native BootStrap Hack*/
div#NetworkLive table tr th:last-child .k-grid-filter { right: 20px; }

div#divEscalationDetails table { }

div#divEscalationDetails table tr th:first-child, div#divEscalationDetails table tr td:first-child, div#divEscalationDetails table thead tr th:first-child { width: auto !important; min-width: inherit !important; }

div#divEscalationDetails table tr th, div#divEscalationDetails table tr td, div#divEscalationDetails table thead tr th { width: auto !important; min-width: inherit !important; }

div#divEscalationDetails .k-grid-content { min-height: 440px; max-height: 440px; }

.k-autocomplete.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-dropdown-wrap.k-state-hover { border-color: #bcb4b0 !important; }

div#gridOpenTickets .k-grid-content { min-height: 447px; max-height: 447px; }

div#gridOpenTickets table tr td:first-child { text-align: center; }

div#gridDownloadCentreReport table tr th, div#gridDownloadCentreReport table tr td { width: 249px !important; min-width: 249px !important; padding: .4em .6em !important; }
/*------------------ notification menu -------------*/




.notofication { border-top: 0px;   background:#fff; box-shadow: 0 3px 4px rgba(0, 0, 0, .175); border-radius: 0px; min-width: 260px; }

.notofication li { margin: 0px 0px !important; padding: 0px 0px !Important; width: 100%; float: none !important; background: transparent; }

.border-div-noti { background: #ddd; height: 1px; width: 78%; position: absolute; top: 0px; right: 0px; }

.notofication li a { line-height: 30px !important; }

.notofication-header { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-color: #ffffff; padding: 10px 10px; border-bottom: 1px solid #ddd; color: #444444; font-size: 14px; text-align: center !important; line-height: 36px; position: relative; font-size: 15px; font-weight: normal; }

.notofication-footer { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; font-size: 12px; background-color: #fff; padding: 7px 10px; border-bottom: 1px solid #eeeeee; color: #444!important; text-align: center; }

.notofication-div { width: 100%; height: 100%; border-radius: 7px; z-index: 90; right: 1px; background: rgb(51, 51, 51); min-height: 50px; max-height: 200px; background: transparent; }

.notofication-div ul { float: none !important; }

.notofication-div li { padding: 5px 6px; position: relative; border: 0px !important; border-bottom: 1px solid #ddd !important; text-align: left !important; box-shadow: 0px -16px 9px #ddd inset; }

.notofication-div li a { width: 100% !important; display: block !important; padding: 0px 5px !important; font-family: 'ubuntulight'; }

.alarm-minu { border: 1px #EAEAEA solid; padding: 5px 5px; border-bottom: 0px; position: relative; z-index: 9999; }

.dropdown-menu-class { border: 1px #ddd solid !important; border-bottom: 0px !important; }

.notofication-div li span { position: absolute; right: 20px; top: 27%; }

/*----------badge css class------------*/
.badge-danger { background-color:#D41803 !important; }
/*red color*/
.badge-light-danger { background-color: #FF5722 !important; }
/*red color light*/
.badge-warning { background-color: #FF9800 !important; }
/*orange color*/
.badge-success { background-color: #3C763D !important; }
/*green color*/
.badge-info { background-color: #269abc !important; }
/*clue color*/
.badge-inverse { background-color: #333333 !important; }
/*black color*/
.badge-purpal { background-color: #750fcf !important; }
.badge-minor { background-color: #8AB732 !important; }
.badge-yellow { background-color: #8AB732 !important; color: #fff; }
/*purpal color*/

.tableFirstTile { bottom: -4px !important; }

.anchorFirstTileDeviceNotzero { color: #fff !important; text-decoration: none !important; }

.anchorFirstTileDevicezero { color: #fff !important; }
.tableAllTile { bottom: -18px !important; }


.laptopheightcontaint { overflow: auto; max-height: 592px; }



/*----------- new title board changes 19/10/2015----------------------------*/

.titlebox p.newtilep { margin-top: 0px !important; font-size: 16px !important; font-family: 'ubuntulight'; }

.tab-pane-wrk.active { display: block !important; overflow: auto; }
.tab-pane-wrk { max-height: 457px; }
.tab-pane-wrk2 { max-height: 453px; }
table.table.detailsidetable.half-table.smalltd.table-bordered { margin-bottom: 5px; }
.graph-seprator { border: 1px #ddd solid; min-height: 352px; }
.norightbdr { border-right: 0px; }



/*----papup and sasset table ----*/
.asset-table { min-width: inherit !important; width: 100% !important; }
.asset-table tr td { width: 50%; height: 39px; }
.NoLRpadding { padding-left: 0px; padding-right: 0px; }
.text-area-table tr td:first-child { width: 19.8%; }
.text-area-table tr td:last-child { width: 79%; }
.popup-table { margin-bottom: 0px; width: 99% !important; }
.popup-table tr td { width: 150px; vertical-align: middle !important; padding: 5px 8px !important; }
.popup-table tr td select { width: 117px; float: left; }
.popup-table tr td span { color: #E02222 !important; }
.popup-table tr td label { line-height: normal; margin-left: 5px !important; margin-right: 0px !important; font-weight: normal !important; font-family: 'ubuntulight' !important; }
.popup-table tr td input[type="text"], .popup-table tr td select { width: 144px; height: 30px; }
.popup-table tr td span.k-widget.k-datepicker.k-header.kendo-make-readonly { width: 144px; }
.popup-table tr td textarea#description { width: 915px; max-width: 915px; }
.CreateWrp { padding: 5px 5px; }
.popup-table tr td .tagsinput span { color: #000 !important; }
.popup-table tr td i { cursor: pointer; font-size: 22px; float: left; color: #000000 !important; margin-left: 5px; margin-top: 4px; }
.popup-table tr td input.form-control2 { width: 100%; }
.titlebox:hover a.dispNone { display: none !important; }
.inventory-tbl { max-height: 562px; overflow: auto; }
.popup-table tr td textarea.form-control { max-width: 1184px; }
.popup-table tr td select.cstmselect { width: 98px !important; float: left; height: inherit; }

/*-------------------- right side panal box -------------------------------*/
.sidebar-hidden { margin-right: -250px; width: 250px; position: absolute; right: 0; top: 50%; height: 200px; -webkit-transition: 0.5s; transition: 0.5s; margin-top: -4%; }

.sidebar-show { display: block; margin-right: -50px; -webkit-transition: 0.5s; transition: 0.5s; }

.toggler { display: block; }

.sidebar-show .fa-chevron-right { display: block !important; }

.sidebar-show .fa-chevron-left { display: none; }

#floatpanel .list-group-item:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; }

#floatpanel .list-group-item:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }

#floatpanel h4 { background-color: #fff; line-height: 39px; margin-bottom: 0px; color: #000; padding: 0px 60px; }

.toggler { -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); width: auto; height: auto; position: absolute; top: 9px; cursor: pointer; left: -30px; background-color: #fff; padding: 52px 9px; color: #fff; background: #AEB2B5; z-index: 99999; }

.sidebar-show .toggler { color: #fff; background: #AEB2B5; border-right: 0px; }

.sidebar-show a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; background-color: #E6E6E6; }


.geoViewInfoWindow { width: 650px !important; }


div#gridOverView td { border-bottom: 1px #EAEAEA solid; }

/*------this is complete part six titles-------*/


.titlebox { border: 1px #E0E0E0 solid; border-radius: 3px; box-shadow: 0px 0px 1px #635E5E; font-family: 'Raleway', sans-serif !important; font-weight: 400 !important; }
.titlebox:hover { display: inline; z-index: 999; overflow: hidden; /*cursor: pointer;*/ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-box-shadow: 1px 1px 2px 2px rgba(31, 31, 31, 0.39); -moz-box-shadow: 1px 1px 2px 2px rgba(31, 31, 31, 0.39); box-shadow: 1px 1px 2px 2px rgba(31, 31, 31, 0.39); }



.sixthpart .titlebox { width: 46.5% !important; margin: 5px -5px 0px 9px; border: 1px #E0E0E0 solid; border-radius: 3px; box-shadow: 0px 0px 1px #635E5E; }
.sixthpart .titlebox-inner { width: 100%; }
.sixthpart .tilesleft { padding: 35px 10px; margin-top: 11px; }
.sixthpart .icon { right: 4px; bottom: 4px; }

.sixthpart .tilespart-title { margin: 5px 5px; font-size: 16px; margin: 5px 5px; font-size: 16px; background: #4A8BC2; font-family: 'Raleway', sans-serif !important; font-weight: 500 !important; color: #fff; outline: 1px #4A8BC2 solid; border: 1px #fff solid; }
.sixthpart .titlebox p { margin-bottom: 4px; }
.sixthpart .excel-holder { position: absolute; right: 2px;top: 14px;  }
.sixthpart .nomarginLT { margin: 5px 0px; }
.sixthpart .titlebox p.newtilep { font-size: 14px !important; word-break: break-word !important; font-weight: bold !important; }
.sixthpart .tilelist_Ceragon { margin-top: 26px; margin-bottom: 0px; }
div#gridOverView .k-grid-content tr td, div#gridOverView .k-grid-content tr th { width: 100px !Important; }
div#gridClosedTickets table tr th:first-child, div#gridClosedTickets table tr td:first-child, div#gridClosedTickets table thead tr th:first-child { width: auto !important; min-width: inherit !important; }
div#gridClosedTickets table tr th, div#gridClosedTickets table tr th { width: inherit !important; }
div#gridOpenTickets table tr th, div#gridOpenTickets table tr th { width: inherit !important; }
div#gridOpenTickets div#gridOpenTickets table tr th:first-child, div#gridOpenTickets table tr td:first-child, div#gridOpenTickets table thead tr th:first-child { width: auto !important; min-width: inherit !important; }
div#divOpenTickets tr.k-grouping-row td { text-align: left !important; }


/*div#total_clear_alarm { background: #0e5a9a !important; }
div#max_occuring_alarm { background: #8cc152 !important; }
div#device_with_max_alarm { background: #3bafda !important; }
div#critical_severity_count { background: #967adc !important; }
div#major_severity_count { background: #4a89dc !important; }
div#critical_severity_count { background: #434a54 !important; }
div#minor_severity_count { background: #37bc9b !important; } 

div#severity_CRITICAL { background: #ef8d06 !important; }
div#severity_WARNING { background: #FF9800  !important; }
div#severity_CRITICAL { background: #D41803 !important  }
div#minor_severity_count { background: #8AB732 !important; }
div#total_clear_alarm { background: #6DAB0F !Important; }
div#device_with_max_alarms, div#critical_severity_count, div#device_with_max_alarm, div#max_occuring_alarm { background: #D41803 !important; }
div#severity_MAJOR, div#major_severity_count{ background: #FF5722 !Important; }
div#device_with_least_alarm { background: #3076CE !important; }
div#total_unreachable_elements, div#total_clear_alarm { background: #3c763d !Important; }*/



.sixthpart .icon:hover i { transform: rotate(360deg); }
.icon:hover + .animated { transform: rotate(360deg) !Important; }
.sixthpart .titlebox:hover { display: inline; z-index: 999; overflow: hidden; cursor: pointer; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-box-shadow: 1px 1px 2px 2px rgba(31, 31, 31, 0.39); -moz-box-shadow: 1px 1px 2px 2px rgba(31, 31, 31, 0.39); box-shadow: 1px 1px 2px 2px rgba(31, 31, 31, 0.39); }
/*
div#device_with_max_alarms { background: #cf000f !important; }
div#box1 { background: #a90329 !important; background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%)!important; background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%)!important; background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ) !important; }
div#box2 { background: #a4b357 !important; background: -moz-linear-gradient(top, #a4b357 0%, #75890c 100%) !important;  background: -webkit-linear-gradient(top, #a4b357 0%,#75890c 100%) !important;   background: linear-gradient(to bottom, #a4b357 0%,#75890c 100%) !important;   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c',GradientType=0 ) !important;}
div#box3 { background: #ffb76b !important; background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 12%, #ff7c00 52%, #ff7f04 100%) !important; background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 12%,#ff7c00 52%,#ff7f04 100%) !important; background: linear-gradient(to bottom, #ffb76b 0%,#ffa73d 12%,#ff7c00 52%,#ff7f04 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ) !important;   }
div#box4 { background: #a7cfdf !important; background: -moz-linear-gradient(top, #a7cfdf 0%, #23538a 100%) !important; background: -webkit-linear-gradient(top, #a7cfdf 0%,#23538a 100%) !important; background: linear-gradient(to bottom, #a7cfdf 0%,#23538a 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 ) !important; }
div#box5 { background: #ff3019 !important; background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%) !important; background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%) !important; background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ) !important; }
div#box6{background: #ffaf4b !important; background: -moz-linear-gradient(top,  #ffaf4b 0%, #ff920a 100%) !important; background: -webkit-linear-gradient(top,  #ffaf4b 0%,#ff920a 100%) !important; background: linear-gradient(to bottom,  #ffaf4b 0%,#ff920a 100%) !important;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ) !important; }
div#box6 { background: #304352 !important; background: -moz-linear-gradient(top, #304352 0%, #2d2d2b 100%) !important; background: -webkit-linear-gradient(top, #304352 0%,#2d2d2b 100%) !important; background: linear-gradient(to bottom, #304352 0%,#2d2d2b 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#304352', endColorstr='#2d2d2b',GradientType=0 ) !important; }

div#minor_severity_count{   background: #bfd255  !important;   
                            background: -moz-linear-gradient(top, #bfd255 0%, #9ecb2d 100%)  !important;   
                            background: -webkit-linear-gradient(top, #bfd255 0%,#9ecb2d 100%)  !important; 
                             background: linear-gradient(to bottom, #bfd255 0%,#9ecb2d 100%)  !important;   
                             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 )  !important;  }

div#minor_severity_count{
 
background: #a4b357 !important; 
background: -moz-linear-gradient(top,  #a4b357 0%, #75890c 100%) !important;  
background: -webkit-linear-gradient(top,  #a4b357 0%,#75890c 100%) !important;
background: linear-gradient(to bottom,  #a4b357 0%,#75890c 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c',GradientType=0 ) !important;

}

div#minor_severity_count
{ 

 background: #75890c  !important;
 background: -moz-linear-gradient(top,  #75890c 0%, #a4b357 100%) !important;
background: -webkit-linear-gradient(top,  #75890c 0%,#a4b357 100%) !important;
background: linear-gradient(to bottom,  #75890c 0%,#a4b357 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75890c', endColorstr='#a4b357',GradientType=0 ) !important; 
}*/


.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes rotateIn {
    0% { -webkit-transform-origin: center center; -webkit-transform: rotate(360deg); opacity: 0; }
    100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; }
}

@keyframes rotateIn {
    0% { transform-origin: center center; transform: rotate(360deg); opacity: 0; }
    100% { transform-origin: center center; transform: rotate(0); opacity: 1; }
}

.icon i { -webkit-animation-name: rotateIn; animation-name: rotateIn; top: -4px; position: relative; left: 0px; font-size: 14px; }
.sixthpart .titlebox-inner h5 { font-family: 'ubuntulight' !important; }
.titlebox h2, .sixthpart .blublock p { font-family: 'ubuntulight'; font-weight: 400 !important; }
.sixthpart .tilelist li .textblock { font-family: 'Raleway', sans-serif !important; font-weight: 500 !important; }
.breadcrumb { border: 1px #fff solid; outline: 1px #4D5360 solid; color: #fff !important; background: #4D5360; font-family: 'Raleway', sans-serif !important; font-weight: 500 !important; }
.breadcrumb li a, .breadcrumb label { font-family: 'Raleway', sans-serif !important; font-weight: 500 !important; color: #fff !important; }
.breadcrumb ul { margin-top: 2px; margin-left: 5px; }
.breadcrumb label { font-family: 'ubuntulight' !important; font-weight: 400 !important; line-height:18px; }

.sixthpart .titlebox h2{ float: left; line-height: 18px; margin-top: 3px; font-size: 17px; font-weight:bold !important; }
.sixthpart .titlebox h5{width: 45%; float: left; font-size: 10px;  text-align: left; margin-top: 0px; color: #fff;}
.sixthpart .titlebox h5.text-right{  text-align: right; font-size:12px;}
.sixthpart  .onlysubtext h5 { width: 100%; }

 .titlebox h2{ float: left; line-height: 18px; margin-top: 3px; font-size: 17px; font-weight:bold !important; width:100%; }
 .sixthpart .titlebox h5{width: 45%; float: left; font-size: 10px;  text-align: left; margin-top: 0px; color: #fff;}
 .titlebox h5.text-right{  text-align: right; font-size:12px; font-family: 'ubuntumedium' !important;}
 .onlysubtext h5 { width: 100%; }
 .titlebox h2:after{float:left  !Important; clear:both !Important}
 .titlebox h5{width: 45%; float: left; font-size: 11px;  text-align: left; margin-top: 0px; color: #fff; font-family: 'ubuntumedium' !important;}
 .titlebox.onlysubtext h5 { width: 100%; }
 .removePointer:hover { cursor: default !important; }
 .clearBell { color: rgb(59, 41, 41); vertical-align: middle; border-color: transparent; opacity: .8; }
.datepicker-dev span.k-datepicker {width:158px !important}

.k-performance { background-position: -32px -127px; margin-right: 5px; }
.k-alert { background-position: -176px -239px; margin-right: 5px; }
.k-view { background-position: -247px -218px; margin-right: 5px; }



/*================== update on 19/03/2016 ===============*/
.titlebox-inner a { display: block; text-align: left; color: #fff; font-family: sans-serif; letter-spacing: 1px; }
tr.SelectedRow:after { content: ">"; color: #9E9C9C; font-family: monospace; font-size: 17px; right: 5px; position: relative; }
tr.SelectedRow { background: #E0DEDE; position: relative; }
.statusbar-srch { background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */ width: 100%; position: relative; bottom: 0px; padding: 4px 5px; text-align: right; }
.scrollleft { max-height: 410px; overflow: auto; border: 1px #ddd solid; }
/*.selectedBtn, .selectedBtn:hover, .selectedBtn:focus { color: #fff !important; background: #428bca !important; border-color: #357ebd !important;     box-shadow:none !important; text-shadow:none !important }*/
div#divSiteAlertDetails .k-grid-content { min-height: 385px !important; max-height: 385px !important; }

.subKPITable { width:100%;}
.subKPITable tr td{ width:50%; color:#fff}
.subKPITable tr td:first-child{ text-align:left}
.subKPITable tr td:last-child{text-align:right}
.half-table2 tr td{width:50% !Important }
.tab-pane.active { display: block !important; }

.form-table { min-width:inherit !Important;}


.form-table { min-width:inherit !Important;}
.calander-table { margin: auto !Important; width: 99% !Important;}
.calander-table table { min-width:inherit !Important}
.calander-table table tr td, .calander-table table tr th { min-width:inherit !Important;  width:inherit !Important; text-align:center !Important; padding:5px 0px !important;}


.status-btn { background: #4a8bc2; width: 100%; position: absolute; bottom: 0px; padding: 4px 5px; text-align: right; }

.contant2 { width: 100%; margin: 0px auto; border-radius: 5px; border: 1px #cfcfcf solid; min-height: 150px; padding: 0px 0px 5px 0px; overflow: auto; min-height: 537px; position:relative; }
.contant2 .title { width: 100%; padding: 0px 15px; color: #fff; text-transform: uppercase; line-height: 27px; letter-spacing: 1px; background: rgb(74, 139, 194); border-top-left-radius: 3px; border-top-right-radius: 3px; margin-bottom: 5px; }


.contant3 { width: 100%; margin: 0px auto; border-radius: 5px; border: 1px #cfcfcf solid; min-height: 150px; padding: 0px 0px 5px 0px; overflow: auto; min-height: 580px; position:relative; }
.contant3 .title { width: 100%; padding: 5px 15px; color: #fff; text-transform: uppercase; line-height: 27px; letter-spacing: 1px; background: rgb(74, 139, 194); border-top-left-radius: 3px; border-top-right-radius: 3px; margin-bottom: 5px; }

.contant3 .k-grid-content{min-height: 481px; max-height: 481px;}


div#divMessage { position: absolute; text-align: center; width: 100%; top: 50%; }

.form-table input[type="text"], .form-table input.input, .form-table input[type="file"], .form-table .k-multiselect.k-header { display:inline-block; width:160px;}
.form-table { min-width:inherit !Important;}
.calander-table { margin: auto !Important; width: 99% !Important;}
.calander-table table { min-width:inherit !Important}
.calander-table table tr td, .calander-table table tr th { min-width:inherit !Important;  width:inherit !Important; text-align:center !Important; padding:5px 0px !important;}

.form-table2 input[type="text"], .form-table2 input[type="password"], .form-table2 input.input, .form-table2 input { width:157px !Important; padding: 2px 0px !important; border: 1px solid #A9A9A9 ; color:#000 !important;}
.form-table2 .k-multiselect.k-header { width:157px !Important; padding: 0px 0px !important;}

.form-table2 .k-multiselect-wrap { min-height:inherit !important}
.form-table2 ul, .form-table ol { margin-top: 0; margin-bottom: 0px !important; }

.form-table2 select { width:157px; padding: 3px 0px; }
.form-table2 tr td { vertical-align:middle !important; }
.red_text {color:#e00e0e; display:inline-block;}
.form-table tr th{ width:150px !IMportant;}
.k-multiselect.k-header.k-state-hover {border-color: #b6b6b6 !important;}


.form-table {  margin-bottom:40px;}

.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color { color: #fff; background-color: rgb(74, 139, 194) !Important; }
.form-table2 tags-input { display: inline-block; }

.form-table2 span.k-widget.k-combobox.k-header { width:157px !important; min-width:156px !important }

.contant-datapart {  min-height:543px; max-height:543px; overflow:auto}
/*.nav-tabs > li > a {padding:3px 15px;}*/

tags-input.ng-invalid .tags { box-shadow:none !important; border-color: #A9A9A9 !important; width:155px !important }


 .k-window .k-window-titlebar { background:#4a8bc2 !Important}
 .k-window .k-window-titlebar .k-window-title{ color:#fff !Important}


 .k-state-focused.k-state-selected, .k-list>.k-state-focused.k-state-selected, .k-listview>.k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
    -webkit-box-shadow: none !Important;
    box-shadow:none !Important; 
}

span.k-numerictextbox span.k-datepicker{
    max-width: 159px;
}

    span.k-numerictextbox input { max-width: 96%; }
/*============ user-card ================*/

.user-card { width:100%; padding:10px 15px;background: #EAEAEA;}
    .user-card .user-pic { border: 3px #c5c5c5 solid; border-radius: 50px; margin: auto; padding: 6px; width: 44px; }
.user-card .user-pic i { font-size:24px; color:#9A9696;}
.user-card .user-pic small { font-size:12px; color:#000 }

.configDownload { color: grey;margin-left: 5px;}