@font-face {
    font-family: 'exo';
    src: url('../fonts/Exo-Regular-webfont.eot');
    src: url('../fonts/Exo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Exo-Regular-webfont.woff') format('woff'),
         url('../fonts/Exo-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Exo-Regular-webfont.svg#exo') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'exo';
    src: url('../fonts/Exo-Regular-Italic-webfont.eot');
    src: url('../fonts/Exo-Regular-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Exo-Regular-Italic-webfont.woff') format('woff'),
         url('../fonts/Exo-Regular-Italic-webfont.ttf') format('truetype'),
         url('../fonts/Exo-Regular-Italic-webfont.svg#exo') format('svg');
    font-weight: normal;
    font-style: italic;

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

}

@font-face {
    font-family: 'exo';
    src: url('../fonts/Exo-Bold-Italic-webfont.eot');
    src: url('../fonts/Exo-Bold-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Exo-Bold-Italic-webfont.woff') format('woff'),
         url('../fonts/Exo-Bold-Italic-webfont.ttf') format('truetype'),
         url('../fonts/Exo-Bold-Italic-webfont.svg#exo') format('svg');
    font-weight: bold;
    font-style: italic;

}


@font-face {
    font-family: 'ptsans';
    src: url('../fonts/PTS55F-webfont.eot');
    src: url('../fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS55F-webfont.woff') format('woff'),
         url('../fonts/PTS55F-webfont.ttf') format('truetype'),
         url('../fonts/PTS55F-webfont.svg#exo') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ptsans';
    src: url('../fonts/PTS56F-webfont.eot');
    src: url('../fonts/PTS56F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS56F-webfont.woff') format('woff'),
         url('../fonts/PTS56F-webfont.ttf') format('truetype'),
         url('../fonts/PTS56F-webfont.svg#exo') format('svg');
    font-weight: normal;
    font-style: italic;

}


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

}

@font-face {
    font-family: 'ptsans';
    src: url('../fonts/PTS76F-webfont.eot');
    src: url('../fonts/PTS76F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS76F-webfont.woff') format('woff'),
         url('../fonts/PTS76F-webfont.ttf') format('truetype'),
         url('../fonts/PTS76F-webfont.svg#exo') format('svg');
    font-weight: bold;
    font-style: italic;

}


html,
body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; , sans-serif;  background: #e0e6e6; color:#333; }



