/* bootstrap start */
@media (max-width: 480px) {
    .modal-dialog {
        width: auto !important;
    }
}
@media (max-width: 767px) {
    .modal-dialog {
        width: 450px;
    }
    .bootbox {
        overflow-x: scroll !important;
    }
}
@media (min-width: 768px) {
    .container {
        width: 750px;
    }
    .modal-dialog {
        width: 450px;
    }
    .modal-sm {
        width: 225px;
    }
}
@media (min-width: 992px) {
    .container {
        width: 960px;
    }

    .modal-lg {
        width: 675px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 960px;
    }
}

body {
    font-size: 10.5px;
}

small, .small {
    font-size: 63.75%;
}

.navbar-nav > li > a {
    line-height: 15px;
}

.container {
    padding-left: 11.25px;
    padding-right: 11.25px;
}

.row {
    margin-left: -11.25px;
    margin-right: -11.25px;
}

.btn {
    padding: 4.5px 9px;
    font-size: 10.5px;
}

.table {
    margin-bottom: 15px;
    width: 100%;
}

.form-control {
    height: 25.5px;
    padding: 2px 9px;
    font-size: 10.5px;
}

.form-group {
    margin-bottom: 11.25px;
}

.modal-dialog {
    margin: 22.5px auto;
}

.modal-dialog.modal-lg {
    min-width: 620px !important;
}

.modal-header {
    padding: 11.25px;
}

.modal-body {
    padding: 11.25px;
}

.page-header .page-header-top {
    height: 56.25px;
}

.page-header .page-header-top .page-logo {
    height: 56.25px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2,
.col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4,
.col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6,
.col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9,
.col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11,
.col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 11.25px;
    padding-right: 11.25px;
}

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
    height: 22.5px;
    line-height: 22.5px;
}

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    height: 22.5px;
    padding: 3.75px 7.5px;
    font-size: 9px;
    line-height: 1.125;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 0.75px 3.75px;
    font-size: 9px;
    line-height: 1.5;
    border-radius: 2.25px;
}

.nav > li > a {
      padding: 7.5px 11.25px;
}

.popover {
    font-size: 10.5px;
}

.pagination > li > a, .pagination > li > span {
    padding: 4.5px 9px;
}
/* bootstrap end */

/* components start */

h1 {
    font-size: 27px
}

h2 {
    font-size: 22.5px
}

h3 {
    font-size: 18px
}

h4 {
    font-size: 13.5px
}

h5 {
    font-size: 10.5px
}

h6 {
    font-size: 9px
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 15px;
}

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 7.5px;
    margin-bottom: 7.5px;
}

.margin-bottom-5 {
    margin-bottom: 3.75px
}

.margin-bottom-10 {
    margin-bottom: 7.5px!important
}

.margin-top-10 {
    margin-top: 7.5px!important
}

.margin-top-15 {
    margin-top: 11.25px!important
}

.margin-bottom-15 {
    margin-bottom: 11.25px!important
}

.margin-bottom-20 {
    margin-bottom: 15px!important
}

.margin-top-20 {
    margin-top: 15px!important
}

.margin-top-30 {
    margin-top: 22.5px!important
}

.margin-top-40 {
    margin-top: 30px!important
}

.margin-bottom-25 {
    margin-bottom: 18.75px!important
}

.margin-bottom-30 {
    margin-bottom: 22.5px!important
}

.margin-bottom-40 {
    margin-bottom: 30px!important
}

.margin-right-10 {
    margin-right: 7.5px!important
}

.label.label-sm {
    font-size: 9.75px;
    padding: 1.5px 3.75px;
}

.portlet {
    margin-bottom: 11.25px;
}

.portlet.light>.portlet-title {
    min-height:36px;
    margin-bottom: 7.5px;
}

.portlet>.portlet-title>.caption {
    font-size: 13.5px;
    line-height: 13.5px;
    padding: 7.5px 0;
}

.portlet.light>.portlet-title>.caption>i {
    font-size: 11.25px;
    margin-top: 2.25px
}

.portlet.light>.portlet-title>.caption>.caption-subject {
    font-size: 12px;
}

.portlet.light>.portlet-title>.actions {
    padding: 4.5px 0 10.5px;
}

.portlet.light .portlet-body {
    padding-top: 8px;
}

