@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.hide-tab {
display:none !important;
}
.dash-left-panel {
display:none;
}
.arrow-up-down {
 left: 0;
 width: 10px;
}
.slide-up {
 left: 238px;
 width: 0;
}
.arrow-up-down a {
margin:75px 0 0 1px;
}
.common-right-panel {
 padding-left:0 !important;
}
 .page-title {
 font-size: 23px;
 position: relative;
 top: 0;
}
 .content-penal-box .sub-min-title .center-title-s {
 width: 46.4%;
}
.legend-1 li {
 width:150px;
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 white-space: pre-wrap;       /* css-3 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 word-break: break-all;
 white-space: nowrap;
 overflow:hidden;
}
.user-panel-box {
 float: right;
 height: auto;
 position: relative;
 top: -20px;
 width: 50%;
}
.chart-2 ul.doughnut-legend {
margin-left:15PX;
width:93%;
}
.tab-panel li {
 font-size:13px;
}
.tab-panel li a {
 padding:0 16px;
}
.ser-s {
 width:73% !important;
}
.legend-1 li {
 margin: 0;
 width: 49% !important;
}
.legend-3 li {
 margin: 0;
 width: 49% !important;
}
.legend-3 {
 float: right;
 position: relative;
 right: 97px;
 top: 0;
 width: 400px;
}
.title-chart-one {
 top: 96px;
}
.priceing-panel-chart li {
 left: 33px;
 margin: 0 17px;
 position: relative;
}
.title-data-grid-d {
 line-height: 26px;
 margin-top: 24px;
 margin-bottom:15px;
}
.doughnut-legend li {
 margin:0px;
 width:100%;
 white-space: nowrap;
 overflow:hidden;
}
.doughnut-legend li {
font-size:13px;
}
.user-details {
 position: relative;
}
.setup-sr .tab-table-content {
 width:100% !important;
}
 .search-box {
 position: relative;
 top: 3px;
}
.search-icon {
 border-color:#fff;
}
 .top-fuction-box {
 left: -119px;
 margin: 0;
 position: absolute;
 top: 28px;
}
 .left-title-s {
 margin-right: 47px;
 width: 47%;
}
 h1 {
 font-size: 13px;
}
.table-header {
 height:auto;
}
 .dash-left-panel, .navbar-header {
 width: 240px;
 z-index: 100;
}
.menu-panel div.title {
 width:220px;
 padding-left:20px;
}
.menu-panel li a {
 width:206px;
 padding-left:15px;
 padding-right:15px;
}
#tree-menu .closed > a {
 background-position:206px 14px;
}
#tree-menu .opened > a {
 background-position:206px 14px;
}
.menu-panel > ul > li > ul > li a {
 width:193px;
 padding-left:27px;
}
.common-right-panel {
 padding-left:240px;
}
.center-title-s {
 text-align: right;
 width: 74%;
}
 .boot-first {
 margin-right: 0;
 width: 26% !important;
}
.boot-second {
 width: 24% !important;
}
.boot-third {
 width: 50% !important;
}
 .right-title-s {
 margin-bottom: -11px;
 margin-top: 4px;
 padding-right: 5px;
 width: 99%;
}
.table-grid-panel-s .grid-one-tab {
 width:21%;
}
.page-title {
 left: 13px;
 position: relative;
 width: 30%;
}
.page-title a {
 display: block;
 float: left;
 left: -11px;
 position: relative;
 top: -2px;
 z-index: 1000;
}
.page-title img {
width:35px;
}
 .box_rotate {
 -webkit-transform: rotate(360deg);  /* Chrome, Safari 3.1+ */
 -moz-transform: rotate(360deg);  /* Firefox 3.5-15 */
 -ms-transform: rotate(360deg);  /* IE 9 */
 -o-transform: rotate(360deg);  /* Opera 10.50-12.00 */
 transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera 12.50+ */
}
.box_transition {
 -webkit-transition: all 0.5s ease-out;  /* Chrome 1-25, Safari 3.2+ */
 -moz-transition: all 0.5s ease-out;  /* Firefox 4-15 */
 -o-transition: all 0.5s ease-out;  /* Opera 10.50–12.00 */
 transition: all 0.5s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
}
.select select.select {
 width:125px;
}
.tab-panel-box, .chart-panel-box-small {
 overflow: auto;
 width: 720px;
}
.tab-panel, .tab-table-content, .table-grid-panel {
 width:1100px;
}
.specer {
 width:100% !important;
}
.table-grid-panel {
 width:1250px;
}
.chart-common {
 width:44%;
 margin-bottom:10px;
}
.chart-common-half {
 width:96%;
}
.title-two {
 margin-top: 14px;
}
.last-chart-half {
 margin-top:15px;
}
 .chart-box-ins {
 height: auto;
}
.sub-min-title select.select-box {
 float: left;
 margin: 5px 0 0;
 width: 100% !important;
 height:30px !important;
}
.sub-min-title span.select-box {
 width:100%;
 margin:0px;
}
.second-spacer {
 width:100%;
}
.sub-min-title div.right-title-shs div.center-class-box {
 float:left;
 width:47.5%;
}
.float-g {
 margin-top:10px;
}
.date-text {
 width:44%;
}
.search-advance-panel li {
 margin: 15px 8px;
 width: 30.5%;
}
.search-advance-panel li a {
 height:50px;
}
.content-penal-box div.sub-min-title div.center-title-s div.center-class-box {
 width:100%;
}
.right-title-shs .date-rang-box {
width:101%;
}
.right-title-shs {
 float:left;
 margin-top:10px;
 width:99%;
}
.pricing-panel {
 border: 1px solid #d5d5d5;
 left: 22px;
 margin-bottom: -1px;
 margin-left: -22px;
 padding: 0 0 0 21px;
 position: relative;
 width: 45.6%;
}
.chart-panel-box-small-s {
 width:100%;
}
.pricing-panel-big {
 border: 1px solid #d5d5d5;
 padding: 0 0 0 20px;
 width: 94.2%;
}
.chart-line-with-map img {
 width:100%;
}
.tab-panel-box-s, .tab-panel-s, .panel-container-s {
 width:100% !important;
}
.chart-box-in {
width:60%;
margin:0px auto;
float:none;
}
.doughnut-legend {
 float: left;
 height: 98px;
 margin-top: 15px;
 width: 100%;
}
#mobile {display:block;}
#desktop {display:none;}
}
@media only screen and (max-width:750px) and (min-width:468px) {
.search-box {
display:none;
}
.user-details {
display:none;
}
.col-two-d {
width:49%;
}
.arrow-up-down {
 left: 0;
 width: 10px;
}
.slide-up {
 left: 238px;
 width: 0;
}
.arrow-up-down a {
margin:74px 0 0 1px;
}
.login-model-box {
 left: 235px;
 margin: 0 auto;
 position: relative;
 width: 480px;
 top:95px;
}
.text-box-login {
 padding:15px 4% 15px 12%;
 background-position:17px 11px;
}
.login-button {
 padding:8px 0;
 margin-top:20px;
}
.login-field-box {
 margin-top:64px;
}
.forgot-password {
 padding-top:11px;
}
.login-midd-box {
 margin-bottom:15px;
}

/*-----Mobile portlate--------------*/
.dash-left-panel {
display:none;
}
.common-right-panel {
 padding-left:0 !important;
}
 .page-title {
 font-size: 23px;
 position: relative;
 top: 0;
}
 .content-penal-box .sub-min-title .center-title-s {
 width: 46.4%;
}
.legend-1 li {
 width:150px;
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 white-space: pre-wrap;       /* css-3 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 word-break: break-all;
 white-space: nowrap;
 overflow:hidden;
}
.user-panel-box {
 float: right;
 height: auto;
 position: relative;
 top: -20px;
 width: 50%;
}
 .chart-2 ul.doughnut-legend {
 float: none;
 left: 46px;
 margin: 0 auto;
 position: relative;
 width: 46%;
}
 .tab-panel li {
 width: 100%;
}
 .tab-panel li:hover {
 width: 100%;
}
 .tab-panel li a {
 padding: 0 14px;
 text-overflow: ellipsis;
 overflow:hidden;
 word-wrap: break-word;
 white-space: nowrap;
 width:95%;
}
 .tab-panel li a:hover {
 white-space: normal;
 width:95%;
 float:left;
}
 .ser-s {
 width:100% !important;
}
.legend-1 li {
 margin: 0;
 width: 49% !important;
}
.legend-3 li {
 margin: 0;
 width: 49% !important;
}
.legend-3 {
 float: right;
 position: relative;
 right: 97px;
 top: 0;
 width: 400px;
}
.title-chart-one {
 top: 96px;
}
 .priceing-panel-chart li {
 left: 33px;
 margin: 0 6px;
 position: relative;
}
 .priceing-panel-chart {
 width: 78%;
}
.title-data-grid-d {
 line-height: 26px;
 margin-top: 24px;
 margin-bottom:15px;
}
.doughnut-legend li {
 margin:0px;
 width:100%;
 white-space: nowrap;
 overflow:hidden;
}
.doughnut-legend li {
font-size:13px;
}
.user-details {
 position: relative;
}
 .search-box {
 position: relative;
 top: 3px;
}
.search-icon {
 border-color:#fff;
}
 .top-fuction-box {
 left: -119px;
 margin: 0;
 position: absolute;
 top: 12px;
}
.search-box input[type="search"]:focus {
 width:490px;
 background-position:518px center;
 float:none;
}
.hide-tab {
 overflow: hidden;
}
.left-table-chart-panel, .right-table-data-panel {
 width:100%;
}
.chart-common-setup {
width:75% !important;
margin-top:25px !important;
}
 .chart-1 .left {
 float: left;
 width: 35% !important;
}
.chart-2 .chart-common-setup {
width:40% !important;
margin-top:25px !important;
}
 .legend-1 {
 border-top: 1px solid #e5e5e5;
 float: left;
 left: 31px;
 position: relative;
 top: -11px;
 width: 87%;
 padding-top:25px;
}
 .chart-box-in {
 height: auto;
}
 .table-title .left-table-chart-panel {
 display:none;
}
.table-title .right-table-data-panel {
 display:none;
}
 .left-title-s {
 margin-right: 33px;
 width: 47%;
}
 h1 {
 font-size: 13px;
}
.table-header {
 height:auto;
}
 .dash-left-panel, .navbar-header {
 width: 240px;
 z-index: 100;
 overflow:auto;
}
.menu-panel div.title {
 width:220px;
 padding-left:20px;
}
.menu-panel li a {
 width:206px;
 padding-left:15px;
 padding-right:15px;
}
#tree-menu .closed > a {
 background-position:206px 14px;
}
#tree-menu .opened > a {
 background-position:206px 14px;
}
.menu-panel > ul > li > ul > li a {
 width:193px;
 padding-left:27px;
}
.common-right-panel {
 padding-left:240px;
}
.center-title-s {
 text-align: left19;
 width: 74%;
}
 .boot-first {
 margin-right: 0;
 width: 100% !important;
 text-align:right;
 margin-bottom:5px;
 font-size:13px;
}
.boot-second {
 width: 100% !important;
 margin-bottom:5px;
 font-size:13px;
}
.boot-third {
 width: 100% !important;
 font-size:13px;
}
 .right-title-s {
 margin-bottom: -11px;
 margin-top: 4px;
 padding-right: 5px;
 width: 99%;
}
 .table-grid-panel-s .grid-one-tab {
 width: 19%;
}
 .page-title {
 font-size: 25px;
 left: 3px;
 position: relative;
 text-align: center;
 top: -17px;
 width: 100%;
}
.page-title a {
 display: block;
 float: left;
 left: -11px;
 position: relative;
 top: -2px;
 z-index: 1000;
}
.page-title img {
width:35px;
}
 .box_rotate {
 -webkit-transform: rotate(360deg);  /* Chrome, Safari 3.1+ */
 -moz-transform: rotate(360deg);  /* Firefox 3.5-15 */
 -ms-transform: rotate(360deg);  /* IE 9 */
 -o-transform: rotate(360deg);  /* Opera 10.50-12.00 */
 transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera 12.50+ */
}
.box_transition {
 -webkit-transition: all 0.5s ease-out;  /* Chrome 1-25, Safari 3.2+ */
 -moz-transition: all 0.5s ease-out;  /* Firefox 4-15 */
 -o-transition: all 0.5s ease-out;  /* Opera 10.50–12.00 */
 transition: all 0.5s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
}
.select select.select {
 width:125px;
}
.tab-panel-box, .chart-panel-box-small {
 overflow: auto;
 width: 547px;
}
.tab-panel, .tab-table-content, .table-grid-panel {
 width:1200px;
}
.setup-sr .tab-table-content {
 width:100% !important;
}
.specer {
 width:100% !important;
}
.table-grid-panel {
 width:1250px;
}
.chart-common {
 width:44%;
 margin-bottom:10px;
}
.chart-common-half {
 width:96%;
}
.title-two {
 margin-top: 14px;
}
.last-chart-half {
 margin-top:15px;
}
 .chart-box-ins {
 height: auto;
}
.sub-min-title select.select-box {
 float: left;
 margin: 5px 0 0;
 width: 100% !important;
 height:30px !important;
}
.sub-min-title span.select-box {
 width:100%;
 margin:0px;
}
.second-spacer {
 width:100%;
}
.sub-min-title div.right-title-shs div.center-class-box {
 float:left;
 width:47.5%;
}
.float-g {
 margin-top:10px;
}
.date-text {
 width:44%;
}
.search-advance-panel li {
 width: 25.5%;
}
 .search-advance-panel li a {
 height:50px;
}
.content-penal-box div.sub-min-title div.center-title-s div.center-class-box {
 width:100%;
}
.right-title-shs .date-rang-box {
width:101%;
}
.right-title-shs {
 float:left;
 margin-top:10px;
 width:99%;
}
.pricing-panel {
 border: 1px solid #d5d5d5;
 left: 22px;
 margin-bottom: -1px;
 margin-left: -22px;
 padding: 0 0 0 21px;
 position: relative;
 width: 45.6%;
}
.chart-panel-box-small-s {
 width:100%;
}
.pricing-panel-big {
 border: 1px solid #d5d5d5;
 padding: 0 0 0 20px;
 width: 94.2%;
}
.chart-line-with-map img {
 width:100%;
}
.tab-panel-box-s, .tab-panel-s, .setup-sr {
 width:100% !important;
}
.setup-sr {
 width:100% !important;
}
.doughnut-legend {
 float: right;
 height: 93px;
 margin-top: 15px;
 right: 0;
 width: 98%;
}
.center-title-s {
text-align:right;
}
.title-chart-two {
line-height:19px;
}
.logo {
 width:240px;
/*position:fixed;*/
}
 ul.menu-panel {
 margin-top: 0;
}
.mobile-tab .user-details {
 display: block !important;
 margin-right: 10px;
 width: 91%;
}
.mobile-tab .search-box {
 display: block !important;
 margin-bottom: 13px;
 margin-right: 10px;
 margin-top: 8px;
 width: 91%;
}
.search-box input[type="search"] {
width:100% !important;
border-radius:20px;
}
.search-box input[type=search]:hover {
 -webkit-appearance:none;
 background-color: #2e3334;
 background:url("../images/search-icon.png") no-repeat scroll 17px center !important;
 background-color:none !important;
}
.search-box input[type=search]:focus {
 background-color: #2e3334;
 color:#fff;
 padding-left:42px;
 background:url("../images/search-icon.png") no-repeat scroll 17px center !important;
 width:100% !important;
}
.mobile-tab .user-name-role {
width:80%;
}
 .search-icon {
border:solid 1px #737373;
}
 .user-name-role span {
color:#fff;
}
 .search-box input[type="search"] {
width:100% !important;
}
.tab-panel li.country {
 left: 34px;
 position: relative;
}
#mobile {display:block;}
#desktop {display:none;}
.login-model-box {
 left: 235px;
 margin: 0 auto;
 position: relative;
 width: 480px;
 top:95px;
}
.text-box-login {
 padding:15px 4% 15px 12%;
 background-position:17px 11px;
}
.login-button {
 padding:8px 0;
 margin-top:20px;
}
.login-field-box {
 margin-top:64px;
}
.forgot-password {
 padding-top:11px;
}
.login-midd-box {
 margin-bottom:15px;
}
}
@media only screen and (max-width:360px) and (min-width:320px) {
.login-model-box {
 left: 144px;
 margin: 0 auto;
 position: relative;
 width: 289px;
 top:95px;
}
.text-box-login {
 padding:15px 4% 15px 20%;
 background-position:17px 11px;
 width:76%;
}
.login-button {
 padding:8px 0;
 margin-top:20px;
}
.login-field-box {
 margin-top:64px;
}
.forgot-password {
 padding-top:11px;
}
.login-midd-box {
 margin-bottom:15px;
}
/*-----Mobile ---*/
.col-two-d {
width:49%;
}
.login-model-box {
 left: 235px;
 margin: 0 auto;
 position: relative;
 width: 480px;
 top:95px;
}
.text-box-login {
 padding:15px 4% 15px 12%;
 background-position:17px 11px;
}
.login-button {
 padding:8px 0;
 margin-top:20px;
}
.login-field-box {
 margin-top:64px;
}
.forgot-password {
 padding-top:11px;
}
.login-midd-box {
 margin-bottom:15px;
}

/*-----Mobile portlate--------------*/
.dash-left-panel {
display:none;
}
.common-right-panel {
 padding-left:0 !important;
}
 .page-title {
 font-size: 23px;
 position: relative;
 top: 0;
}
 .content-penal-box .sub-min-title .center-title-s {
 width:100%;
}
.legend-1 li {
 width:150px;
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 white-space: pre-wrap;       /* css-3 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 word-break: break-all;
 white-space: nowrap;
 overflow:hidden;
}
.user-panel-box {
 float: right;
 height: auto;
 position: relative;
 top: -20px;
 width: 55%;
}
 .chart-2 ul.doughnut-legend {
 float: none;
 left: 46px;
 margin: 0 auto;
 position: relative;
 width: 98%;
}
.tab-panel li {
 font-size: 14px;
 width: 100%;
 border-bottom:solid 1px #fff;
}
.tab-panel li a {
 width: 90% !important;
}
 .tab-panel li:hover {
 font-size: 14px;
 width: 100%;
}
 .tab-panel li a {
 padding: 0 15px;
 text-overflow: ellipsis;
 overflow:hidden;
 word-wrap: break-word;
 white-space: nowrap;
 width:80%;
}
 .tab-panel li a:hover {
 white-space: normal;
 width:auto;
}
 .ser-s {
 width:100% !important;
}
.legend-1 li {
 margin: 0;
 width: 100% !important;
}
.legend-3 li {
 margin: 0;
 width: 49% !important;
}
 .legend-3 {
 float: right;
 position: relative;
 right: 0;
 top: 0;
 width: 253px;
}
.title-chart-one {
 top: 96px;
}
 .priceing-panel-chart li {
 left: 0;
 margin: 0 6px;
 padding: 5px 12px;
 position: relative;
}
 .priceing-panel-chart {
 width: 97%;
}
.title-data-grid-d {
 line-height: 26px;
 margin-top: 24px;
 margin-bottom:15px;
}
.doughnut-legend li {
 margin:0px;
 width:85%;
 white-space: nowrap;
 overflow:hidden;
}
.doughnut-legend li {
font-size:13px;
}
.user-details {
 position: relative;
 margin:0px;
 display:none;
}
 .search-box {
 position: relative;
 top: 3px;
 display:none;
}
.search-icon {
 border-color:#fff;
}
.top-fuction-box {
 float: right;
 margin: 10px 10px 0 0;
 width: 296px;
}
.search-box input[type="search"]:focus {
 width:72% !important;
 float:none;
 background-position:253px center;
}
 .content-penal-box {
 width: 91%;
 padding:0px 3% 18px;
}
.left-table-chart-panel, .right-table-data-panel {
 width:100%;
}
.chart-common-setup {
width:100% !important;
margin-top:25px !important;
float:left;
position:relative;
left:0;
}
.doughnut-legend {
 float: left;
 margin-left: 55px;
 margin-top: 15px;
 width: 76%;
}
 .chart-1 .left {
 float: left;
 margin-right: 0;
 width: 100% !important;
}
.chart-box-ins .chart-common-setup canvas {
width:280px !important;
}
.chart-2 .chart-common-setup {
width:100% !important;
margin-top:25px !important;
}
.chart-2 .chart-common-setup canvas {
width:290px !important;
}
.chart-1 .chart-common-setup canvas {
width:290px !important;
}
 .legend-1 {
 border-top: 1px solid #e5e5e5;
 float: left;
 margin-left:0;
 padding-left:20px;
 padding-right:20px;
 top: -11px;
 width: 87%;
 padding-top:25px;
}
 .chart-box-in {
 height: auto;
}
 .table-title .left-table-chart-panel {
 display:none;
}
.table-title .right-table-data-panel {
 display:none;
}
.dash-right-panel {
width:330px;
overflow:hidden;
}
.chart-3 canvas {
 width: 290px !important;
 height:auto;
}
.left-title-s {
 margin-right: 0px;
 width: 100%;
 text-align:left;
}
 h1 {
 font-size: 13px;
 line-height: 15px;
 width: 100%;
}
.table-header {
 height:auto;
}
 .dash-left-panel, .navbar-header {
 width: 240px;
 z-index: 100;
}
.menu-panel div.title {
 width:220px;
 padding-left:20px;
}
.menu-panel li a {
 width:206px;
 padding-left:15px;
 padding-right:15px;
}
#tree-menu .closed > a {
 background-position:206px 14px;
}
#tree-menu .opened > a {
 background-position:206px 14px;
}
.menu-panel > ul > li > ul > li a {
 width:193px;
 padding-left:27px;
}
.common-right-panel {
 padding-left:240px;
}
.center-title-s {
 text-align: left;
 width: 74%;
}
 .boot-first {
 margin-right: 0;
 width: 100% !important;
 text-align:left;
 margin-bottom:5px;
 margin-top:10px;
}
.boot-second {
 width: 100% !important;
 margin-bottom:5px;
}
.boot-third {
 width: 100% !important;
}
 .right-title-s {
 margin-bottom: -11px;
 margin-top: 4px;
 padding-right: 5px;
 width: 99%;
 text-align:center;
}
 .table-grid-panel-s .grid-one-tab {
 width:25%;
 font-size:13px;
}
.page-title {
 font-size: 21px;
 left: 3px;
 position: relative;
 text-align: center;
 top: -17px;
 width: 100%;
}
.page-title a {
 display: block;
 float: left;
 left: -11px;
 position: relative;
 top: -2px;
 z-index: 1000;
}
.page-title img {
width:35px;
}
 .box_rotate {
 -webkit-transform: rotate(360deg);  /* Chrome, Safari 3.1+ */
 -moz-transform: rotate(360deg);  /* Firefox 3.5-15 */
 -ms-transform: rotate(360deg);  /* IE 9 */
 -o-transform: rotate(360deg);  /* Opera 10.50-12.00 */
 transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera 12.50+ */
}
.box_transition {
 -webkit-transition: all 0.5s ease-out;  /* Chrome 1-25, Safari 3.2+ */
 -moz-transition: all 0.5s ease-out;  /* Firefox 4-15 */
 -o-transition: all 0.5s ease-out;  /* Opera 10.50–12.00 */
 transition: all 0.5s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
}
.select select.select {
 width:122px;
}
.tab-panel-box, .chart-panel-box-small {
 overflow: auto;
 width: 300px;
}
.right-button-panel .select {
font-size:14px;
}
.tab-panel, .tab-table-content, .table-grid-panel {
 width:1200px;
}
.chart-box-in .chart-common-setup canvas {
width:300px !important;
height:150px !important;
}
.setup-sr .tab-table-content {
 width:100% !important;
}
.specer {
 width:600px !important;
}
 .table-grid-panel {
 width:1250px;
}
.chart-common {
 width:95%;
 margin-bottom:10px;
}
.chart-common-half {
 width:96%;
 margin-right:0;
}
.title-two {
 margin-top: 14px;
 margin-right:0;
}
.last-chart-half {
 margin-top:15px;
}
 .chart-box-ins {
 height: auto;
}
.sub-min-title select.select-box {
 float: left;
 margin: 5px 0 0;
 width: 100% !important;
 height:30px !important;
}
.sub-min-title span.select-box {
 width:100%;
 margin:0px;
}
.second-spacer {
 width:100%;
}
.sub-min-title div.right-title-shs div.center-class-box {
 float:left;
 width:47.5%;
}
.float-g {
 margin-top:10px;
}
.date-text {
 width:93%;
}
 .search-advance-panel li {
 margin: 13px 9px;
 width: 43.5%;
}
 .search-advance-panel li a {
 height:50px;
}
.content-penal-box div.sub-min-title div.center-title-s div.center-class-box {
 width:100%;
}
.right-title-shs .date-rang-box {
width:101%;
}
.right-title-shs {
 float:left;
 margin-top:10px;
 width:99%;
}
.pricing-panel {
 border: 1px solid #d5d5d5;
 left: 22px;
 margin-bottom: -1px;
 margin-left: -22px;
 padding: 0 0 0 21px;
 position: relative;
 width: 45.6%;
}
 .chart-panel-box-small-s {
 overflow: auto;
 width: 298px;
}
.content-penal-box {
margin-top:15px;
}
.pricing-panel-big {
 border: 1px solid #d5d5d5;
 padding: 0 0 0 20px;
 width: 95.4%;
}
.chart-line-with-map img {
 width:100%;
}
.tab-panel-box-s, .tab-panel-s, .setup-sr {
 width:100% !important;
 height:auto;
 overflow:hidden;
}
.setup-sr {
 width:100% !important;
}
.grid-two-tab {
 width: 60%;
 font-size:13px;
}
.pricing-panel {
width:95%;
}
.chart-box-ins-s img {
width:100%;
}
.chart-2 div.chart-common-setup {
 margin-top: 0;
 position: relative;
 right: -0;
 width: 60%;
}
.set-marg {
 height: 115px;
 margin-top: 25px;
}
.chart-legent-panel {
display:none;
}
.title-chart-two {
line-height:19px;
}
.tab-panel-box-s {
width:300px;
}
.arrow-up-down {
 left: 0;
 width: 5px;
}
.slide-up {
 left: 238px;
 width: 0;
}
.arrow-up-down a {
margin:30px 0 0 1px;
}
.mobile-tab .user-details {
 display: block !important;
 margin-right: 10px;
 width: 91%;
}
 .mobile-tab .search-box {
 display: block !important;
 margin-bottom: 13px;
 margin-right: 10px;
 margin-top: 8px;
 width: 91%;
}
.mobile-tab .user-name-role {
width:80%;
}
.search-icon {
border:solid 1px #737373;
}
 .user-name-role span {
color:#fff;
}
.search-box input[type="search"] {
width:100% !important;
border-radius:20px;
}
.search-box input[type=search]:hover {
 -webkit-appearance:none;
 background-color: #2e3334;
 background:url("../images/search-icon.png") no-repeat scroll 17px center !important;
 background-color:none !important;
}
.search-box input[type=search]:focus {
 background-color: #2e3334;
 color:#fff;
 padding-left:42px;
 background:url("../images/search-icon.png") no-repeat scroll 17px center !important;
 width:100% !important;
}
.tab-panel li.country {
 left: 34px;
 position: relative;
}
.full-gfd {
width:100% !important;
}
.hide-tab {
 overflow: hidden;
}

.left-title-s span.select {
    float: right;
    width: 100%;
}

.left-title-s span.select select.select {
    width: 100%;
}
 .right-button-panel {
 width: 100%;
}
.right-button-panel span.select {
float:right;
}
.center-title-s span.select {
    float: right;
    width: 100%;
}
.center-title-s span.select  select.select{
    width: 100%;
}
.pricing-panel {
height:auto;
padding-bottom:15px;
}
#mobile {display:block;}
#desktop {display:none;}
.login-model-box {
 left: 144px;
 margin: 0 auto;
 position: relative;
 width: 289px;
 top:95px;
}
.text-box-login {
 padding:15px 4% 15px 20%;
 background-position:17px 11px;
 width:76%;
}
.login-button {
 padding:8px 0;
 margin-top:20px;
}
.login-field-box {
 margin-top:64px;
}
.forgot-password {
 padding-top:11px;
}
.login-midd-box {
 margin-bottom:15px;
}
}