a {color: #000000; transition: color ease-out 0.2s;-webkit-transition: color ease-out 0.2s;}
a:visited {color: #999999;}
a:hover {color: #dc0000;text-decoration: underline;}
a:active, a:focus {text-decoration: none;}

.clear:before, .clear:after {display: table; content: " ";}
.clear:after { clear: both;}
     ::-moz-selection
            {
             background:#777777;
             color:#fff;
	
             }
            ::selection
            {
            background:#777777;
            color:#fff;

           }
.wrap { min-width:260px		}
header { background:#ffffff; position:fixed; height:49px; width:100%; top:0px; z-index:10; box-shadow:0 0 5px rgba(0,0,0,0.2)}		 
header .row > div:nth-child(2) { text-align:right; }
body.open { padding-left:260px; margin-left:-260px}

.logo {  position:absolute; top:30%; left:50%; transform: translate(-50%, -50%); transition:left ease-in-out 0.3s; -webkit-transition:left ease-in-out 0.3s; }
/*.logo a { display:block; overflow:hidden; width:130px;   width:141px; background-repeat:no-repeat;  margin:10px 0;}
*/
.logo a {
background:url("../img/d5logo.gif");
display:block; 
 height:42px;
    width: 138px;
    margin: 0px 0;

}
.menu  {margin:15px 0 0 0;}
.menu button { margin:0; padding:0; border:none; background:none; text-transform:uppercase; font-weight:bold; color:#000;}
.menu button i {margin-right:5px;}
.menu button:hover { color:#327bbf;}
.menu button:hover i { color:#f79b34;}
header nav { position:absolute; top:49px; left:15px; right:15px; height:0; overflow:hidden;  margin-left:-260px;   background:#222222; }

body.open header nav { height:auto;  margin-left:0px; }
.menu_right  {margin:15px 0 0 0;}
.menu_right button {  margin:0 0 0 15px; padding:0; border:none; background:none; text-transform:uppercase; font-weight:bold; color:#000;}
.menu_right button:first-child {margin:0;}
.menu_right button span { display:none;}
.menu_right button:hover { color:#327bbf;}
.menu_right button:hover i { color:#f79b34;}
.menu_right button i {margin-right:5px;}



.accordion_menu {border-top:1px solid #333333;}

.accordion_menu.panel-group .panel { border-radius:0; -webkit-border-radius:0; background:none; border:none; }
.accordion_menu.panel-group .panel + .panel { margin:0;}
.accordion_menu.panel-group .panel {border-bottom:1px solid #333333;}
.accordion_menu a { color:#fff; display:block; position:relative;}
.accordion_menu a em { display:inline-block; width:15px;  margin-right:5px; font-size:14px;}
.accordion_menu a i { position:absolute; top:50%; right:0; margin-top:-5px; color:#fffefe; font-size:12px;}
.accordion_menu a:hover { color:#e0e6e6; text-decoration:none;}
.accordion_menu a:hover em {color:#f79b34;}
.accordion_menu a:hover i {color:#fffefe;}
.accordion_menu.panel-group .panel-heading + .panel-collapse > .panel-body { border:none; padding-top:0;}
.accordion_menu ul { list-style:none; margin:0 0 0 25px; padding:0;}
.accordion_menu ul li { padding: 0 0 5px 0;}











.btn-primary { background:#55a2d5; border-color:#55a2d5;margin-top:5px; margin-bottom:5px;}
.btn-default { margin-top:5px;  margin-bottom:5px;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus { background:#1060ad; border-color:#1060ad; margin-top:5px;}
.btn-huge { background:none; border:3px solid #ff6f22; color:#ff6f22; font-size:24px; font-weight:bold; padding:10px 30px; height:auto; line-height:1;}
.btn-huge:hover, .btn-huge:active, .btn-huge:focus { background:#ff6f22; color:#fff;}
.form-control:focus { border-color:#55a2d5; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(63, 207, 213, 0.6); -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(63, 207, 213, 0.6)}
.modal-body {padding:30px;}

.modal { overflow: auto !important; }
  
.modal-header {color: #333; padding-left:30px; padding-right:30px; background:#f5f5f5; border-color: #ddd; }
.modal-header .modal-header .close{color: #333 !important; opacity: 1 !important;}
.modal-content {overflow:hidden;}
.search {  background:#acc0c6; padding:0 15px;}
.search .container-fluid {padding:30px 0; max-width:940px;}
.search .form-control { border:none;}
.search .btn { border:none; font-size:14px;}

.slider_main { background:#000;}
.slider_main .item { color:#fff; overflow:hidden}
.slider_main .item:not(:first-child) { display:none}
.slider_main .owl-item { }
.slider_main .te_hold { padding:20px 15px 80px 15px;   font-family: 'exo', 'ptsans', sans-serif; text-shadow:1px 1px 0px rgba(0,0,0,0.2)}
.slider_main .te_hold .h1 { margin:0;}
.slider_main .te_hold .h3 { margin:10px 0 0 0;}
.slider_main .btn-huge { width:100%; margin-top:20px; }
.owl-controls { position:absolute; bottom:20px; left:0; right:0}
.owl-theme .owl-dots .owl-dot2 span { transition:width ease-in-out 0.3s; -webkit-transition:width ease-in-out 0.3s;}
.owl-theme .owl-dots .owl-dot.active span { width:20px;}

.fea_hold { background:#11161b; padding:20px 15px;}
.fea_box { margin:30px 0 0 0; text-align:center;  font-family: 'exo', 'ptsans', sans-serif; color:#fff; }
.fea_box hr { border-color:#333333; max-width:85px; margin:30px auto;}
.fea_box img {max-width:100%;}

.modal-open { overflow:auto; padding-right:0 !important}

.letsgo { font-size:32px; color:#fff; margin:30px 0 50px 0; text-align:center; }
.letsgo a { color:#fff; text-decoration:underline;}
.letsgo a:hover { color:#ff6f22}

.notavailable { font-size:22px; color:#fff; margin:60px 30px 60px 30px; text-align:center; }
.notavailable a { color:#fff; text-decoration:underline;}
.notavailable a:hover { color:#ff6f22}


footer { background-color:#777; padding:50px 30px 30px 30px; text-align:center; }
footer >div { color:#fff; margin-top:20px;}
footer a { color:#fff; text-decoration:underline;}
footer a:hover { color:#ff6f22}
footer img{ max-width: 10%; }
.copy { font-size:11px; color:#fff;}
.slogan {  color:#51626f;}



.inner_page .inner-main .row .block_view{-webkit-border-radius: 7px;border-radius: 7px; background:#ffffff; overflow:hidden;}
.block_view .head{padding:10px 30px; background:#f5f5f5;}
.inner_page  .foot{padding:20px 30px;  position:absolute; bottom:0px; }
.inner_page  .foot_2{padding:20px 30px;   position:static !important;}
.inner_page  .foot_2 a{text-decoration:none; }
.inner_page hr { border-color:#333333; width:100%; margin:20px auto; }


input[type=button], button.edit{background: #55a2d5; color:#ffffff; font-family: 'ptsans', sans-serif;margin-top: 5px;margin-bottom:5px;}
input[type=button]:hover, button.edit:hover{background:#1060ad; color:#ffffff; }
input[type=button].remove, button.remove{background: #acc0c6; color:#ffffff; font-family: 'ptsans', sans-serif; margin-top:5px;margin-bottom:5px;}
input[type=button].remove:hover, button.remove:hover{background:#9ab3bb; color:#ffffff; margin-top:5px; margin-bottom:5px;}


/*button.edit{background: #55a2d5; color:#ffffff; font-family: 'ptsans', sans-serif;}
button.edit:hover{background:#2ca8ad; color:#ffffff;}
button.remove{background: #acc0c6; color:#ffffff; font-family: 'ptsans', sans-serif;}
button.remove:hover{background:#9ab3bb; color:#ffffff;}
*/

.block_view span.time{float:right;}
.presentation{padding:0px !important;}
.block_view .presentation img{width:100%;}
.inner_page .inner-main{padding: 20px;  margin: 20px;}
.inner_page .inner-main > .row > .row >div{margin-bottom: 30px;}
.inner_page .inner-main button i{display:block;}
.inner_page h2.h2{text-align:center; text-transform:uppercase;   font-family: 'exo', 'ptsans', sans-serif;   margin-top: 0px;  margin-bottom: 50px;}

.inner-main.container-fluid h2.h2{text-align:center; text-transform:uppercase;   font-family: 'exo', 'ptsans', sans-serif;   margin-top: 90px;  margin-bottom: 20px;}
.inner-main.container-fluid {
    padding: 20px;
    margin: 20px;
}

.content{
	overflow:hidden;
	margin: 20px 30px 0 30px;
/*	min-height:200px;          */
	max-height:300px;
	
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}


.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#e0e6e6; width:5px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover{background:#d8dede; }
.mCSB_container_wrapper{  margin-right: 10px;}

.mCSB_container_wrapper > .mCSB_container {padding-right:10px; min-width:100%}     
.mCSB_scrollTools_onDrag .mCSB_dragger .mCSB_dragger_bar{background:#e0e6e6 !important; width:5px;}
.mCSB_scrollTools .mCSB_draggerRail{background:#f5f5f5;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background-color: #d8dede;
		filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; 
	}



table.table  th{color:#51626f; font-size: 14px;  white-space: nowrap; font-weight:normal;}
.table>thead>tr>th{border-bottom: 1px solid #dddddd; background-color:#eeeeee;}
.table tr td:first-child a{color:#333333; font-size: 14px;}
.table .btn{height:22px; line-height:19px; font-size:12px; padding:0px 10px; margin-top:4px; margin-bottom:4px; background: #55a2d5; color: #ffffff;}
/*.table .btn:hover { background: #1060ad; }*/

 .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{  border-top: 1px solid #eeeeee;}

.table tr td:first-child {color:#000; font-size: 14px;}

.table2 tr th{ margin: 50px; }

.dooby {
	 padding:2px;
	 border:5px solid #cccccc;
	 }


.inner_page footer {padding-top: 34px !important; }
.inner_page footer img{width:120px;}
.button-off, .button-on{font-size: 8px; margin-right:5px;}
.button-off{color:#cb2222;}
.button-on{color:#05d900;}
.inner_page .text{color:#51626f; font-size: 14px; margin: 15px 0px 0px; padding-bottom:15px; border-bottom: 1px solid #dddddd;}

.inner-main .panel-body {padding:0px 30px;}  
.inner-main .panel{border: none;  border-radius: 7px;  -webkit-box-shadow:none;  box-shadow: none;  margin-bottom: 0px; padding-bottom: 20px;} 
.inner-main .panel-default>.panel-heading{ background-color:#bfccd1; border: none;   font-size: 18px; border-top-right-radius: 7px;  border-top-left-radius: 7px;   padding: 10px 30px;font-size: 18px;}
.inner-main .panel-has-button{ padding-bottom: 85px; }
table.sortable span.arrow{border-color: #000 transparent transparent transparent;}
table.sortable span.arrow.up{  border-color: transparent transparent #000 transparent;}


.con-body{margin: 15px auto 0px; }  
.con-body .row .row{padding-bottom: 15px; padding-top: 15px; border-top: 1px solid #eeeeee; }        
.con-body .row .row:first-child{border-top:none;}         
.con-body .row .row>div{padding:0px;}     
.con-body .edit{width: 236px;}     
.con-body .row  .con-line{border-top: 1px solid #eeeeee; border-bottom: none;  text-align: center;}                    
label {margin-bottom: 0px; font-weight: normal; font-size:15px;}                    
.form-control{-webkit-border-radius: 0; border-radius: 0; border:1px solid #bfccd1;}

.child {
    display:-moz-inline-box;
    display:inline-block;
    vertical-align:middle;
    zoom:1;
    //display:inline;
}
.helper {
    display:-moz-inline-box;
    display:inline-block;
    vertical-align:middle;
    height:100%;
    width:0px;
    zoom:1;
    //display:inline;
}

  .channel-img{height:315px; width:100%; text-align:center;}

.new-canvas .mCustomScrollBox { overflow:visible;}   
.new-canvas {background: #f5f5f5; margin:20px 0px; padding: 20px 30px;}
.new-canvas .mCSB_container_wrapper {margin-right: 30px; background: #f5f5f5;}
.new-canvas  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #c6cbcb;}
.new-canvas  .mCSB_scrollTools .mCSB_draggerRail {    background: #dddddd;       }

.new-canvas .form-horizontal  {margin-top:62px;}
.new-canvas .form-horizontal label{font-size:13px; padding:2px;}

.canvas_hold{ background:#fff; display:inline-block; margin-right:30px; border:5px solid #bfccd1; vertical-align:top; }
.canvas_holdp{ background:#fff; display:inline-block; margin-right:30px; border:5px solid #bfccd1; vertical-align:top; }
.inner-main .form-group a{color: #0780e8; line-height: 18px;}
.inner-main .zoom{text-align:center;}
.inner-main .zoom span{padding: 0px 20px;}
.inner-main .zoom button{ margin-top:-5px;}
.inner-main .content {margin:20px 0px 0px; overflow-y:scroll;}
.inner-main .margin{margin:0px 30px;}
.inner-main .bootstrap-switch{-webkit-border-radius: 0; border-radius: 0;}
.inner-main .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off{-webkit-border-radius: 0; border-radius: 0;}
.inner-main .reference{margin-top:15px; font-size:13px;}
.inner-main .reference a{color:#0780e8; border-bottom: 1px dotted #0780e8;}
.inner-main .reference a:hover{border-bottom:none; text-decoration:none;}
.inner-main .management td span{font-size:18px;}
.inner-main .management tr td{font-size:14px; padding:8px 8px;}
.inner-main .management-button{  margin: 10px 30px;}
.inner-main .management-button button.emergency{background:#ff0078; color:#ffffff; float: right;}
.inner-main .management-button button.emergency:hover{background:#d30466;}
.inner-main .management tr td input, .inner-main .management tr td  select{min-width:100px;}                                                                                    
.inner-main .slide-add-img{height: 305px; width: 100%; text-align: center;}
.inner-main .slide-add-menuxp{background:#dbdbdb; min-height:205px; min-width:200px;}
.inner-main .slide-add-menuxp>li.active>a, .inner-main .slide-add-menu>li.active>a:hover, .inner-main .slide-add-menu>li.active>a:focus {color: #000000; background-color: #f5f5f5;   border: solid 1px #dddddd;}
.inner-main .slide-add-menuxp>li>a{-webkit-border-radius: 0; border-radius: 0;  border-bottom: 1px solid #f5f5f5;}
.inner-main .slide-add-menuxp>li>a:hover{color:#327bbf;   border: solid 1px #dddddd;}
.inner-main .slide-add-menuxp>li+li{ margin-top: 0px; }
.inner-main .slide-add-top{background:#f5f5f5; width:100%; margin-left:-15px;}
.inner-main .slide-add-body {padding: 10px 30px;}
.inner-main .slide-add-body td i{margin-right:15px;  font-size: 14px;  width:17px;}
.inner-main .slide-add-body td b{margin-right:11px; font-size: 13px;  width:17px;}
.inner-main .ui-show {background:#f5f5f5; width:100%; margin-left:-15px;}
.inner-main .ui-show .slide-add-menu{min-height:initial;   background: none;}
.slide-add-menu>li>a  {font-size: 18px;}
.inner-main .ui-show .slide-add-menu>li.active>a, .inner-main .ui-show  .slide-add-menu>li.active>a:hover, .inner-main .ui-show  .slide-add-menu>li.active>a:focus{color: #000000; background-color: #fff;}
/*.inner-main .ui-show-table{  margin-bottom: 85px;}   */
.inner-main .ui-show-table tr td:first-child{font-size: 14px;}
.inner-main .ui-show-table tr td a{color:#0780e8; margin-right:10px;}
.inner-main .ui-show-table tr td .dropdown-menu{top:15px; left: -23px; width:60px;   min-width: 60px; background:#000; -webkit-border-radius: 0;  border-radius: 0;} 
.inner-main .ui-show-table .open a.dropdown-toggle{position:absolute; left: -83px; padding-left:23px; padding-top:10px; top:-10px; background:#000; width: 60px;  color:#fff;}
.inner-main .ui-show-table tr td .dropdown-menu  a{color:#fff; font-size: 13px;}
.inner-main .ui-show-table tr td .dropdown-menu a:hover{width:100%; color:#000;}
.inner-main .ui-show-table tr td .dropdown-menu  a i{margin-right:7px;}
.inner-main .ui-show-table tr td a i{margin-right:7px;}
.inner-main .ui-show-table tr td a span{display:none;}
.inner-main .ui-show-table tr td {  padding: 8px 8px;}
.inner-main .ui-show-table-in  .mCSB_container{overflow: visible;}
.inner-main .ui-show-button  {padding: 0px;}  
.inner-main .ui-show-button .btn{margin-top:10px;}                        
/*.inner-main .ui-show-table tr td img{width:100%; min-width: 70px; max-width:100px;}*/

.inner-main .ui-show-table .showup.open a.dropdown-toggle { padding-bottom:10px;}
.inner-main .ui-show-table .showup  .dropdown-menu { top:auto; bottom:100%}

.inner-main   .dropdown-menu { max-width: 500px; }


.ui-show .slide-add-img img{width:100%;}
.ui-show  .h3  { font-family: 'exo', 'ptsans', sans-serif;  margin-top: 0px;   margin-bottom: 10px; font-size:24px;}
.accordion  .panel{padding-bottom: 0px !important;}
.accordion .panel+.panel {  margin-top: 2px;}
.inner-main .accordion .panel-default>.panel-heading {-webkit-border-radius: 0; border-radius: 0;}
.inner-main .accordion .panel-title{  font-size: 18px;}
.inner-main .accordion .panel-title a:hover{color:#0780e8;}
.inner-main .accordion .panel-body {border-top:none !important;}
.inner-main .accordion   table td i{margin-right:15px;  font-size: 14px;  width:17px;}
.inner-main .accordion   table td .edit{  width: 60px;}
.inner-main .accordion   table td:first-child {white-space: nowrap;}



.slidmod21{overflow: hidden;background-color:#fff; position: absolute; height:600px; top:10px; left:400px;  width: 900px;  }
.slidmod21a{overflow: hidden;background-color:#fff; position: absolute; height:auto; top:10px; left:400px;  width: 800px;  }
.slidmod4{overflow: hidden;background-color:#fff; position: absolute; top:10px; left:-300px;  width: 1400px;  }
.slidmod13{overflow: hidden;background-color:#fff; position: absolute; top:10px; left:-500px;  width: 1500px;  }
.slidmod2{overflow: hidden;background-color:#fff;  width: 800px; top:10px; left:-200px; }
.slidmod2b{overflow: hidden;background-color:#fff;  width: 800px; top:10px; left:300px; }
.slidmod3{overflow: hidden;background-color:#fff; position: absolute; top:10px; left:-200px;  width: 1000px;  }
.slidmod3b{overflow: hidden;background-color:#fff; position: absolute; top:10px; left:400px;  width: 1000px;  }


.slidmodmedialib{overflow: hidden; background-color:#fff; position: absolute; top:0px;  left:-500px; width: 1650px;  }
.slidmodmedialibmontage{overflow: hidden; background-color:#fff; position: absolute; top:0px; left:30px;  width: 1750px;  }


.slidmodtablestatx{background-color:#fff; position: absolute; top:0px; left:0px;  width: 1600px; }
.slidmodtablestatx2{background-color:#fff; position: absolute; top:0px; left:50px;  width: 1600px; }
.slidmodtablestatchan{background-color:#fff; position: absolute; top:0px; left:-450px;  width: 1600px; }
.slidmodtablecsv1{background-color:#fff; position: absolute; top:0px; left:50px;  width: 1600px; }



.slidmodtablesql{background-color:#fff; position: absolute; top:0px; left:-500px;  width: 1600px; }
.slidmodtablesql .modal-title{color:#333;}
.slidmodtablesql tr td .dropdown-menu{top:15px; left: -23px; width:260px;   min-width: 260px; background:#000; -webkit-border-radius: 0;  border-radius: 0;} 
.slidmodtablesql  .open a.dropdown-toggle{position:absolute; left: -23px; padding-left:23px; padding-top:5px; top:-10px; background:#000; width: 60px;  color:#fff;}
.slidmodtablesql tr td .dropdown-menu  a{color:#fff; font-size: 13px;}
.slidmodtablesql  tr td .dropdown-menu a:hover{width:100%; color:#000;}
.slidmodtablesql  tr td .dropdown-menu  a i{margin-right:7px;}
.slidmodtablesql hr { border-color:#333333; max-width:285px; margin:30px auto;}



.slidmodiptv{background-color:#fff; position: absolute; top:0px; left:60px;  width: 1600px; }
.slidmodiptv .modal-title{color:#333;}
.slidmodiptv tr td .dropdown-menu{top:15px; left: -23px; width:260px;   min-width: 260px; background:#000; -webkit-border-radius: 0;  border-radius: 0;} 
.slidmodiptv  .open a.dropdown-toggle{position:absolute; left: -23px; padding-left:23px; padding-top:5px; top:-10px; background:#000; width: 60px;  color:#fff;}
.slidmodiptv tr td .dropdown-menu  a{color:#fff; font-size: 13px;}
.slidmodiptv  tr td .dropdown-menu a:hover{width:100%; color:#000;}
.slidmodiptv  tr td .dropdown-menu  a i{margin-right:7px;}
.slidmodiptv hr { border-color:#333333; max-width:285px; margin:30px auto;}





/*.modal-content2{overflow: hidden;background-color:#fff;  width: 800px;  }
.modal-content2 .modal-title{color:#333;}
.modal-content2 tr td .dropdown-menu{top:15px; left: -23px; width:260px;   min-width: 260px; background:#000; -webkit-border-radius: 0;  border-radius: 0;} 
.modal-content2  .open a.dropdown-toggle{position:absolute; left: -23px; padding-left:23px; padding-top:5px; top:-10px; background:#000; width: 60px;  color:#fff;}
.modal-content2 tr td .dropdown-menu  a{color:#fff; font-size: 13px;}
.modal-content2  tr td .dropdown-menu a:hover{width:100%; color:#000;}
.modal-content2  tr td .dropdown-menu  a i{margin-right:7px;}


.modal-content3{overflow: hidden;background-color:#fff; position: absolute; top:-10px; left:-100px;  width: 1000px;  }
.modal-content3 .modal-title{color:#333;}
.modal-content3 tr td .dropdown-menu{top:15px; left: -23px; width:260px;   min-width: 260px; background:#000; -webkit-border-radius: 0;  border-radius: 0;} 
.modal-content3  .open a.dropdown-toggle{position:absolute; left: -23px; padding-left:23px; padding-top:5px; top:-10px; background:#000; width: 60px;  color:#fff;}
.modal-content3 tr td .dropdown-menu  a{color:#fff; font-size: 13px;}
.modal-content3  tr td .dropdown-menu a:hover{width:100%; color:#000;}
.modal-content3  tr td .dropdown-menu  a i{margin-right:7px;}
.modal-content3 hr { border-color:#0780e8; max-width:285px; margin:30px auto;}





.modal-content4{overflow: hidden;background-color:#fff; position: absolute; top:-10px; left:-300px;  width: 1400px;  }
.modal-content4 .modal-title{color:#333;}
.modal-content4 tr td .dropdown-menu{top:15px; left: -23px; width:260px;   min-width: 260px; background:#000; -webkit-border-radius: 0;  border-radius: 0;} 
.modal-content4  .open a.dropdown-toggle{position:absolute; left: -23px; padding-left:23px; padding-top:5px; top:-10px; background:#000; width: 60px;  color:#fff;}
.modal-content4 tr td .dropdown-menu  a{color:#fff; font-size: 13px;}
.modal-content4  tr td .dropdown-menu a:hover{width:100%; color:#000;}
.modal-content4  tr td .dropdown-menu  a i{margin-right:7px;}
.modal-content4 hr { border-color:#0780e8; max-width:285px; margin:30px auto;}

*/
.modal-content4{overflow: hidden; position:absolute; background-color:#fff; top:10px;  left:400px;  width: 1100px; border:solid 1px; }
.modal-content4 .modal-title{color:#333;}
.modal-content4 tr td .dropdown-menu{top:15px; left: -23px; width:260px;   min-width: 260px; background:#000; -webkit-border-radius: 0;  border-radius: 0;} 
.modal-content4  .open a.dropdown-toggle{position:absolute; left: -23px; padding-left:23px; padding-top:5px; top:-10px; background:#000; width: 60px;  color:#fff;}
.modal-content4 tr td .dropdown-menu  a{color:#fff; font-size: 13px;}
.modal-content4 tr td .dropdown-menu a:hover{width:100%; color:#000;}
.modal-content4  tr td .dropdown-menu  a i{margin-right:7px;}
.modal-content4 hr { border-color:#333333; max-width:285px; margin:30px auto;}

.modal-content5{overflow: hidden;background-color:#fff; top:20px; left:-600px;  width: 1000px; border:solid 1px; }
.modal-content5 .modal-title{color:#333;}
.modal-content5 tr td .dropdown-menu{top:15px; left: -23px; width:260px;   min-width: 260px; background:#000; -webkit-border-radius: 0;  border-radius: 0;} 
.modal-content5  .open a.dropdown-toggle{position:absolute; left: -23px; padding-left:23px; padding-top:5px; top:-10px; background:#000; width: 60px;  color:#fff;}
.modal-content5 tr td .dropdown-menu  a{color:#fff; font-size: 13px;}
.modal-content5  tr td .dropdown-menu a:hover{width:100%; color:#000;}
.modal-content5  tr td .dropdown-menu  a i{margin-right:7px;}
.modal-content5 hr { border-color:#333333; max-width:285px; margin:30px auto;}



.modal-content6{overflow: hidden;background-color:#fff; top:20px; left:-500px;  width: 850px;  }
.modal-content6 .modal-title{color:#333;}
.modal-content6 tr td .dropdown-menu{top:15px; left: -23px; width:260px;   min-width: 260px; background:#000; -webkit-border-radius: 0;  border-radius: 0;} 
.modal-content6  .open a.dropdown-toggle{position:absolute; left: -23px; padding-left:23px; padding-top:5px; top:-10px; background:#000; width: 60px;  color:#fff;}
.modal-content6 tr td .dropdown-menu  a{color:#fff; font-size: 13px;}
.modal-content6  tr td .dropdown-menu a:hover{width:100%; color:#000;}
.modal-content6  tr td .dropdown-menu  a i{margin-right:7px;}
.modal-content6 hr { border-color:#333333; max-width:285px; margin:30px auto;}


.modal-content7{overflow: hidden;background-color:#fff; position: absolute; top:-10px; left:0px;  width: 1800px;  }
.modal-content7 .modal-title{color:#333;}
.modal-content7 tr td .dropdown-menu{top:15px; left: -23px; width:260px;   min-width: 260px; background:#000; -webkit-border-radius: 0;  border-radius: 0;} 
.modal-content7  .open a.dropdown-toggle{position:absolute; left: -23px; padding-left:23px; padding-top:5px; top:-10px; background:#000; width: 60px;  color:#fff;}
.modal-content7 tr td .dropdown-menu  a{color:#fff; font-size: 13px;}
.modal-content7  tr td .dropdown-menu a:hover{width:100%; color:#000;}
.modal-content7  tr td .dropdown-menu  a i{margin-right:7px;}
.modal-content7 hr { border-color:#333333; max-width:285px; margin:30px auto;}


.modal-content8{overflow: hidden;background-color:#fff; top:20px; left:-500px;  width: 700px;  }
.modal-content8 .modal-title{color:#333;}
.modal-content8 tr td .dropdown-menu{top:15px; left: -23px; width:260px;   min-width: 260px; background:#000; -webkit-border-radius: 0;  border-radius: 0;} 
.modal-content8  .open a.dropdown-toggle{position:absolute; left: -23px; padding-left:23px; padding-top:5px; top:-10px; background:#000; width: 60px;  color:#fff;}
.modal-content8 tr td .dropdown-menu  a{color:#fff; font-size: 13px;}
.modal-content8  tr td .dropdown-menu a:hover{width:100%; color:#000;}
.modal-content8  tr td .dropdown-menu  a i{margin-right:7px;}
.modal-content8 hr { border-color:#333333; max-width:285px; margin:30px auto;}
/*
.modal-content13{overflow: hidden;background-color:#fff; position: absolute; top:10px; left:-400px;  width: 1500px;  }
.modal-content13 .modal-title{color:#333;}
.modal-content13 tr td .dropdown-menu{top:15px; left: -23px; width:260px;   min-width: 260px; background:#000; -webkit-border-radius: 0;  border-radius: 0;} 
.modal-content13  .open a.dropdown-toggle{position:absolute; left: -23px; padding-left:23px; padding-top:5px; top:-10px; background:#000; width: 60px;  color:#fff;}
.modal-content13 tr td .dropdown-menu  a{color:#fff; font-size: 13px;}
.modal-content13  tr td .dropdown-menu a:hover{width:100%; color:#000;}
.modal-content13  tr td .dropdown-menu  a i{margin-right:7px;}
.modal-content13 hr { border-color:#0780e8; max-width:285px; margin:30px auto;}
*/

.modal-content14{overflow: hidden; background-color:#4a4a41; position: absolute;   width: 1100px;  height: 800px }
.modal-content14 .modal-title{color:#333;}
.modal-content14 tr td .dropdown-menu{top:15px; left: -23px; width:260px;   min-width: 260px; background:#000; -webkit-border-radius: 0;  border-radius: 0;} 
.modal-content14  .open a.dropdown-toggle{position:absolute; left: -23px; padding-left:23px; padding-top:5px; top:-10px; background:#000; width: 60px;  color:#fff;}
.modal-content14 tr td .dropdown-menu  a{color:#fff; font-size: 13px;}
.modal-content14  tr td .dropdown-menu a:hover{width:100%; color:#000;}
.modal-content14  tr td .dropdown-menu  a i{margin-right:7px;}
.modal-content14 hr { border-color:#333333; max-width:285px; margin:30px auto;}




.modal-content15{overflow: hidden;background-color:#fff; position: absolute; top:-10px; left:-300px;  width: 1800px;  }
.modal-content15 .modal-title{color:#333;}
.modal-content15 tr td .dropdown-menu{top:15px; left: -23px; width:260px;   min-width: 260px; background:#000; -webkit-border-radius: 0;  border-radius: 0;} 
.modal-content15  .open a.dropdown-toggle{position:absolute; left: -23px; padding-left:23px; padding-top:5px; top:-10px; background:#000; width: 60px;  color:#fff;}
.modal-content15 tr td .dropdown-menu  a{color:#fff; font-size: 13px;}
.modal-content15  tr td .dropdown-menu a:hover{width:100%; color:#000;}
.modal-content15  tr td .dropdown-menu  a i{margin-right:7px;}
.modal-content15 hr { border-color:#333333; max-width:285px; margin:30px auto;}

.modal-content23{overflow: hidden; position:absolute; background-color:#fff; top:10px;  left:-400px;  width: 1600px; border:solid 1px; }
.modal-content23 .modal-title{color:#333;}
.modal-content23 tr td .dropdown-menu{top:15px; left: -23px; width:260px;   min-width: 260px; background:#000; -webkit-border-radius: 0;  border-radius: 0;} 
.modal-content23  .open a.dropdown-toggle{position:absolute; left: -23px; padding-left:23px; padding-top:5px; top:-10px; background:#000; width: 60px;  color:#fff;}
.modal-content23 tr td .dropdown-menu  a{color:#fff; font-size: 13px;}
.modal-content23 tr td .dropdown-menu a:hover{width:100%; color:#000;}
.modal-content23  tr td .dropdown-menu  a i{margin-right:7px;}
.modal-content23 hr { border-color:#333333; max-width:285px; margin:30px auto;}
.modal-content23 .modal-body{ max-height: auto;}


.modal-content23k{overflow: hidden; position:absolute; background-color:#fff; top:60px;  left:0px;  width: 1600px; border:solid 1px; }
.modal-content23k .modal-title{color:#333;}
.modal-content23k tr td .dropdown-menu{top:15px; left: -23px; width:260px;   min-width: 260px; background:#000; -webkit-border-radius: 0;  border-radius: 0;} 
.modal-content23k  .open a.dropdown-toggle{position:absolute; left: -23px; padding-left:23px; padding-top:5px; top:-10px; background:#000; width: 60px;  color:#fff;}
.modal-content23k tr td .dropdown-menu  a{color:#fff; font-size: 13px;}
.modal-content23k tr td .dropdown-menu a:hover{width:100%; color:#000;}
.modal-content23k  tr td .dropdown-menu  a i{margin-right:7px;}
.modal-content23k hr { border-color:#333333; max-width:285px; margin:30px auto;}
.modal-content23k .modal-body{ max-height: auto;}



.modal-content24{overflow: hidden; position:absolute; background-color:#fff; top:460px;  left:400px;  width: 1000px; border:solid 1px; }
.modal-content24 .modal-title{color:#333;}
.modal-content24 tr td .dropdown-menu{top:15px; left: -23px; width:260px;   min-width: 260px; background:#000; -webkit-border-radius: 0;  border-radius: 0;} 
.modal-content24  .open a.dropdown-toggle{position:absolute; left: -23px; padding-left:23px; padding-top:5px; top:-10px; background:#000; width: 60px;  color:#fff;}
.modal-content24 tr td .dropdown-menu  a{color:#fff; font-size: 13px;}
.modal-content24 tr td .dropdown-menu a:hover{width:100%; color:#000;}
.modal-content24  tr td .dropdown-menu  a i{margin-right:7px;}
.modal-content24 hr { border-color:#333333; max-width:285px; margin:30px auto;}
.modal-content24 .modal-body{ max-height: 400px;}


.modal-content25{overflow: hidden; position:absolute; background-color:#fff; top:260px;  left:30px; height: 600px;  width: 1850px; border:solid 1px; }
.modal-content25 .modal-title{color:#333;}
.modal-content25 tr td .dropdown-menu{top:15px; left: -23px; width:260px;   min-width: 260px; background:#000; -webkit-border-radius: 0;  border-radius: 0;} 
.modal-content25  .open a.dropdown-toggle{position:absolute; left: -23px; padding-left:23px; padding-top:5px; top:-10px; background:#000; width: 60px;  color:#fff;}
.modal-content25 tr td .dropdown-menu  a{color:#fff; font-size: 13px;}
.modal-content25 tr td .dropdown-menu a:hover{width:100%; color:#000;}
.modal-content25  tr td .dropdown-menu  a i{margin-right:7px;}
.modal-content25 hr { border-color:#333333; max-width:285px; margin:30px auto;}
.modal-content25 .modal-body{ max-height: 400px;}


.modal-content254{overflow: hidden; position:absolute; background-color:#fff; top:80px;  left:30px; height: 900px;  width: 1850px; border:solid 1px; }
.modal-content254 .modal-title{color:#333;}
.modal-content254 tr td .dropdown-menu{top:15px; left: -23px; width:260px;   min-width: 260px; background:#000; -webkit-border-radius: 0;  border-radius: 0;} 
.modal-content254  .open a.dropdown-toggle{position:absolute; left: -23px; padding-left:23px; padding-top:5px; top:-10px; background:#000; width: 60px;  color:#fff;}
.modal-content254 tr td .dropdown-menu  a{color:#fff; font-size: 13px;}
.modal-content254 tr td .dropdown-menu a:hover{width:100%; color:#000;}
.modal-content254  tr td .dropdown-menu  a i{margin-right:7px;}
.modal-content254 hr { border-color:#333333; max-width:285px; margin:30px auto;}
.modal-content254 .modal-body{ max-height: 400px;}

.modal-content26{overflow: hidden;background-color:#fff; position: absolute; top:10px; left:-600px; height:950px;  width: 1800px;  }
.modal-content26 .modal-title{color:#333;}
.modal-content26 tr td .dropdown-menu{top:15px; left: -23px; width:260px;   min-width: 260px; background:#000; -webkit-border-radius: 0;  border-radius: 0;} 
.modal-content26  .open a.dropdown-toggle{position:absolute; left: -23px; padding-left:23px; padding-top:5px; top:-10px; background:#000; width: 60px;  color:#fff;}
.modal-content26 tr td .dropdown-menu  a{color:#fff; font-size: 13px;}
.modal-content26  tr td .dropdown-menu a:hover{width:100%; color:#000;}
.modal-content26  tr td .dropdown-menu  a i{margin-right:7px;}
.modal-content26 hr { border-color:#333333; max-width:auto; margin:8px auto;}




.ui-show-button-new button.edit, .ui-show-button-new button.remove{width: 236px;}         

 table.sorting-table {cursor: move;}
table tr.sorting-row td {background-color: #e0e6e6;}
table.sorting-table tbody tr:not(.sorting-row) td {opacity: 0.5;}


.accordion-inside-a{ margin: 0 0 0 25px;       padding: 0;       }
.accordion-inside-a .panel-group  .panel  {border:none;}
.accordion-inside-a .panel-body {  padding: 0px 15px 0px 15px;}
.accordion-inside-a .panel-body .panel-body{  padding: 0px 15px 0px 0px;}
.accordion-inside-a .panel-body  .panel-body ul {margin:10px 0px 20px 0px;; padding:0px;}
.accordion-inside-a .panel-body  .panel-body ul li{padding: 0px; }
.accordion-inside-a .panel-body  .panel-body    a{color:#bebebe; font-size:13px;}
.accordion-inside-a .panel-body  .panel-body    a:hover{color:#d3d3d3; }
.accordion-inside-a .panel-body   a span{  position: absolute;                top: 50%;      right: 0;              margin-top: -5px;        color: #fffefe;      font-size: 12px}
.accordion-inside-a .panel-title-in { padding: 0 0 5px 0; }

.nav-pills-remove{height:0px; overflow:hidden;}
.nav-pills-show {height:auto; overflow:auto;}

.ui-show-table-in{margin-top: 50px;}   

.panels_tab tbody tr:first-child { display: none;}


.user_table_hold { display:table; padding-right:30px; width:100%; }
.user_table { background:#fff; border-collapse:separate; border-spacing:1px; color:#333; margin-bottom:30px}
 .user_table td {background:#fff; color:#333; font-family:Arial;  text-align:center; font-size:24px;}
 .user_table th {background:#fff; color:#000; font-family:Arial; text-align:center; font-size:24px;}
.user_table .form-control { width:100% !important;}
.user_table td.edit, .user_table th.edit { width:50px; white-space:nowrap; border-color:#f5f5f5; background:#f5f5f5;}
.user_table .check {position:relative;}
.user_table .check i { position:absolute; top:5px; right:5px; cursor:pointer; font-weight:normal; font-size:18px; display:block; width:16px; height:16px; text-align:center; line-height:14px; color:#999;}
.user_table .check i:hover { color:#000;}
.user_table thead tr:first-child th:first-child i { color:#fff; cursor:default;}
.user_table .check { text-align:center; vertical-align:middle; border-color:#f5f5f5;background:#f5f5f5;}
.user_table .check span { font-family: 'FontAwesome';  cursor:pointer; display: inline-block; width:50px; text-align:center;
  font: normal normal normal 24px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0); font-size:14pt; color:#55a2d5}
  .user_table .check:hover  span{ color:#2ca8ad;}
  .user_table .check span:after{  content: "\f096";}
   .user_table .check.checked span:after{   content: "\f046"; margin-right:-1px;}
 .user_table tbody tr .check    { width:100px;}
   .user_table tbody tr td:not(:first-child):not(:last-child),  .user_table thead tr:not(:first-child) th:not(:first-child):not(:last-child) { border:1px solid:;} 


.user_table tbody tr td:not(:first-child):not(:last-child).selected,  .user_table thead tr:not(:first-child) th:not(:first-child):not(:last-child).selected { border:3px solid #55a2d5; }

.user_table tbody tr td.mergeTop { border-top: 2px dashed #ff0000 !important;  }
.user_table tbody tr td.mergeRight { border-right: 2px dashed #ff0000 !important;  }
.user_table tbody tr td.mergeBottom { border-bottom: 2px dashed #ff0000 !important;  }
.user_table tbody tr td.mergeLeft { border-left: 2px dashed #ff0000 !important; }






.user_table_hold3 { display:table; padding-right:30px; width:100%;  }
.user_table3 { background:#fff; border-collapse:separate; border-spacing:1px; color:#333; margin-bottom:30px;}
 .user_table3 td {background:#fff; color:#333; font-family:Arial;  text-align:center; font-size:24px;}
 .user_table3 th {background:#fff; color:#000; font-family:Arial; text-align:center; font-size:24px;}
.user_table3 .form-control { width:100% !important;}
.user_table3 td.edit, .user_table th.edit { width:50px; white-space:nowrap; border-color:#f5f5f5; background:#f5f5f5;}
.user_table3 .check {position:relative;}
.user_table3 .check i { position:absolute; top:5px; right:5px; cursor:pointer; font-weight:normal; font-size:18px; display:block; width:16px; height:16px; text-align:center; line-height:14px; color:#999;}
.user_table3 .check i:hover { color:#000;}
.user_table3 thead tr:first-child th:first-child i { color:#fff; cursor:default;}
.user_table3 .check { text-align:center; vertical-align:middle; border-color:#f5f5f5;background:#f5f5f5;}
.user_table3 .check span { font-family: 'FontAwesome';  cursor:pointer; display: inline-block; width:50px; text-align:center;
  font: normal normal normal 24px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0); font-size:14pt; color:#55a2d5}
  .user_table3 .check:hover  span{ color:#2ca8ad;}
  .user_table3 .check span:after{  content: "\f096";}
   .user_table3 .check.checked span:after{   content: "\f046"; margin-right:-1px;}
 .user_table3 tbody tr .check    { width:100px;}
   .user_table3 tbody tr td:not(:first-child):not(:last-child),  .user_table thead tr:not(:first-child) th:not(:first-child):not(:last-child) { border:2px solid #eeeeee;} 


.user_table3 tbody tr td:not(:first-child):not(:last-child).selected,  .user_table3 thead tr:not(:first-child) th:not(:first-child):not(:last-child).selected { border-color:#55a2d5   !important;  }

.user_table3 tbody tr td.mergeTop { border-top: 2px dashed #ff0000 !important;  }
.user_table3 tbody tr td.mergeRight { border-right: 2px dashed #ff0000 !important;  }
.user_table3 tbody tr td.mergeBottom { border-bottom: 2px dashed #ff0000 !important;  }
.user_table3 tbody tr td.mergeLeft { border-left: 2px dashed #ff0000 !important; }




.user_table_hold2 { display:table; padding-right:30px; width:100%;}
.user_table2 { background:#fff; border-collapse:separate; border-spacing:1px; color:#333; margin-bottom:30px}
 .user_table2 td {background:#fff; color:#333; font-family:Arial;  text-align:center; font-size:24px;}
 .user_table2 th {background:#fff; color:#000; font-family:Arial; text-align:center; font-size:24px;}
.user_table2 .form-control { width:100% !important;}
.user_table2 td.edit, .user_table th.edit { width:50px; white-space:nowrap; border-color:#f5f5f5; background:#f5f5f5;}
.user_table2 .check {position:relative;}
.user_table2 .check i { position:absolute; top:5px; right:5px; cursor:pointer; font-weight:normal; font-size:18px; display:block; width:16px; height:16px; text-align:center; line-height:14px; color:#999;}
.user_table2 .check i:hover { color:#000;}
.user_table2 thead tr:first-child th:first-child i { color:#fff; cursor:default;}
.user_table2 .check { text-align:center; vertical-align:middle; border-color:#f5f5f5;background:#f5f5f5;}
.user_table2 .check span { font-family: 'FontAwesome';  cursor:pointer; display: inline-block; width:50px; text-align:center;
  font: normal normal normal 24px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0); font-size:14pt; color:#55a2d5}
.user_table2 .check:hover  span{ color:#2ca8ad;}
.user_table2 .check span:after{  content: "\f096";}
.user_table2 .check.checked span:after{   content: "\f046"; margin-right:-1px;}
.user_table2 tbody tr .check    { width:100px;}
.user_table2 tbody tr td:not(:first-child):not(:last-child),  .user_table2 thead tr:not(:first-child) th:not(:first-child):not(:last-child) { border:2px solid #eeeeee !important ;} 


.user_table2 tbody tr td:not(:first-child):not(:last-child).selected,  .user_table2 thead tr:not(:first-child) th:not(:first-child):not(:last-child).selected { border-color:#55a2d5   !important;  }


.user_table2 tbody tr td.mergeTop { border-top: 2px dashed #ff0000 !important;  }
.user_table2 tbody tr td.mergeRight { border-right: 2px dashed #ff0000 !important;  }
.user_table2 tbody tr td.mergeBottom { border-bottom: 2px dashed #ff0000 !important;  }
.user_table2 tbody tr td.mergeLeft { border-left: 2px dashed #ff0000 !important; }


.user_tablecsv_hold2 { display:table; padding-right:30px; width:100%;}
.user_tablecsv2 { background:#fff; border-collapse:separate; border-spacing:1px; color:#333; margin-bottom:30px}
 .user_tablecsv2 td {background:#fff; color:#333; font-family:Arial;  text-align:center; font-size:24px;}
 .user_tablecsv2 th {background:#fff; color:#000; font-family:Arial; text-align:center; font-size:24px;}
.user_tablecsv2 .form-control { width:100% !important;}
.user_tablecsv2 td.edit, .user_tablecsv th.edit { width:50px; white-space:nowrap; border-color:#f5f5f5; background:#f5f5f5;}
.user_tablecsv2 .check {position:relative;}
.user_tablecsv2 .check i { position:absolute; top:5px; right:5px; cursor:pointer; font-weight:normal; font-size:18px; display:block; width:16px; height:16px; text-align:center; line-height:14px; color:#999;}
.user_tablecsv2 .check i:hover { color:#000;}
.user_tablecsv2 thead tr:first-child th:first-child i { color:#fff; cursor:default;}
.user_tablecsv2 .check { text-align:center; vertical-align:middle; border-color:#f5f5f5;background:#f5f5f5;}
.user_tablecsv2 .check span { font-family: 'FontAwesome';  cursor:pointer; display: inline-block; width:50px; text-align:center;
  font: normal normal normal 24px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0); font-size:14pt; color:#55a2d5}
.user_tablecsv2 .check:hover  span{ color:#2ca8ad;}
.user_tablecsv2 .check span:after{  content: "\f096";}
.user_tablecsv2 .check.checked span:after{   content: "\f046"; margin-right:-1px;}
.user_tablecsv2 tbody tr .check    { width:100px;}
.user_tablecsv2 tbody tr td:not(:first-child):not(:last-child),  .user_tablecsv2 thead tr:not(:first-child) th:not(:first-child):not(:last-child) { border:2px solid #eeeeee;} 





.user_table_hold4 { display:table; padding-right:30px; width:100%;}
.user_table4 { background:#fff; border-collapse:separate; border-spacing:1px; color:#333; margin-bottom:30px}
 .user_table4 td {background:#fff; color:#333; font-family:Arial;  text-align:center; font-size:24px;}
 .user_table4 th {background:#fff; color:#000; font-family:Arial; text-align:center; font-size:24px;}
.user_table4 .form-control { width:100% !important;}
.user_table4 td.edit, .user_table th.edit { width:50px; white-space:nowrap; border-color:#f5f5f5; background:#f5f5f5;}
.user_table4 .check {position:relative;}
.user_table4 .check i { position:absolute; top:5px; right:5px; cursor:pointer; font-weight:normal; font-size:18px; display:block; width:16px; height:16px; text-align:center; line-height:14px; color:#999;}
.user_table4 .check i:hover { color:#000;}
.user_table4 thead tr:first-child th:first-child i { color:#fff; cursor:default;}
.user_table4 .check { text-align:center; vertical-align:middle; border-color:#f5f5f5;background:#f5f5f5;}
.user_table4 .check span { font-family: 'FontAwesome';  cursor:pointer; display: inline-block; width:50px; text-align:center;
  font: normal normal normal 24px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0); font-size:14pt; color:#55a2d5}
.user_table4 .check:hover  span{ color:#2ca8ad;}
.user_table4 .check span:after{  content: "\f096";}
.user_table4 .check.checked span:after{   content: "\f046"; margin-right:-1px;}
.user_table4 tbody tr .check    { width:100px;}
.user_table4 tbody tr td:not(:first-child):not(:last-child),  .user_table4 thead tr:not(:first-child) th:not(:first-child):not(:last-child) { border:2px solid #eeeeee !important ;} 


.user_table4 tbody tr td:not(:first-child):not(:last-child).selected,  .user_table4 thead tr:not(:first-child) th:not(:first-child):not(:last-child).selected { border-color:#55a2d5   !important;  }


.user_table4 tbody tr td.mergeTop { border-top: 2px dashed #ff0000 !important;  }
.user_table4 tbody tr td.mergeRight { border-right: 2px dashed #ff0000 !important;  }
.user_table4 tbody tr td.mergeBottom { border-bottom: 2px dashed #ff0000 !important;  }
.user_table4 tbody tr td.mergeLeft { border-left: 2px dashed #ff0000 !important; }





.user_table_hold5 { display:table; padding-right:30px; width:100%;}
.user_table5 { background:#fff; border-collapse:separate; border-spacing:1px; color:#333; margin-bottom:30px}
 .user_table5 td {background:#fff; color:#333; font-family:Arial;  text-align:center; font-size:24px;}
 .user_table5 th {background:#fff; color:#000; font-family:Arial; text-align:center; font-size:24px;}
.user_table5 .form-control { width:100% !important;}
.user_table5 td.edit, .user_table th.edit { width:50px; white-space:nowrap; border-color:#f5f5f5; background:#f5f5f5;}
.user_table5 .check {position:relative;}
.user_table5 .check i { position:absolute; top:5px; right:5px; cursor:pointer; font-weight:normal; font-size:18px; display:block; width:16px; height:16px; text-align:center; line-height:14px; color:#999;}
.user_table5 .check i:hover { color:#000;}
.user_table5 thead tr:first-child th:first-child i { color:#fff; cursor:default;}
.user_table5 .check { text-align:center; vertical-align:middle; border-color:#f5f5f5;background:#f5f5f5;}
.user_table5 .check span { font-family: 'FontAwesome';  cursor:pointer; display: inline-block; width:50px; text-align:center;
  font: normal normal normal 24px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0); font-size:14pt; color:#55a2d5}
.user_table5 .check:hover  span{ color:#2ca8ad;}
.user_table5 .check span:after{  content: "\f096";}
.user_table5 .check.checked span:after{   content: "\f046"; margin-right:-1px;}
.user_table5 tbody tr .check    { width:100px;}
.user_table5 tbody tr td:not(:first-child):not(:last-child),  .user_table5 thead tr:not(:first-child) th:not(:first-child):not(:last-child) { border:2px solid #eeeeee;} 


.user_table5 tbody tr td:not(:first-child):not(:last-child).selected,  .user_table5 thead tr:not(:first-child) th:not(:first-child):not(:last-child).selected { border-color:#55a2d5   !important;  }


.user_table5 tbody tr td.mergeTop { border-top: 2px dashed #ff0000 !important;  }
.user_table5 tbody tr td.mergeRight { border-right: 2px dashed #ff0000 !important;  }
.user_table5 tbody tr td.mergeBottom { border-bottom: 2px dashed #ff0000 !important;  }
.user_table5 tbody tr td.mergeLeft { border-left: 2px dashed #ff0000 !important; }







.user_table_hold6 { display:table; padding-right:30px; width:100%;}
.user_table6 { background:#fff; border-collapse:separate; border-spacing:1px; color:#333; margin-bottom:30px}
 .user_table6 td {background:#fff; color:#333; font-family:Arial;  text-align:center; font-size:24px;}
 .user_table6 th {background:#fff; color:#000; font-family:Arial; text-align:center; font-size:24px;}
.user_table6 .form-control { width:100% !important;}
.user_table6 td.edit, .user_table th.edit { width:50px; white-space:nowrap; border-color:#f5f5f5; background:#f5f5f5;}
.user_table6 .check {position:relative;}
.user_table6 .check i { position:absolute; top:5px; right:5px; cursor:pointer; font-weight:normal; font-size:18px; display:block; width:16px; height:16px; text-align:center; line-height:14px; color:#999;}
.user_table6 .check i:hover { color:#000;}
.user_table6 thead tr:first-child th:first-child i { color:#fff; cursor:default;}
.user_table6 .check { text-align:center; vertical-align:middle; border-color:#f5f5f5;background:#f5f5f5;}
.user_table6 .check span { font-family: 'FontAwesome';  cursor:pointer; display: inline-block; width:50px; text-align:center;
  font: normal normal normal 24px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0); font-size:14pt; color:#55a2d5}
.user_table6 .check:hover  span{ color:#2ca8ad;}
.user_table6 .check span:after{  content: "\f096";}
.user_table6 .check.checked span:after{   content: "\f046"; margin-right:-1px;}
.user_table6 tbody tr .check    { width:100px;}
.user_table6 tbody tr td:not(:first-child):not(:last-child),  .user_tabl6 thead tr:not(:first-child) th:not(:first-child):not(:last-child) { border:2px solid #eeeeee;} 


.user_table6 tbody tr td:not(:first-child):not(:last-child).selected,  .user_table6 thead tr:not(:first-child) th:not(:first-child):not(:last-child).selected { border-color:#55a2d5   !important;  }


.user_table6 tbody tr td.mergeTop { border-top: 2px dashed #ff0000 !important;  }
.user_table6 tbody tr td.mergeRight { border-right: 2px dashed #ff0000 !important;  }
.user_table6 tbody tr td.mergeBottom { border-bottom: 2px dashed #ff0000 !important;  }
.user_table6 tbody tr td.mergeLeft { border-left: 2px dashed #ff0000 !important; }





.user_table  > thead > tr > th {vertical-align:top;}
.user_table td.column_height {width: 140px;}

.user_table2  > thead > tr > th {vertical-align:top;}
.user_table2 td.column_height {width: 140px;}


.user_table3  > thead > tr > th {vertical-align:top;}
.user_table3 td.column_height {width: 140px;}

.user_table4  > thead > tr > th {vertical-align:top;}
.user_table4 td.column_height {width: 140px;}

.user_table5  > thead > tr > th {vertical-align:top;}
.user_table5 td.column_height {width: 140px;}

.user_table6  > thead > tr > th {vertical-align:top;}
.user_table6 td.column_height {width: 140px;}


#user_table_content { display:none;}
#user_table_content2 { display:none;}
#user_table_content3 { display:none;}
#user_table_content4 { display:none;}
#user_table_content5 { display:none;}
#user_table_content6 { display:none;}


#save_table  { display:none;}
.new_table_form {}

.form-control.short { width:50px;}
#new_table { display:none;} 
#reset_table { display:none;}
.new-canvas .form-horizontal .checkbox label:not(:last-child) { margin-right:15px; font-weight:normal; font-style:normal; text-decoration:}



 




#modal_edit_table .modal-lg { width: 95%;}
#modal_edit_tablecsv .modal-lg { width: 95%;}
#modal_edit_tablestat .modal-lg-bg { width: 1800px;}
#modal_edit_tablesql .modal-lg-bg { width: 1800px;}
#modal_edit_tableapixu .modal-lg-bg { width: 1800px;}



#tableModal .modal-lg,  .modal-xl{ width: 95%;}
.gmap_hold {display: table}
.gm-style .gm-style-iw { font-size: 21px; font-weight: bold;}
.gm-style-iw{text-align: center;}
.gm-style-iw + div {
  display: none;
}

.dog1 { width: 90%; left: 100px; }


.slideshow_photo{margin-top:20px; display:block;}
.slideshow_photo a{margin-right:10px; margin-bottom:15px; display:block; float:left;}
.slideshow_photo a img{border:2px solid #dddddd; height:64px}
/*.remove-button{ float: left; margin-right: 10px;}*/
.remove-button {
    cursor: pointer;
    float: left;
    margin-right: 15px;
    position: relative;
    width: 20px;
    z-index: 2;
}

.downy-button {
    cursor: pointer;
    float: left;
    margin-right: 20px;
    position: relative;
    width: 20px;
    z-index: 2;
}


.item_box{margin: 10px 0px;}
.item_box p{font-size: 12px;}
.library-decor{    margin: 20px 0px; height: 400px;}
.library-decor .row{border-bottom: 1px solid #eeeeee;}
.library-decor .row>div{padding: 10px 0 0 0;}

.form-control input[type="checkbox"] { color: #ffffff;]}


.a-pop-up .modal-header{border-bottom:none;}
.a-pop-up .modal-body>center>img{margin-bottom:20px;}
.a-pop-up .modal-body .form-control {height:auto; border:none; padding-top:5px; padding-left:0px; border-top-width:1px; border-top-style:solid; border-top-color: #9bd6ea;  }
.a-pop-up .modal-body   label{margin-bottom: 0px; font-weight:  normal;  margin-left:1px; font-size: 12px; color:#333;    width: 38%;}
.a-pop-up .modal-body  input{  font-size: 14px;   margin-left:8px; line-height: 1.32857143; margin-right:15px;    padding: 4px 8px;      height: 32px; border-radius: 4px;  border: 1px solid #888888;}
.a-pop-up .modal-body   select{  font-size: 14px;    margin-left:8px;  margin-right:15px;  line-height: 1.13857143;    padding: 2px 2px;     height: 32px; border-radius: 0;  border: 1px solid #bbbbbb;}
.a-pop-up .modal-body   textarea{  font-size: 14px;  margin-right:15px;   padding: 6px 12px;   width: 60%;   height: 63px; border-radius: 0;  border: 1px solid #bbbbbb;}
.a-pop-up .modal-body .form-control  input[type="checkbox"]{ margin-top: 12px; margin-left:8px; display: true; }
.a-pop-up .modal-body .form-group  input[type="checkbox"]{ margin-left:8px; display: true;}
.a-pop-up .modal-body  .demoInputBox, .a-pop-up .modal-body  .demoInputBox2, .a-pop-up .modal-body  .demoInputBox3, .a-pop-up .modal-body  .demoInputBox4, .a-pop-up .modal-body  .demoInputBox5, .a-pop-up .modal-body  .demoInputBox6, .a-pop-up .modal-body input[type="file"]{display: inline;     border: none !important;      padding: 0px !important; }
.a-pop-up .modal-body .a-title  {font-size: 18px; color:#000; padding: 15px 0px;  margin-top:15px;   border-top: 1px solid #ccc;}
.a-pop-up .modal-body .a-rss-list-1{width: 70%; margin-right: -5px;}
.a-pop-up .modal-body .a-rss-list-2{width: 20%;}
.a-pop-up .modal-body .a-rss-radio{display: inline; margin-right:15px; }
.a-pop-up .modal-body .a-rss-radio  input[type="radio"] {width:auto; height: auto; }
.a-pop-up .modal-body .a-rss-checkbox  {width:auto; height: auto; }
/*.a-pop-up .modal-body button{margin-top:15px; display: inline; float: left;  margin-bottom: 25px; margin-right:10px; font-size: 18px;     padding-left: 25px;  */         padding-right: 25px;        height: 39px;     line-height: 18px;}
.a-pop-up .modal-body button.close { background: #acc0c6; color: #ffffff; opacity: 1; 	filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";     text-shadow: none; font-weight: 100;}
.a-pop-up .modal-body button.close:hover{background:#9ab3bb;}
.a-pop-up .modal-body a{color:#074e8c; font-size: 14px;}




.a-schedule{padding:10px;}
.a-schedule .a-panel{-webkit-border-radius: 7px; border-radius: 7px; background: #ffffff; overflow: hidden;}
.a-schedule .a-panel  .a-panel-heading{padding: 10px 30px; font-size: 18px; color: #333; background-color: #bfccd1; border-color: #ddd;}
.a-schedule .a-panel .a-panel-body{padding: 10px 30px;}
.a-schedule .a-panel .a-panel-body>form >table {margin:0px; padding:0px; width:100%;}
.a-schedule .a-panel .a-panel-body>form >table>tbody> tr> td{border-top: 1px solid #DDD;     padding: 10px 0;}
 .a-schedule .a-panel .a-panel-body>form >table>tbody> tr> td:first-child{padding-right:15px;}
.a-schedule .a-panel .a-panel-body a.button{ font-size: 18px; line-height: 18px;  background: #55a2d5; color: #ffffff; font-family: 'ptsans', sans-serif; padding: 10px 25px; font-size: 18px; line-height: 1.33; border-radius: 6px; text-decoration:none; margin-top:15px; display:block; float:left; margin-right:10px;}
.a-schedule .a-panel .a-panel-body a.close {background: #9ab3bb;}
.a-schedule .a-panel .a-panel-body>form >table td td:first-child{padding-right:10px;}

.table>tbody>tr>td{
    vertical-align: middle;
}
.btn-block{
    display: block;
}
.a-btn,
.a-btn:visited{
    color: #ffffff;
}
.a-cancel{
    background-color: #acc0c6;
}
.panel-body .col-md-6.col-md-offset-3 .btn.btn-warning.a-btn{
    margin-left: 5px;
}

.col-md-6.col-md-offset-3 .form-group .input-group{
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
	margin-left: 5px;
}
.col-md-6.col-md-offset-3 .form-group .btn.edit.btn-lg{
    height: 35px;
    line-height: 12px;
    font-size: 12px;
    padding: 0px 20px;
    margin-bottom: 0px;
    background: #55a2d5;
    color: #ffffff;
}

.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td{
    padding: 2px;
}
.table.table-hover.ui-show-table tbody .input-group{
    min-width: 120px
}

.group-buttons{
    display: inline-block;
}
.group-buttons .btn.edit.btn-xs:last-child(){
    display: block;
}
.group-buttons .btn.edit.btn-xs:nth-child(n+4){
    display: block;
}



.message_holder { position:fixed; top: 50%; left:50%; background:#fff; width: 160px; text-align:center; margin:-20px 0 0 -80px; padding:10px 20px; box-shadow:0 0 10px 0 rgba(0,0,0,0.3); z-index:100; display:none; border-radius:5px;}


.bevel_-5 td:not(.check):not(.edit) { border: 5px inset !important;  border-color: #777777 !important;}
.bevel_-4 td:not(.check):not(.edit) { border: 4px inset !important;  border-color: #777777 !important;}
.bevel_-3 td:not(.check):not(.edit) { border: 3px inset !important;  border-color: #777777 !important;}
.bevel_-2 td:not(.check):not(.edit) { border: 2px inset !important;  border-color: #777777 !important;}
.bevel_-1 td:not(.check):not(.edit) { border: 1px inset !important;  border-color: #777777 !important;}


.bevel_1 td:not(.check):not(.edit) { border: 1px outset !important;  border-color: #777777 !important;}
.bevel_2 td:not(.check):not(.edit) { border: 2px outset !important;  border-color: #777777 !important;}
.bevel_3 td:not(.check):not(.edit) { border: 3px outset !important;  border-color: #777777 !important;}
.bevel_4 td:not(.check):not(.edit) { border: 4px outset !important;  border-color: #777777 !important;}
.bevel_5 td:not(.check):not(.edit) { border: 5px outset !important;  border-color: #777777 !important;}
.bevel_6 td:not(.check):not(.edit) { border: 6px outset !important;  border-color: #777777 !important;}
.bevel_7 td:not(.check):not(.edit) { border: 7px outset !important;  border-color: #777777 !important;}
.bevel_8 td:not(.check):not(.edit) { border: 8px outset !important;  border-color: #777777 !important;}
.bevel_9 td:not(.check):not(.edit) { border: 9px outset !important;  border-color: #777777 !important;}
.bevel_10 td:not(.check):not(.edit) { border: 10px outset !important;  border-color: #aaaaaa !important;}








@media(max-width: 530px){
    .col-md-6.col-md-offset-3 .form-group .input-group{
    white-space: pre-wrap;
    width: 100%;
    margin-bottom: 20px;
    }
    .col-md-6.col-md-offset-3 .form-group .btn.edit.btn-lg{
        display: block;
    }
}



@media (min-width: 768px) {
	.content{	max-height:400px;	}
	.letsgo { font-size:48px;}
	.fea_hold {padding:20px 30px;}
	.slider_main .te { display:table; height:90%;	}
	.slider_main .te_inn { display:table-cell; height: inherit; vertical-align:middle	}
	.slider_main .te_hold { position:absolute; left:50%; top:20%; bottom:0; right:0;}
	.slider_main .btn-huge {width:220px;}
	header { height:110px;}		
	body { transition:padding ease-in-out 0.3s; -webkit-transition:padding ease-in-out 0.3s;}
	body.open { padding-left:260px; margin-left:0px}
	body.force { padding-left:260px; margin-left:0px; transition:padding ease-in-out 0s; -webkit-transition:padding ease-in-out 0s;}
	header nav { display:inline; position:fixed;top:0; bottom:0; left:0;  width:260px; right:auto; transition:margin ease-in-out 0.3s; -webkit-transition:margin ease-in-out 0.3s; height:auto;}

	.menu  {margin:20px 0 0 0;}
	.menu_right  {margin:20px 0 0 0;}
	.logo {}
    .logo a {}
    body.open header nav  { margin-left:0;}
	body.force header nav  { margin-left:0; transition:padding ease-in-out 0s; -webkit-transition:padding ease-in-out 0s;}	
  .form-horizontal .control-label{text-align: left;}
  .inner-main .slide-add-top{width:100%; }       
}


@media (min-width: 992px) {
		.content{	max-height:500px;	}
		.fea_hold {padding:20px 100px;}
	.slider_main .te_hold .h1 { font-size:48px;}
	header { height:110px;}		
	.menu  {margin:30px 0 0 0;}
	.menu_right  {margin:30px 0 0 0;}
	.logo {}
	.logo a { }
	body .logo {left:47%;}
	body.open .logo {left:38%;}
	body.force .logo { transition:left ease-in-out 0s; -webkit-transition:left ease-in-out 0s; }
	.menu_right button span { display:inline;}
	.inner_page  .foot button{height:45px;margin-right:20px;}
	.inner_page  .foot button.edit{width:185px;}
	.inner_page  .foot button.remove{width:125px;}
	.inner_page .menu_right button i{display:none;}
	.block_view .head span{font-size:18px;}
	.panel-default>.panel-heading span.time{ float:right; background-color:#bfccd1;}
  .open   .inner_page  .foot button.edit{width:auto;}
	.open   .inner_page  .foot button.remove{width:auto;}
  .inner-main .management-button button.edit, .inner-main .management-button button.emergency{  width: auto;}
  .inner-main .management-button button.remove {width: auto;}
  
	.open  .panel-default>.panel-heading {font-size: 13px;  background-color:#bfccd1;}
   .con-body .row  .con-line{border: none; text-align: left; }  
    .ui-show-table-in{margin-top: 0px;}   
	.table_content { min-height: 500px;} 
}

@media (min-width: 1200px) {
		.content{	max-height:900px;	}
	body .logo {left:50%; }
	body.open .logo {left:50%; }
	.inner_page  .foot button.edit{width:235px;}
	.inner_page  .foot button.remove{width:175px;}
  .open   .inner_page  .foot button.edit{width:185px;}
	.open   .inner_page  .foot button.remove{width:125px;}
  .open  .panel-default>.panel-heading {font-size: 18px; background-color:#bfccd1;}
  .inner-main .management-button button.edit, .inner-main .management-button button.emergency{width:185px;}
  .inner-main .management-button button.remove{width:125px;}
  .inner-main .slide-add-top{width:50%;} 
  .inner-main .ui-show-table tr td a {  margin-right: 15px;} 
  .inner-main .ui-show-table tr td a span{display:inline;} 
  .inner-main .ui-show-table tr td .dropdown-menu{ left: -83px; width:254px; background:#000; -webkit-border-radius: 0;  border-radius: 0;}
  .inner-main .ui-show-table .open a.dropdown-toggle{position:absolute;padding-left:-53px; padding-top:10px; width: 254px;  color:#fff;}
  
  .ui-show-button-new button.edit,  .ui-show-button-new button.remove{width:auto;}
}

@media(min-width: 1330px){
    .container{
    width: 1300px;
}
}

@media (min-width: 1460px) {
	.sortable-theme-bootstrap .btn{width:60px;}        
  .open   .inner_page  .foot button.edit{width:235px;}
	.open   .inner_page  .foot button.remove{width:175px;}
  .inner-main .management-button button.edit, .inner-main .management-button button.emergency{  width: 235px;}
  .inner-main .management-button button.remove {width: 175px;}
}

.MsoNormal {font-size: 12pt; font-family: 'exo';}




.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../img/LoaderIcon.gif) center no-repeat #fff;
}





.note-current-fontname {font-size: 12px;}
.note-current-fontname .dropdown-toggle{font-size: 10px;}

	#confirmBox
{
	display:none;
	position: absolute;
	z-index:1111111;
	top:400px;
    background-color: #eee;
    border-radius: 5px;
    border: 1px solid #aaa;
    position: fixed;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    padding: 6px 8px 8px;
    box-sizing: border-box;
    text-align: center;
}
#confirmBox button {
    background-color: #ccc;
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #aaa;
    padding: 2px;
    text-align: center;
    width: 80px;
    cursor: pointer;
}
#confirmBox button:hover
{
    background-color: #ddd;
}
#confirmBox .message
{
    text-align: left;
    margin-bottom: 8px;
}

#save_table_new
{
  display: visible;
}
#new_tablecsv
{
  display: none;
}
#save_tablecsv_new{
  display: visible;
}
#reset_tablecsv
{
  display: none;
}
.user_tablecsv2 tbody tr td.mergeTop { border-top: 2px dashed #ff0000 !important;  }
.user_tablecsv2 tbody tr td.mergeRight { border-right: 2px dashed #ff0000 !important;  }
.user_tablecsv2 tbody tr td.mergeBottom { border-bottom: 2px dashed #ff0000 !important;  }
.user_tablecsv2 tbody tr td.mergeLeft { border-left: 2px dashed #ff0000 !important; }
.user_tablecsv2 tbody tr td:not(:first-child):not(:last-child).selected,  .user_tablecsv2 thead tr:not(:first-child) th:not(:first-child):not(:last-child).selected { border-color:#55a2d5   !important;  }
.nomargin
{
  margin: 0px !important;
}
.text-center
{
  text-align: center !important;
}
.text-right
{
  text-align: right !important;
}
.font-select-boundry
{
  border-radius: 4px !important;
    width: 95% !important;
    border: 1px solid #888888 !important;
}
.select-boundry
{
  border-radius: 4px !important;
  border: 1px solid #888888 !important;
}
/* ////////////Player cards//////////////////// */
.card {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.87);
  background: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.card .card-image {
  height: 60%;
  position: relative;
  overflow: hidden;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: -30px;
  border-radius: 6px;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.card .card-image img {
  width: 100%;
  height: 130px;
  border-radius: 6px;
  pointer-events: none;
  object-fit: contain;
}

.card .card-image .card-caption {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: #fff;
  font-size: 1.3em;
  text-shadow: 0 2px 5px rgba(33, 33, 33, 0.5);
}

.card img {
  width: 100%;
  height: 130px;
 
}

.img-raised {
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.card .ftr {
  margin-top: 15px;
}

.card .ftr div {
  display: inline-block;
}

.card .ftr .author {
  color: #888;
}

.card .ftr .stats {
  float: right;
  line-height: 30px;
}

.card .ftr .stats {
  position: relative;
  top: 1px;
  font-size: 14px;
}
.card-product {
  margin-top: 30px;
}

.card-product .btn-simple.btn-just-icon {
  padding: 0;
}

.card-product .ftr {
  margin-top: 5px;
}

.card-product .ftr .stats {
  margin-top: 4px;
  top: 0;
}

.card-product .ftr h4 {
  margin-bottom: 0;
}

.card-product .card-caption,
.card-product .category,
.card-product .card-description {
  text-align: center;
}
.player-section-background
{

  background: linear-gradient(0rad, #eaeaeaf0, #eff1f1ed), url('../img/players/gadgets-doodle-set_160308-197.jpg') repeat !important;
  background-size: contain !important;
}
.ribbon {
  
  overflow: hidden;
  white-space: nowrap;
  /* top left corner */
  position: absolute;
  right: -43px;
  top: 85px;
  /* for 45 deg rotation */
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
  /* for creating shadow */
  -webkit-box-shadow: 0 0 10px #888;
     -moz-box-shadow: 0 0 10px #888;
          box-shadow: 0 0 10px #888;
}
.ribbon p {
 
  color: #fff;
  display: block;
  font: bold 100% 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 1px 0;
  padding: 10px 50px;
  text-align: center;
  text-decoration: none;
  /* for creating shadow */
  text-shadow: 0 0 5px #444;
}
.player-off
{
  background-color: red;
}
.player-on{
  background-color: green;
}