.portlet>.portlet-title>.actions>.btn-group>.btn.btn-default,
.portlet>.portlet-title>.actions>.btn-group>.btn.btn-sm.btn-default,
.portlet>.portlet-title>.actions>.btn.btn-default,
.portlet>.portlet-title>.actions>.btn.btn-sm.btn-default {
    padding: 4.25px 6.75px;
}

.portlet>.portlet-title>.actions>.btn, .portlet>.portlet-title>.actions>.btn-group>.btn,
.portlet>.portlet-title>.actions>.btn-group>.btn.btn-sm, .portlet>.portlet-title>.actions>.btn.btn-sm {
    font-size: 9.75px;
    line-height: 1.125;
}

.portlet>.portlet-title>.actions>.btn-group>.btn.btn-sm>i, .portlet>.portlet-title>.actions>.btn-group>.btn>i,
.portlet>.portlet-title>.actions>.btn.btn-sm>i, .portlet>.portlet-title>.actions>.btn>i {
    font-size: 9.75px;
}

.portlet.light {
    padding: 9px 15px 11.25px;
}

.table-advance thead tr th {
    font-size: 10.5px;
}

.table thead tr th {
    font-size: 10.5px;
}

.table td, .table th {
    font-size: 10.5px;
}

.tabbable-line>.nav-tabs>li>a {
    padding-left: 11.25px;
    padding-right: 11.25px;
}

.nav-pills>li>a, .nav-tabs>li>a {
    font-size: 10.5px;
}

.dropdown-menu {
    min-width: 131.25px;
    margin: 7.5px 0 0;
    font-size: 10.5px;
}

.dropdown-menu>li>a {
    padding: 6px 12px;
    line-height: 13.5px;
}

.mt-checkbox-inline .mt-checkbox, .mt-checkbox-inline .mt-radio,
.mt-radio-inline .mt-checkbox, .mt-radio-inline .mt-radio {
    margin-right: 11.25px;
    padding-left: 22.5px;
}

.mt-checkbox, .mt-radio {
    font-size: 10.5px;
    margin-bottom: 4.5px;
    padding-left: 22.5px;
}

.mt-checkbox>span, .mt-radio>span {
    width: 13.5px;
    height: 13.5px;
}

.mt-radio>span:after {
    left: 3.5px;
    top: 3.5px;
    height: 5px;
    width: 5px;
}

.social-icons li>a {
    width: 21px;
    height: 21px;
}

.social-icons li .youtube, .social-icons li .facebook {
    background-size: 21px;
}

.social-icons li:hover>a {
    background-position: 0 -28px;
}

/* components end*/

/* layout start*/
.page-header {
    height: 94.5px;
}

.page-header .page-header-top .menu-toggler {
    margin: 17.25px 2.25px 0 9.75px;
    width: 30px;
    height: 22.5px;
}

