/*----------------------------------------------/
    [1] Body & start css & section
-----------------------------------------------*/
body {min-width: 100%; max-width: 100%; min-height: 100%; float: left; position: relative; font-family: "Roboto",sans-serif; font-size: 14px; }

a:focus { outline: 0;text-decoration: none; }

/*li { clear: left; }*/ /*chrome ul list error*/

img { max-width: 100%; }

a.thumbnail:hover { }

.container {}

header { width: 100%; float: left; background: #fff url('../images/bg-header.jpg') center top no-repeat; border-top:3px solid #333333; }

.section-animation { width: 100%; float: left; background: #144f83 url('../images/bg-animation.jpg') center bottom no-repeat; padding: 50px 0; }

.section-start { width: 100%; float: left; background: #fff; padding: 50px 0; }

.section-news { width: 100%; float: left; background: url('../images/bg-news.jpg') center top repeat-y; padding: 50px 0; }

.section-header { width: 100%; float: left; background: #144f83 url('../images/bg-section-header.jpg') center bottom no-repeat;}

.section-page { width: 100%; float: left;}

.section-recommend { position: relative; width: 100%; float: left; overflow: hidden; }
.section-recommend h3 {}
.section-recommend h3 a {}
.section-recommend h3 a:hover {}
/*.section-recommend { padding: 0 40px 0 40px; } *//*GridColumnCarousel in use*/

/*jCarousel in use*/
.section-recommend li img.img-primary { display:block; opacity: 0.7; }
.section-recommend li img.img-second { display:none; }
.section-recommend li a { cursor: pointer; }
.section-recommend li a:hover img.img-primary { display:none; }
.section-recommend li a:hover img.img-second { display:block; }
.section-recommend li a { display:table; margin: auto; }
.section-recommend li a span {}

footer { width: 100%; float: left; background: #333d48; color: #fff; padding: 30px 0; }
footer .line { width: 100%; float: left; height: 1px; background: #828b94; }

.middle-box { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.border-radius { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.border-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.transitions-box { transition: all 1s ease 0s; }
.line-height { line-height: 1.42857; }
/*----------------------------------------------/
    [0] loader
-----------------------------------------------*/
#page-loader.active { position: absolute; width: 100%; height: 100%; background: url('../admin/images/loader64x64px_white.png') center center fixed no-repeat; z-index: 10000;background-color: rgba(0, 0, 0, 0.6); }

.loader { float: left; padding: 0 22px; }
.loader-min { display: inline-block;vertical-align: middle; white-space: nowrap; }

.load-m128 { background: url('../admin/images/loader128x128px.png') center center no-repeat; height: 128px; min-width: 128px; }
.load-m64 { background: url('../admin/images/loader64x64px.png') center center no-repeat; height: 64px; min-width: 64px; }
.load-m32 { background: url('../admin/images/loader32x32px.png') center center no-repeat; height: 32px; min-width: 32px; }
.load-m16 { background: url('../admin/images/loader16x16px.png') center center no-repeat; height: 16px; min-width: 16px; }
/*----------------------------------------------/
    [1] Sidebar
-----------------------------------------------*/
.left-sidebar { width: 25%; float: left; min-height: 1px; padding: 0 15px 0 15px; z-index: 1;position: relative;  }
.center-sidebar { width: 100%; float: left; min-height: 1px; padding: 30px 15px 30px 15px; z-index: 1; position: relative; }
.right-sidebar { width: 25%; float: left; min-height: 1px; padding: 0 15px 0 15px; z-index: 1;position: relative;  }
.center-sidebar-mini { width: 75%; float: left; min-height: 1px; padding: 30px 15px 30px 30px; z-index: 1; position: relative; }
.center-sidebar-micro { width: 50%; float: left; min-height: 1px; padding: 0 15px 0 15px; z-index: 1;position: relative;  }
.sidebar-wrapper { width: 100%; float: left; background: #f3f5f7; padding: 27px 30px 0 30px; }
.row-responsive { position: relative; }
.row-responsive .mask { background: #d1d9df; width: 25%; position: absolute; left: 0; top: 0; height: 100%; }
/*----------------------------------------------/
    [2] Article & album & recommend & grid(reccomend list type)
-----------------------------------------------*/
.holder { /*height: auto !important;*/ }

.article { width: 100%; float: left; line-height: 1.5; }
.article .article-main-image {}
.article .article-main-image.format-2 { padding-left: 0px; }
.article .article-main-image.format-3 { padding-right: 0px; }
.article .article-main-image .thumbnail { margin-bottom: 15px; }
.article .article-main-image-page { padding-right: 30px; padding-left: 0px;}
.article .article-main-image-pag .thumbnail { margin-bottom: 15px; }
.article .format-1 {}
.article .format-2 {}
.article .format-3 {}
.article .article-text-content {}
.article .article-text { width: 100%;margin-bottom: 30px; color: #161718; }
.article .article-title { font-weight: 300; color: #00487b; margin: 0 0 30px 0; }
.article .article-title a { color: #00487b; }
.article .article-title a:hover { text-decoration: none; color: #002e52; }
.article .article-date { display: block; margin-top: 5px; font-size: small; font-weight: normal; }
.article .article-date .article-data-header { display: inline; }
.article .article-file-list { width: 100%; float: left; margin-bottom: 30px; }
.article .article-file-list ul { width: 100%; float: left; margin-bottom: 0px; }
.article .article-file-list ul li { width: 100%; float: left; }
.article .article-file-list .icon { display: block; width: 20px; text-align: center; margin-right: 5px; float: left;  }
.article .article-file-list .title { display: block; width: calc(100% - 25px); float: left; overflow: hidden; }
.article .article-file-list-header { font-weight: 300; font-size: 18px; }
.article .article-gallery-list { width: 100%; float: left;}
.article .article-gallery-list-header { display: none; }
.article .article-gallery-list .photo-item {}
.article .article-gallery-list .thumbnail:hover { }
.article .article-buttons { width: 100%; float: left; text-align: right; }
.article .article-link-content {}
.article .article-link-button { float: right; }
.article .article-badge-content {}
.article .article-badge-content .badge {}
.article .article-map { width: 100%; float: left; }
.article .article-map iframe { border: 0px; width: 100% !important; float: left; margin-bottom: 20px; }
.article .article-map h3.map-header {}
.article .article-line { width: 100%; float: left; margin: 30px 0; height: 1px; background: #ccc; }
.article:last-child .article-line { display: none; }
.article:last-child { margin-bottom: 30px; }
.article img { height: auto !important; max-width: 100%; }

.article-slider {}
.article-slider .article-slider-click-title { cursor: pointer; color: #00487b; margin-top: 0px; margin-bottom: 0px; }
.article-slider .article-slider-click-title:hover { color: #002e52; }
.article-slider .article-slider-stats { font-weight: normal; float: right; font-size: 20px; margin-top: 5px;}
.article-slider .article-slider-body { width: 100%; float: left; margin-top: 20px; }

.album { width: 100%; float: left; }
.album .album-item {}
.album .thumbnail { margin-bottom: 30px; }
.album .thumbnail:hover { border-color: #337ab7; }
.album .thumbnail img.picture {}
.album .thumbnail span.caption { text-align: center; margin-top: 4px; display: block; position: relative; height: 58px; padding: 0px; }
.album .thumbnail span.caption span { display: block; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.album .thumbnail a:hover { text-decoration: none; }

.recommend { width: 100%; float: left; }
.recommend .recommend-main-image { padding-left: 0px; }
.recommend .recommend-main-image .thumbnail { margin-bottom: 15px; }
.recommend .recommend-title { }
.recommend .recommend-title2 { }
.recommend .recommend-text { width: 100%;margin-bottom: 20px; }
.recommend .recommend-buttons { width: 100%; float: left;}

.grid { width: 100%; float: left; }
.grid .thumbnail { margin-bottom: 30px; }
.grid .thumbnail img.picture { margin-top: 12px; }
.grid .thumbnail span.caption { text-align: center; margin-top: 4px; display: block; position: relative; height: 58px; padding: 0px; }
.grid .thumbnail span.caption span { display: block; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.grid .thumbnail a  { text-decoration: none;  }
.grid .thumbnail a span.caption { }
.grid .thumbnail:hover { }

.article-start-title {}
#articles-start-box-content { width: 100%; float: left; }
#articles-start-box-nav { position: absolute; right: 0px; bottom: 0px; }
#articles-start-box-nav a { margin-left: 5px; }

.article-box { width: 100%; float: left; border-bottom: 1px solid #e5eaed; display: block; padding-bottom: 15px; margin-bottom: 15px; }
.article-box span.title { display: block; color: #002743; font-size: 18px; font-weight: 600; }
.article-box span.title span { display: block; }
.article-box span.title a { color: #002743 }
.article-box span.title a:hover { color: #2eaadc; text-decoration: none;  } 
.article-box span.date { display: block; color: #002743; font-size: 12px; }
.article-box span.date span { display: block; }
.article-box span.date-inline { display: block; color: #002743; font-size: 12px; text-align: right; padding-top: 5px; }
.article-box span.text { display: block; text-align: justify; color: #383a3b; margin-top: 10px; }
.article-box span.text span { display: block; }
.article-box a.more { font-weight: 600; color: #383a3b; }
.article-box a.more:hover { color: #2eaadc; text-decoration: none; }

.article-button-all { text-align: center; margin-top: 30px; text-transform: uppercase; }
.article-button-all a { color: #333334; }
.article-button-all a i { color:#f29200; }
/*----------------------------------------------/
    [3] Forms & buttons
-----------------------------------------------*/
.form-content { width: 100%; float: left; margin-bottom: 0;}
.form-content .form-content-header {}
.form-content textarea { height: 181px;}
.form-content .control-label { font-weight: normal; }
.form-content .form-recaptcha { width: 100%; float: left; margin-bottom: 15px; }
.form-content .form-recaptcha div { float: right; }
.form-content .form-recaptcha iframe { float: right; }
.form-content .alert-bottom {}
.form-content .submit-bottom { text-align: right; }

.form-search { width: 100%; float: left; }
.form-search input[type=text] { border: 1px solid #ccc; height: 30px; float: left; border-right:0px; width: 260px; padding: 0 10px;}
.form-search button { background: #fff; border: 1px solid #ccc; color: #ccc; border-left: 0px; height: 30px; width: 30px; }
.form-search button:hover { color: #2eaadc; }

.contact-form .alert-bar { margin-bottom:0px; }

.has-error .checkbox { padding: 5px; border: 1px solid #a94442; }

.row-divider { position: relative; }
.row-divider .divider { left: 50%; margin-left: -3px; top: 50%; position: absolute; width: 6px; height: 1px; background: #000; }

.btn-valuation { display: inline-block; height: 40px; line-height: 40px; padding: 0 20px; background: #c5cfd7; color: #002e52; margin-left: 15px; border-radius: 0 0 6px 6px; }
.btn-valuation:hover { background: #002e52; color: #fff; text-decoration: none; }

.btn { border-radius: 0px; }

.btn-up-page { opacity: 0; width: 50px; height: 50px; line-height: 50px; color: #fff; background: #5bb2c2; }
.btn-up-page { position: fixed; right: 25px; bottom: 25px; text-align: center; cursor: pointer;  transition: all 1s ease 0s; }
.btn-up-page:hover { background: #7fd9e9; transition: all 1s ease 0s; }

.btn-green { background-color: #5bb2c2; border-color: #5bb2c2; color: #fff; padding: 10px 30px; text-transform: uppercase; }
.btn-green:hover { background-color: #358a99; border-color: #358a99; color: #fff; }

.btn-grey { background-color: #c5cfd7; border-color: #c5cfd7; color: #00487b; padding: 10px 30px; text-transform: uppercase; }
.btn-grey:hover { background-color: #96a2ab; border-color: #96a2ab; color: #00487b; }

/*----------------------------------------------/
    [4] Items
-----------------------------------------------*/
.item-content { width: 100%; float: left; }
.item-content .item-text { width: 100%; }
.item-content .panel .panel.panel-info { margin-bottom: 0px; margin-top: 20px; }
/*----------------------------------------------/
    [5] Alertbar
-----------------------------------------------*/
.alert-bar { width: 100%; float: left; margin-bottom: 30px; }
.alert-bar .alert { text-align: center; }
.alert-default { background: #F7F7F7; border-color: #F4F4F4; }
/*----------------------------------------------/
    [5] Carousel (animation and recommend) || bxslider animation
-----------------------------------------------*/

.bxslider { margin: 0px; opacity: 0; }
/*.bxslider li { margin-left: -40px;}*/ /*if fade mode*/
/*----------------------------------------------/
    [6] Menu - Navbar-horizontal
-----------------------------------------------*/
.menu { width: 100%; float: left; background: #fff; margin-top: 5px; }
.menu .navbar-horizontal { margin-bottom: 0px; background: none; border: 0px; }
.menu .navbar-horizontal .navbar-brand { display: none;padding: 17px 15px 13px 15px; color: #333; }
.menu .navbar-horizontal .dropdown-toggle .caret { display: none; }
.menu .navbar-horizontal .navbar-collapse { padding: 0px; }
.menu .navbar-horizontal .navbar-nav { float: right; }
.menu .navbar-horizontal .navbar-nav > li > a { color: #002e52; text-transform: uppercase; font-size: 13px; position: relative; z-index: 2; padding: 15px 17px; }
.menu .navbar-horizontal .navbar-nav > li.active > a { background: none; color: #2eaadc; }
.menu .navbar-horizontal .navbar-nav > li.active > a:hover { background: none; color: #2eaadc; }
.menu .navbar-horizontal .navbar-nav > li > a:hover { background: none; color: #2eaadc; }
.menu .navbar-horizontal .navbar-nav > li.open > a { background: #fff; color: #2eaadc; }
.menu .navbar-horizontal .dropdown-menu { background: #fff; border:0px; border-radius: 0;}
.menu .navbar-horizontal .dropdown-menu > li > a { color: #002e52; font-size: 13px; }
.menu .navbar-horizontal .dropdown-menu > li > a:hover { background: #2eaadc; color: #fff; }
.menu .navbar-horizontal .dropdown-menu > li.active > a { background:#2eaadc; color: #fff; }
.menu .navbar-horizontal .dropdown-menu > li.active > a:hover { background:#2eaadc; color: #fff; }
.menu .navbar-horizontal .dropdown-menu > li.active > a:focus { background: #2eaadc; color: #fff; }
.menu .navbar-horizontal .navbar-nav > li.search > a { font-size: 18px; /*padding-left: 0px;*/ color: #bcbcbc; }
.menu .navbar-horizontal .navbar-nav > li.search > a span {  width: 1px; height: 20px; background-color: #bcbcbc; display: inline-block;display: none; vertical-align: middle; margin-right: 14px; }
.menu .navbar-horizontal .navbar-nav > li.search .dropdown-menu { min-width: 320px; padding: 10px 15px; }

.menu-category { padding: 45px 15px 50px 15px; width: 100%; float: left; }
.menu-category .menu-category-header { display: none;}
.menu-category ul { margin: 0px; padding: 0px; list-style-type: none;width: 100%; float: left; }
.menu-category ul > li { width: 100%; float: left; border-bottom: 1px solid #fff; }
.menu-category ul > li > a { color: #002e52; padding: 10px 0 10px 15px; display: block; position: relative; text-transform: uppercase;  }
.menu-category ul > li > a i { position: absolute; left: 0; top: 12px; }
.menu-category ul > li > a:hover { color: #000; text-decoration: none; }
.menu-category ul > li.active > a { color: #000; }

.dropdown-menu.multi-column { min-width: 200px; }
.dropdown-menu.multi-column.columns-2 { min-width: 400px; }
.dropdown-menu.multi-column.columns-3 { min-width: 600px; }
.dropdown-menu.multi-column li a { padding: 5px 15px; font-weight: 300; }
.dropdown-menu.multi-column .multi-column-dropdown { list-style: none; }
.dropdown-menu.multi-column .multi-column-dropdown li a { display: block; clear: both; line-height: 1.428571429; color: #333; white-space: normal; }
.dropdown-menu.multi-column .multi-column-dropdown li a:hover { text-decoration: none; color: #262626; background-color: #f5f5f5; }
/*----------------------------------------------/
    [7] WELL
-----------------------------------------------*/
.well hr { margin: 5px 0 5px 0; border-color:#ccc;}
.well.well-probe {}
.well.well-probe h4 { margin-top: 0px; }
.well.well-probe .radio:last-child { margin-bottom: 0px; }
/*----------------------------------------------/
    [9] Boxs - html tekst contents - in CMS module -> boxs
-----------------------------------------------*/
.box { width: 100%; float: left;  }
.box .box-main-image { padding-left: 0px; }
.box .box-main-image .thumbnail { margin-bottom: 15px; }
.box .box-title { }
.box .box-text { width: 100%;margin-bottom: 20px; line-height: 1.5; color: #4d5154 }
.box .box-file-list { width: 100%; float: left;}
.box .box-gallery-list { width: 100%; float: left;}
.box .box-buttons { width: 100%; float: left; text-align: right;}
.section-animation .box .box-text { margin-top: 30px; color: #fff; }
.box-right .box .box-text { margin-top: 0; color: #fff; }

.box-logo { padding: 20px 15px; }
.box-logo a img.hover { display: none; }
.box-logo a:hover img { display: none; }
.box-logo a:hover img.hover { display: inline; }

.box-contact-content { height: 40px; background: #e8ebec; line-height: 40px; color: #333333; float: right; border-radius: 0 0 0 6px;  }
.box-contact-content span i { color: #2eaadc; }
.box-contact-content span { margin-left: 15px; }
.box-contact-phone-number { font-weight: 700; }
.box-contact-email a { color: #333333; }
.box-contact-email a:hover { color: #2eaadc; text-decoration: none; }

.section-animation .box-button { padding-top: 30px; padding-bottom: 30px; width: 100%; float: left; }

.box-logo-bottom { padding: 20px 15px; }
.box-logo-bottom  a img.hover { display: none; }
.box-logo-bottom  a:hover img { display: none; }
.box-logo-bottom  a:hover img.hover { display: inline; }

.box-contact-bottom { text-align: right; padding: 30px 15px; }
.box-contact-bottom span { margin: 0 15px; }
.box-contact-bottom-phone-number { font-weight: 700; font-size: 18px; }
.box-contact-bottom-email a { color: #fff; }
.box-contact-bottom-email a:hover { color: #2eaadc; text-decoration: none; }
.box-contact-bottom-adress { font-size: 18px; }

.box-button-bottom { padding: 30px 15px; text-align: right;  font-size: 18px;}
.box-button-bottom a { color: #fff; }
.box-button-bottom a:hover { color: #2eaadc; text-decoration: none; }

.box-copyright { color: #aaafb3; padding: 15px 15px; font-size: 12px; }
.box-powered { color: #aaafb3; padding: 15px 15px; font-size: 12px; text-align: right; }
.box-powered a { color: #aaafb3; }
.box-powered a:hover { color: #2eaadc; text-decoration: none;  }

.box-image { text-align: center; }

.box-left { padding-right: 30px; }
.box-right { padding-left: 30px; }

.box-icon { width: 100%; float: left; text-align: center; }
.box-icon a { display: inline-block; color: #fff;width: 110px; max-width: 100%; margin: 10px; }
.box-icon a .icon { display: block; width: 100%; float: left; background: #fff; height: 140px; line-height: 140px; font-size: 50px; color: #5bb2c2; }
.box-icon a .title { color: #fff; text-align: center; height: 40px; margin-top: 10px; position: relative;display: block; width: 100%; float: left; }
.box-icon a .title span { display: block; }
.box-icon a:hover .icon { background: #00487b; color: #fff; }
.box-icon a:hover .title { color: #00487b; }
/*----------------------------------------------/
    [9] Typography & links
-----------------------------------------------*/
.page-header { margin: 0px; border-bottom: 0px; background: url('../images/bg-page-hader.png') left bottom no-repeat; margin-top: 50px; }
.page-header h1 { margin: 0px; color: #fff; font-size: 25px; font-weight: 300; }

.header-special-h1 { color: #fff; font-weight: 300; font-size: 55px; }
.header-special-h2 { color: #5bb2c2; font-weight: 300; font-size: 40px; }
.header-special-grey { color: #c2c2c2; font-weight: 300; font-size: 30px; }
.header-special-line { color: #155287; font-weight: 300; font-size: 22px; text-align: center; text-transform: uppercase; border-bottom: 1px solid #155287; padding-bottom: 5px; margin-bottom: 30px;  margin-top: 0px;}
.header-special-line a { color: #155287; }
.header-special-line a:hover { color: #2eaadc; text-decoration: none; }

.box-right .header-special-line { color: #fff; font-weight: 300; font-size: 22px; text-align: center; text-transform: uppercase; border-bottom: 1px solid #fff; padding-bottom: 5px; margin-bottom: 30px;  margin-top: 0px;}
.box-right .header-special-line a { color: #fff; }
.box-right .header-special-line a:hover { color: #155287; text-decoration: none; }

.text-color-black { color: #000; }
.text-color-blue { color: #2eaadc; }
.text-color-darkblue { color: #195a88; }
.text-color-darkgrey { color: #383a3b; }

.text-size-xs { font-size: 11px; }
.text-size-sm { font-size: 13px; }
.text-size-lg { font-size: 16px; }
.text-size-lg2 { font-size: 19px }
.text-size-max { font-size: 24px; }

.text-upper { text-transform: uppercase; }
.text-lower { text-transform: lowercase; }

.text-normal { font-weight: normal; }
.text-thin { font-weight: 300; }
.text-small { font-weight: 400; }
.text-semibold { font-weight: 600; }
.text-bold { font-weight: 700; }

.text-line-height-0-5 { line-height: 0.5; }
.text-line-height-1-0 { line-height: 1.0; }
.text-line-height-1-5 { line-height: 1.5; }
.text-line-height-2-0 { line-height: 2.0; }
.text-line-height-2-5 { line-height: 2.5; }
.text-line-height-3-0 { line-height: 3.0; }

.text-paragraph { margin-left:30px; }
/*----------------------------------------------/
    [10] Paddings & margins
-----------------------------------------------*/
.mb40 { margin-bottom: 40px; }
/*----------------------------------------------/
    [11] Pagination
-----------------------------------------------*/
.pagination { width: 100%; float: left; margin-bottom: 30px; text-align: right; }
/*----------------------------------------------/
    [12] social slider
-----------------------------------------------*/
.social-slider { position: fixed; top:10px; }
.social-slider-content { width: 320px; top:0px; position: absolute; z-index: 200; padding: 10px; }
.social-slider-button { width: 50px; height: 50px; line-height: 50px; cursor: pointer; position: absolute; top:0; color: #fff; font-size: 30px; background: #000; text-align: center; }

.social-slider-content + .social-slider-content { top:55px; z-index: 199; }
.social-slider-content + .social-slider-content + .social-slider-content { top:110px; z-index: 198; }

.social-slider-left { left: 0px;}
.social-slider-left .social-slider-content { left: -320px; }
.social-slider-left .social-slider-button { right: -50px; }

.social-slider-right { right: 0px;}
.social-slider-right .social-slider-content { right: -320px; }
.social-slider-right .social-slider-button { left: -50px; }

.social-bg-facebook { background: #3b5998; }
.social-bg-twitter { background: #659fcb; }
.social-bg-google { background: #df4b38; }
.social-bg-youtube { background: #ee1c1b; }
/*----------------------------------------------/
    [12] language
-----------------------------------------------*/
.language { float: right; position: relative; }
.language .language-title  {}
.language .language-flag  {}
.language .dropdown-menu { min-width: 1px; }
.language .btn-link { text-decoration: none !important }
.language .btn-link:hover { text-decoration: none !important }
.language .btn-link:active { text-decoration: none !important }

/*----------------------------------------------/
    [13] breadcrumb
----------------------------------------------*/
.breadcrumb-content { }
.breadcrumb-content ul.breadcrumb { background: none; padding: 5px 0 0 0; color: #d1d9df; font-size: 12px; margin-bottom: 50px; }
.breadcrumb-content ul.breadcrumb > li > a { color: #d1d9df; }
/*-----------------------------------------------------------------------------------/
    [14] Cookie policy
/*-----------------------------------------------------------------------------------*/
#cookiePolicyWrap { width: 100% !important;}
#cookiePolicyText { padding: 0 60px 0 15px; }
#cookiePolicyMore { padding: 10px 60px 0 15px !important; width: auto !important; }
#cookiePolicyClose { margin-right: 15px !important; margin-left: 0px; }
/*-----------------------------------------------------------------------------------/
    [15] table
/*-----------------------------------------------------------------------------------*/
.table .table-controls { font-size: 14px; }
.table .table-controls a { cursor: pointer; display: inline-block; color: #919191; padding: 0 3px 0 3px; }
.table .table-controls a.disabled { color: #D1D1D1; cursor: not-allowed;}
.table .table-controls a:hover { color: #12904a; }
.table .vert-align { vertical-align: middle; }
.table tfoot { border-top: 2px solid #ddd; }
.table-responsive { float: left; width: 100%; }

/*-----------------------------------------------------------------------------------/
    [16] popup
/*-----------------------------------------------------------------------------------*/
#popup-modal .modal-header { border-bottom: 0px; height: 0; padding: 0px; }
#popup-modal .modal-body { text-align: center;  }
#popup-modal .close { background: #fff; opacity: 1; width: 25px; height: 25px; text-align: center; line-height: 25px; position: absolute; right: -12px; top: -12px; border-radius: 50%;}
#popup-modal .close span { color: #ccc; }
#popup-modal .close:hover span { color: #000; }