@media only screen and (max-width:420px) and (min-width:360px) {
.login-model-box {
 left: 144px;
 margin: 0 auto;
 position: relative;
 width: 289px;
 top:95px;
}
.text-box-login {
 padding:15px 4% 15px 20%;
 background-position:17px 11px;
 width:76%;
}
.login-button {
 padding:8px 0;
 margin-top:20px;
}
.login-field-box {
 margin-top:64px;
}
.forgot-password {
 padding-top:11px;
}
.login-midd-box {
 margin-bottom:15px;
}
/*-----Mobile ---*/
.col-two-d {
width:49%;
}
.login-model-box {
 left: 235px;
 margin: 0 auto;
 position: relative;
 width: 480px;
 top:95px;
}
.text-box-login {
 padding:15px 4% 15px 12%;
 background-position:17px 11px;
}
.login-button {
 padding:8px 0;
 margin-top:20px;
}
.login-field-box {
 margin-top:64px;
}
.forgot-password {
 padding-top:11px;
}
.login-midd-box {
 margin-bottom:15px;
}

/*-----Mobile portlate--------------*/
.dash-left-panel {
display:none;
}
.common-right-panel {
 padding-left:0 !important;
}
 .page-title {
 font-size: 23px;
 position: relative;
 top: 0;
}
 .content-penal-box .sub-min-title .center-title-s {
 width:100%;
}
.legend-1 li {
 width:150px;
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 white-space: pre-wrap;       /* css-3 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 word-break: break-all;
 white-space: nowrap;
 overflow:hidden;
}
.user-panel-box {
 float: right;
 height: auto;
 position: relative;
 top: -20px;
 width: 55%;
}
 .chart-2 ul.doughnut-legend {
 float: none;
 left: 46px;
 margin: 0 auto;
 position: relative;
 width: 98%;
}
.tab-panel li {
 font-size: 14px;
 width: 100%;
 border-bottom:solid 1px #fff;
}
.tab-panel li a {
 width: 90% !important;
}
 .tab-panel li:hover {
 font-size: 14px;
 width: 100%;
}
 .tab-panel li a {
 padding: 0 15px;
 text-overflow: ellipsis;
 overflow:hidden;
 word-wrap: break-word;
 white-space: nowrap;
 width:80%;
}
 .tab-panel li a:hover {
 white-space: normal;
 width:auto;
}
 .ser-s {
 width:100% !important;
}
.legend-1 li {
 margin: 0;
 width: 100% !important;
}
.legend-3 li {
 margin: 0;
 width: 49% !important;
}
 .legend-3 {
 float: right;
 position: relative;
 right: 0;
 top: 0;
 width: 253px;
}
.title-chart-one {
 top: 96px;
}
 .priceing-panel-chart li {
 left: 0;
 margin: 0 6px;
 padding: 5px 12px;
 position: relative;
}
 .priceing-panel-chart {
 width: 97%;
}
.title-data-grid-d {
 line-height: 26px;
 margin-top: 24px;
 margin-bottom:15px;
}
.doughnut-legend li {
 margin:0px;
 width:85%;
 white-space: nowrap;
 overflow:hidden;
}
.doughnut-legend li {
font-size:13px;
}
.user-details {
 position: relative;
 margin:0px;
 display:none;
}
 .search-box {
 position: relative;
 top: 3px;
 display:none;
}
.search-icon {
 border-color:#fff;
}
.top-fuction-box {
 float: right;
 margin: 10px 10px 0 0;
 width: 296px;
}
.search-box input[type="search"]:focus {
 width:72% !important;
 float:none;
 background-position:253px center;
}
 .content-penal-box {
 width: 95%;
 padding:0px 3% 18px;
}
.left-table-chart-panel, .right-table-data-panel {
 width:100%;
}
.chart-common-setup {
width:100% !important;
margin-top:25px !important;
float:left;
position:relative;
left:0;
}
.doughnut-legend {
 float: left;
 margin-left: 55px;
 margin-top: 15px;
 width: 76%;
}
 .chart-1 .left {
 float: left;
 margin-right: 0;
 width: 100% !important;
}
.chart-box-ins .chart-common-setup canvas {
width:280px !important;
}
.chart-2 .chart-common-setup {
width:100% !important;
margin-top:25px !important;
}
.chart-2 .chart-common-setup canvas {
width:290px !important;
}
.chart-1 .chart-common-setup canvas {
width:290px !important;
}
 .legend-1 {
 border-top: 1px solid #e5e5e5;
 float: left;
 margin-left:0;
 padding-left:20px;
 padding-right:20px;
 top: -11px;
 width: 87%;
 padding-top:25px;
}
 .chart-box-in {

 height: auto;
}
 .table-title .left-table-chart-panel {
 display:none;
}
.table-title .right-table-data-panel {
 display:none;
}
.dash-right-panel {
width:360px;
overflow:hidden;
}
.chart-3 canvas {
 width: 290px !important;
 height:auto;
}
.left-title-s {
 margin-right: 0px;
 width: 100%;
 text-align:left;
}
 h1 {
 font-size: 13px;
 line-height: 15px;
 width: 100%;
}
.table-header {
 height:auto;
}
 .dash-left-panel, .navbar-header {
 width: 240px;
 z-index: 100;
}
.menu-panel div.title {
 width:220px;
 padding-left:20px;
}
.menu-panel li a {
 width:206px;
 padding-left:15px;
 padding-right:15px;
}
#tree-menu .closed > a {
 background-position:206px 14px;
}
#tree-menu .opened > a {
 background-position:206px 14px;
}
.menu-panel > ul > li > ul > li a {
 width:193px;
 padding-left:27px;
}
.common-right-panel {
 padding-left:240px;
}
.center-title-s {
 text-align: left;
 width: 74%;
}
 .boot-first {
 margin-right: 0;
 width: 100% !important;
 text-align:left;
 margin-bottom:5px;
 margin-top:10px;
}
.boot-second {
 width: 100% !important;
 margin-bottom:5px;
}
.boot-third {
 width: 100% !important;
}
 .right-title-s {
 margin-bottom: -11px;
 margin-top: 4px;
 padding-right: 5px;
 width: 99%;
 text-align:center;
}
 .table-grid-panel-s .grid-one-tab {
 width:25%;
 font-size:13px;
}
.page-title {
 font-size: 21px;
 left: 3px;
 position: relative;
 text-align: center;
 top: -17px;
 width: 100%;
}
.page-title a {
 display: block;
 float: left;
 left: -11px;
 position: relative;
 top: -2px;
 z-index: 1000;
}
.page-title img {
width:35px;
}
 .box_rotate {
 -webkit-transform: rotate(360deg);  /* Chrome, Safari 3.1+ */
 -moz-transform: rotate(360deg);  /* Firefox 3.5-15 */
 -ms-transform: rotate(360deg);  /* IE 9 */
 -o-transform: rotate(360deg);  /* Opera 10.50-12.00 */
 transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera 12.50+ */
}
.box_transition {
 -webkit-transition: all 0.5s ease-out;  /* Chrome 1-25, Safari 3.2+ */
 -moz-transition: all 0.5s ease-out;  /* Firefox 4-15 */
 -o-transition: all 0.5s ease-out;  /* Opera 10.50–12.00 */
 transition: all 0.5s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
}
.select select.select {
 width:122px;
}
.tab-panel-box, .chart-panel-box-small {
 overflow: auto;
 width: 340px;
}
.right-button-panel .select {
font-size:14px;
}
.tab-panel, .tab-table-content, .table-grid-panel {
 width:1200px;
}
.chart-box-in .chart-common-setup canvas {
width:300px !important;
height:150px !important;
}
.setup-sr .tab-table-content {
 width:100% !important;
}
.specer {
 width:600px !important;
}
 .table-grid-panel {
 width:1250px;
}
.chart-common {
 width:95%;
 margin-bottom:10px;
}
.chart-common-half {
 width:96%;
 margin-right:0;
}
.title-two {
 margin-top: 14px;
 margin-right:0;
}
.last-chart-half {
 margin-top:15px;
}
 .chart-box-ins {
 height: auto;
}
.sub-min-title select.select-box {
 float: left;
 margin: 5px 0 0;
 width: 100% !important;
 height:30px !important;
}
.sub-min-title span.select-box {
 width:100%;
 margin:0px;
}
.second-spacer {
 width:100%;
}
.sub-min-title div.right-title-shs div.center-class-box {
 float:left;
 width:47.5%;
}
.float-g {
 margin-top:10px;
}
.date-text {
 width:93%;
}
 .search-advance-panel li {
 margin: 13px 9px;
 width: 43.5%;
}
 .search-advance-panel li a {
 height:50px;
}
.content-penal-box div.sub-min-title div.center-title-s div.center-class-box {
 width:100%;
}
.right-title-shs .date-rang-box {
width:101%;
}
.right-title-shs {
 float:left;
 margin-top:10px;
 width:99%;
}
.pricing-panel {
 border: 1px solid #d5d5d5;
 left: 22px;
 margin-bottom: -1px;
 margin-left: -22px;
 padding: 0 0 0 21px;
 position: relative;
 width: 45.6%;
}
 .chart-panel-box-small-s {
 overflow: auto;
 width: 298px;
}
.content-penal-box {
margin-top:15px;
}
.pricing-panel-big {
 border: 1px solid #d5d5d5;
 padding: 0 0 0 20px;
 width: 95.4%;
}
.chart-line-with-map img {
 width:100%;
}
.tab-panel-box-s, .tab-panel-s, .setup-sr {
 width:100% !important;
 height:auto;
 overflow:hidden;
}
.setup-sr {
 width:100% !important;
}
.grid-two-tab {
 width: 60%;
 font-size:13px;
}
.pricing-panel {
width:95%;
}
.chart-box-ins-s img {
width:100%;
}
.chart-2 div.chart-common-setup {
 margin-top: 0;
 position: relative;
 right: -0;
 width: 60%;
}
.set-marg {
 height: 115px;
 margin-top: 25px;
}
.chart-legent-panel {
display:none;
}
.title-chart-two {
line-height:19px;
}
.tab-panel-box-s {
width:300px;
}
.arrow-up-down {
 left: 0;
 width: 5px;
}
.slide-up {
 left: 238px;
 width: 0;
}
.arrow-up-down a {
margin:30px 0 0 1px;
}
.mobile-tab .user-details {
 display: block !important;
 margin-right: 10px;
 width: 91%;
}
 .mobile-tab .search-box {
 display: block !important;
 margin-bottom: 13px;
 margin-right: 10px;
 margin-top: 8px;
 width: 91%;
}
.mobile-tab .user-name-role {
width:80%;
}
.search-icon {
border:solid 1px #737373;
}
 .user-name-role span {
color:#fff;
}
.search-box input[type="search"] {
width:100% !important;
border-radius:20px;
}
.search-box input[type=search]:hover {
 -webkit-appearance:none;
 background-color: #2e3334;
 background:url("../images/search-icon.png") no-repeat scroll 17px center !important;
 background-color:none !important;
}
.search-box input[type=search]:focus {
 background-color: #2e3334;
 color:#fff;
 padding-left:42px;
 background:url("../images/search-icon.png") no-repeat scroll 17px center !important;
 width:100% !important;
}
.tab-panel li.country {
 left: 34px;
 position: relative;
}
.full-gfd {
width:100% !important;
}
.hide-tab {
 overflow: hidden;
}

.left-title-s span.select {
    float: right;
    width: 100%;
}

.left-title-s span.select select.select {
    width: 100%;
}
 .right-button-panel {
 width: 100%;
}
.right-button-panel span.select {
float:right;
}
.center-title-s span.select {
    float: right;
    width: 100%;
}
.center-title-s span.select  select.select{
    width: 100%;
}
.pricing-panel {
height:auto;
padding-bottom:15px;
}
#mobile {display:block;}
#desktop {display:none;}
.login-model-box {
 left: 144px;
 margin: 0 auto;
 position: relative;
 width: 289px;
 top:95px;
}
.text-box-login {
 padding:15px 4% 15px 20%;
 background-position:17px 11px;
 width:76%;
}
.login-button {
 padding:8px 0;
 margin-top:20px;
}
.login-field-box {
 margin-top:64px;
}
.forgot-password {
 padding-top:11px;
}
.login-midd-box {
 margin-bottom:15px;
}
}