.page-header .page-header-top .top-menu {
    margin: 9.75px 0 0;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown {
    padding: 0 3px;
    height: 37.5px;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle {
    padding: 10.75px 7.5px 6px;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>i {
    font-size: 14.25px;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle {
    padding: 9px 0 5.25px;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>img {
    margin-top: -6px;
    margin-right: 6px;
    height: 30px;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>.username {
    font-size: 10.5px;
    margin-top: 3px;
    margin-right: 2px;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-menu>li>a {
    font-size: 9.75px;
}

.page-header .page-header-menu {
    height: 38.25px;
}

.page-header .page-header-menu .hor-menu .navbar-nav>li>a {
    font-size: 10.5px;
    padding: 12px 13.5px 11.25px;
}

.page-content {
    padding: 11.25px !important;
}

.page-prefooter {
    padding: 22.5px 0;
}

.page-prefooter h2 {
    font-size: 11.25px;
    margin: 0 0 9px;
}

.page-footer {
    font-size: 9.75px;
    padding: 12.75px 0
}

@media (max-width: 991px) {
    .page-header {
        height: auto;
    }
    .page-header .page-header-top {
        height: auto;
    }

    .page-header .page-header-menu {
        height: auto;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav>li>a {
        padding: 7.5px;
    }

    .page-content {
        padding: 0;
        padding-top: 11.25px !important;
    }

    .page-content>.container, .page-head>.container {
        padding: 0;
    }
}
/* layout end */

/* default(layout) start */
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-menu {
    margin-top: 3.75px;
    margin-right: 5.25px;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user>.dropdown-menu {
    width: 146.25px;
}
/* default(layout) end */

/* fontawesome start */

.fa {
    font-size: 10.5px;
}

[class*=" fa-"]:not(.fa-stack), [class*=" glyphicon-"], [class*=" icon-"],
[class^=fa-]:not(.fa-stack),[class^=glyphicon-], [class^=icon-] {
    line-height: 10.5px;
}
/* fontawesome end */

/* custom start */
.page-header .page-header-top .page-logo .logo-default {
    height: 18.75px;
    margin: 18.75px 0 0;
}

.tabbable-line>.tab-content {
    padding: 7.5px 0px;
}

.statistics h3 span {
    font-size:22.5px;
}

.modal-body .table-condensed>tbody>tr>td {
    padding: 3.75px 7.5px;
}

.modal-body .for_single_model input[type=text],
.modal-body .for_single_model input[type=password],
.modal-body .for_single_model textarea {
    width: 172.5px;
}

.modal-body .for_single_model h4{
    padding-left:7.5px;
}

.modal-body .for_single_model table td:first-child{
    width:135px;
    text-align:right;
    padding-right:7.5px;
}

.modal-kibana{
    width:877.5px;
}

.tabbable-line>.tab-content{
    padding:7.5px 0px;
}

.modal-row-remover{
    right:15px;
}

.modal-body .table-condensed>tbody>tr>td{
    padding:3.75px 7.5px;
}

.modal-body .table-condensed>tbody>tr.group>td{
    padding-left:7.5px!important;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 7.5px 13.5px;
}

.catchphrase {
    font-size: 13.5px;
    margin: 75px auto 11.25px;
    padding: 11.25px 11.25px 0px 11.25px;
}

.logo1{
    text-align: center;
    margin: 15px auto 15px;

}
.logo1 img{
    height:26.25px;
    margin-top:-3.75px;
}

.inquiry{
    margin: 15px auto 0px;
    font-size: 12px;
}

.inquiry_content{
    width : 330px;
    margin: 0 auto;
    padding: 7.5px 22.5px 11.25px;
}

.navbar-brand-title {
    font-size: 27px;
}

.select2-container--bootstrap .select2-selection--single{
    padding:4px 28px 6px 12px;
}

@media (max-width: 992px) {
    .modal-kibana {
        width: 720px;
    }
}

@media (max-width: 768px) {
    .modal-kibana {
        width: auto;
    }
}
/* custom end */

/* style start */

.jstree-default .jstree-node {
    min-height: 18px;
    line-height: 18px;
    margin-left: 18px;
    min-width: 18px;
    background-position: -295px -4px;
}

.jstree-default .jstree-anchor {
    line-height: 18px;
    height: 18px
}

.jstree-default .jstree-icon, .jstree-default .jstree-icon:empty {
    width: 18px;
    height: 18px;
    line-height: 18px
}

.jstree-default .jstree-closed>.jstree-ocl, .jstree-default .jstree-open>.jstree-ocl {
    background-size: 240px 72px;
}

.jstree-default.jstree-rtl .jstree-node {
    margin-right: 18px
}

.jstree-default .jstree-wholerow {
    height: 18px
}

.jstree-default .jstree-open>.jstree-ocl {
    background-position: -99px -3px;
}

.jstree-default .jstree-closed>.jstree-ocl {
    background-position: -75px -3px;
}

.jstree-default .jstree-leaf>.jstree-ocl {
    background-position: -71px -8px;
    background-size: initial;
}

/* style end */

/* plugin start */
.vakata-context,.vakata-context ul {
    font-size:10.5px;
}
/* plugin end */

/* jquery.nailthumb start */
.nailthumb-container {
    max-width: 420px !important;
    max-height: 236.25px !important;
    float: left;
}

.nailthumb-container img.nailthumb-image {
    display: block;
    margin: 0 auto;
    float: none !important;
    left: auto !important;
    max-width: 420px !important;
    max-height: 236.25px !important;
}
/* jquery.nailthumb end */

/* datatables start */
table.dataTable td.select-checkbox:before,table.dataTable td.select-checkbox:after,table.dataTable th.select-checkbox:before,table.dataTable th.select-checkbox:after {
    display: block;
    position: absolute;
    top: 16px;
    left: 50%;
    width: 9px;
    height: 9px;
    box-sizing: border-box
}

table.dataTable td.select-checkbox:before,table.dataTable th.select-checkbox:before {
    content: ' ';
    margin-top: -4.5px;
    margin-left: -4.5px;
    border: 0.75px solid black;
    border-radius: 2.25px
}

table.dataTable thead th, table.dataTable thead td {
    padding: 7.5px 13.5px;
}

table.dataTable tbody th,table.dataTable tbody td {
    padding: 6px 7.5px
}

table.dataTable tr.selected td.select-checkbox:after,
table.dataTable tr.selected th.select-checkbox:after {
    margin-top: -9px;
    margin-left: -2px;
}
/* datatables end */

/* select2 start */
.select2-container--bootstrap .select2-selection {
    font-size: 10.5px;
}

.select2-container--bootstrap .select2-selection--single {
    height: 22.5px;
}

.select2-container--bootstrap .select2-results__group {
    padding: 4.5px 9px;
    font-size: 9px;
}
/* select2 end */

/* login-4 start */
.login .content {
    width: 270px !important;
    padding: 15px 22.5px 11.25px !important;
}

.login .content .form-title {
    margin-bottom: 18.75px !important;
}

/* login-4 end */

/* etc start */
.page-logo > small {
    top: 11.25px !important; /* inline override */
    left: 3.75px !important; /* inline override */
}

.page-header .page-header-top .page-logo span {
    top: 12px;
    font-size: 18.75px;
    margin: 0 3.75px !important;
}


.slimScrollDiv, .scrollView, .slimScrollBar {
    height: 450px !important; /* log_template.js inline override */
}

.log_container > span:nth-child(1){
    width: 97.5px !important;
}

.log_container > span:nth-child(3){
    width: 60px !important;
}

.log_container > span:nth-child(5){
    width: 12.5px !important;
}

.log_container > span:nth-child(2), .log_container > span:nth-child(4) {
    padding: 0 7.5px !important;
}

/* etc - schedule inline override start */

#table_playlist_wrapper .group img, #table_ab_sync_list_wrapper .group img{
    width: 15px !important;
    height: 15px !important;
}

#table_playlist_wrapper .detail-item img, #content_table_for_selection tbody tr td img,
#table_ab_sync_list tbody tr td img{
    width: 21px !important;
    height: 21px !important;
}
/* etc - schedule inline override end */

/* etc - select2 inline override start */
.select2.select2-container.select2-container--bootstrap {
    width: 112.5px !important;
}

.bootbox-body.for_single_model .select2.select2-container.select2-container--bootstrap {
    width: 172.5px !important;
}

.select2-selection__rendered img {
    width: 15px !important;
    height: 15px !important;
}

.select2-results__options li div img {
    width: 15px !important;
    height: 15px !important;
}
/* etc - select2 inline override end*/

#content_table_for_editing .table tbody tr td img {
    width: 21px !important;
    height: 21px !important;
}

#preview_wrapper, div#preview, #no_preview, .zoomer-wrapper, .zoomer-wrapper > div {
    max-width: 420px !important;
    max-height: 236.25px !important;
}

.zoomer-cover {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
}

div#preview img {
    top: 0 !important;
    left: 0 !important;
    max-width: 420px !important;
    max-height: 236.25px !important;
}

/* etc - advertisement datatables inline override start  */
#contract_table thead tr th:nth-child(1),
#contract_table thead tr th:nth-child(2) {
    width:  15px !important;
}

#contract_table thead tr th:nth-child(3) {
    width: auto !important;
}

#contract_table thead tr th:nth-child(4),
#contract_table thead tr th:nth-child(5),
#contract_table thead tr th:nth-child(6),
#contract_table thead tr th:nth-child(7),
#contract_table thead tr th:nth-child(8) {
    width: 60px !important;
}
/* etc - advertisement datatables inline override end */


#brand_table tbody tr td img {
    width: 15px !important;
    height: 15px !important;
}

img#preview_short {
    height: 37.5px !important;
}

#layout_table tbody tr td img, #layout_detail_table tbody tr td img{
    width: 21px !important;
    height: 21px !important;
}

#layout_thumbnail {
    width: 18.75px !important;
    height: 18.75px !important;
}

#preview_thumbnail {
    width: 37.5px !important;
    height: 37.5px !important;
}

@media (min-width: 768px){

    .select2.select2-container.select2-container--bootstrap {
        width: auto !important;
    }
}


/* additional custom responsive styles */
@media (max-width: 480px) {
    #preview_wrapper, div#preview, #no_preview, #preview img {
        width: 100% !important;
    }

    .zoomer-wrapper, .zoomer-wrapper > div {
        max-width: 360px !important;
    }

}

input.form-control {
    height: 20px;
}
/* etc end */