/*================================= Defaults ========================================================*/
html
{
    height: 100%;
    
    /*background: #ffffff url(/img/pattern1.png) repeat;*/
    
    background-image: url('/img/gray_jean.png');

     /*background: #ffffff url('/img/climpek.png') repeat;*/
    /*background: transparent url('/img/pattern3.jpg') repeat;*/
}

body
{
    /*min-height: 100%;
    max-height: 100%;*/
    /*background: #ffffff url(/img/pattern1.png) repeat;*/
    /*color: #575655 !important;*/
    height: 100%;
    /*background: none;*/

    /*background-image: url('/img/test.jpg');
    background-color: #f1e0cc;
    background-repeat: no-repeat;
    background-position: center top;*/

    background-image: url('/img/gray_jean.png');

    /*background: #ffffff url('/img/climpek.png') repeat;*/
    /*background: transparent url('/img/pattern3.jpg') repeat;*/
}
div.message-content ol {
    list-style: decimal;
}
div.message-content ul {
    list-style: circle;
}
ol, ul {
    list-style: none;
}

/*a
{
    color: #37a6cd;
}*/

/*#background-image {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
    display: none;
}
    #background-image img {
        min-height: 100%;
        width: 100%;
    }*/

/*================================= Layout ========================================================*/
.ctm-header-pane, .ctm-notification-pane
{
    padding: 0 20px;
}

    .ctm-header-pane h1, .ctm-header-pane h2, .ctm-header-pane h3
    {
        font-weight: normal;
        /*margin: 0;
        line-height: 32px*/
    }

    .ctm-header-pane h1
    {
        font-size: 24.5px;
    }

    .ctm-header-pane h2
    {
        font-size: 20px;
    }

    .ctm-header-pane h3
    {
        font-size: 18px;
    }

.ctm-notification-pane .notification-message {
    vertical-align: super;
    margin-left: 10px;
}

.ctm-header-pane-info {
    float: right;
    white-space: nowrap;
    font-size: 12px;
}


.ctm-main-container
{
    /*position: relative;
    padding-bottom: 80px;
    min-height: 100%;
    height: 100%;*/
    max-width: 1200px;
    width: auto;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #ddd;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #ddd;
    background: #fff; /*width: 940px;*/
    min-height: 100%;
    height: auto !important;
    height: 100%;
    overflow: auto;
}

.ctm-content-container
{
    padding: 0 20px;
    padding-bottom: 80px; /* space for footer*/
}
.ctm-content-container-border {
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #cccccc !important;
}
.ctm-span12-border {
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #cccccc !important;
    border-radius: 4px;
}

.ctm-orange {
    background-color: orange;
}

.session-model-width {
    width: 380px !important;
}

.session-modal-header-background {
    background-color: #0077c7 !important;
}

.session-model-timer-font {
    font-size: 20px;
}

.ctm-footer-old-with-js {
    /*margin-left: auto;
    margin-right: auto;
    position: relative;
    bottom: 0;
    display: block;
    margin: 0;
    padding: 20px;
    width: 1160px;*/
    border: solid 1px #252525;
    background-color: #1b1b1b;
    color: #999;
    padding: 10px 0;
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    bottom: 0;
    /*position: relative;
    bottom: 0px;*/
    /*font-weight: 200;
    font-size: 20px;*/
    text-align: center;
    /*clear: both;
    text-align: center;
    text-transform: uppercase;*/
    /*width: 940px;*/
}

.ctm-footer
{
    /*position: relative;*/
    text-align: center;
    margin-top: -80px;
    padding: 20px;
    /*font-size: 20px;*/
    font-weight: 200;
    /*bottom: 0;
    margin: 0;*/
    /*position: absolute;*/
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1200px;
    width: auto;
    /*color: #999;*/
    clear: both;
    /*border-top: solid 1px #ddd;
    background-color: #2f96b4;
    color: #fff;*/
}

@media print {
    .ctm-main-navbar { display: none;}
    .no-print {display: none;}
    .breadcrumb { display: none;}
    .ctm-main-container {max-width: none; border: none;margin: 0;}
    .ctm-footer { display: none;}
    .ctm-content-container, .ctm-header-pane { padding: 0;}
    .print-small 
    {
        font-size:8pt;
    }
    body { background: none;}
}

/*======================== CTM OLD Forms Classes =======================================*/
/*form label
{
    font-weight: bold;
    display: inline;
}*/

    .required /* used for <span class="required">*</span> */
    {
        color: #FF0000;
    }


    form label.label-disabled
    {
        color: #a0a0a0;
    }

    /*form label.normal
    {
        font-weight: normal;
    }*/

/*=========================== New Form Classes ====================================*/

/* When using class form-inline checkbox labels does not align with textbox labels. Add this class to the checkbox label.*/
.checkbox-inline {
    margin-top: -2px;   
}

.help-label label {
    display: inline;
}
.help-label .popover .popover-content, .help-label .popover .popover-title {
    font-size: 14px;
    text-decoration: none;
    font-weight: normal;
}
.help-btn.btn-link:hover, .help-btn.btn-link:focus, .help-btn.btn-link:active {
    text-decoration: none;
}
.help-btn + .popover .popover-content, .help-btn + .popover .popover-title {
    font-size: 14px;
    text-decoration: none;
    font-weight: normal;
}
.smaller-text + .popover .popover-content {
    max-height: 300px;
    overflow-y: scroll;
}
.smaller-text + .popover .popover-content, .smaller-text + .popover .popover-title {
    font-size: 12px;
    line-height: 16px;
}


/*======================== CTM OLD Tables Classes =======================================*/

table.layout > tbody > tr > td
{
    padding: 5px;
    vertical-align: -webkit-baseline-middle;
    /*vertical-align: top;*/
}

    table.layout > tbody > tr > td span.ctm-form-label
    {
        font-weight: bold;
    }

    table.layout > tbody > tr > td.field label
    {
        font-weight: normal;
        vertical-align: -webkit-baseline-middle;
    }

table.sorter {
    width: 100%;
}

table.sorter > thead > tr > th.sort-header {
    cursor: pointer;
    text-decoration: underline;
    background-repeat: no-repeat;
    background-position: right center;
}

table.sorter > thead > tr > th.sort-down {
    background-image: url(/img/icn_arrow_ascending.gif);
}

table.sorter > thead > tr > th.sort-up {
    background-image: url(/img/icn_arrow_descending.gif);
}

table.sorter > thead > tr > th.sort-item {
    vertical-align: middle;
    cursor: pointer;
   /* text-decoration: underline;*/
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 16px;
    background-image: url(/ctm/content/images/bg.gif);
}

table.sorter > thead > tr > th.sort-asc {
    background-image: url(/ctm/content/images/asc.gif);
}

table.sorter > thead > tr > th.sort-desc {
    background-image: url(/ctm/content/images/desc.gif);
}
/*======================== OLD CTM Misc classes ======================================*/
.list, .list-nopadding
{
    margin: 0;
    padding: 0;
    list-style: none;
}


    .list li
    {
        padding: 5px;
    }

        .list li img.list-icon
        {
            padding-right: 5px;
            vertical-align: baseline;
        }

        .list li input[type="checkbox"]
        {
            margin: 0;
            vertical-align: baseline;
        }
.list-nopadding li {
    padding: 0;
}


.panel
{
}

    .panel h3
    {
        margin: 0;
        padding: 0 5px 0 5px;
        border-bottom: solid 1px #ddd;
    }
    .panel h4 {
        margin: 0;
        padding: 0;
        font-size: 14px;
    }
    /*.panel input[type="checkbox"]
    {
        margin: 0 5px 0 0;
        vertical-align: baseline;
    }*/





fieldset.fieldset {
    padding: 15px 15px 20px 15px;
    border: 1px solid #d1d2d3;
    border-radius: 4px;
    margin-bottom: 10px;
    margin-top: 10px;
}

    legend.legend {
        padding: 5px 10px 5px 10px;
        border: 1px solid #d1d2d3;
        background-color: #e9e9e9;
        text-transform: uppercase;
        border-radius: 4px;
        font-size: inherit;
        line-height: inherit;
        width: auto;
        margin-bottom: 10px;
    }



/*================================= Containers ========================================================*/

.container-info
{
    margin-bottom: 45px;
}

    .container-info .header
    {
        margin: 0 0 10px;
        padding: 0;
        height: 29px;
        border-bottom: 5px solid #eee;
    }

        .container-info .header h2
        {
            display: inline-block;
            margin: 0;
            padding: 0;
            height: 29px;
            border-bottom: 5px solid #007acc;
            font-weight: bold;
            font-size: 14px;
            line-height: 29px;
        }

    .container-info .content
    {
    }

.container-info2
{
    margin-bottom: 45px;
}

.container-info2 .header
{
    margin: 0 0 10px;
    padding: 0 0 10px 0;
    height: 29px;
    border-bottom: 2px solid #d1d2d3;
}

.container-info2 .header h2
{
    display: inline-block;
    margin: 0;
    padding: 0 0 10px 0;
    height: 29px;
    border-bottom: 2px solid #007acc;
    font-weight: 200;
    font-size: 21px;
    color: #555555;
    line-height: 30px;
}

.container-info2 .content
{
}

.container-default {
    margin-bottom: 45px;
}

    .container-default .header
    {
        padding: 0 10px;
        height: 32px;
        border: 1px solid #007acc;
        background: #328ecc;
        -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0);
        -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0);
        box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0);
    }

        .container-default .header h2
        {
            text-rendering: optimizelegibility;
            margin: 0;
            padding: 0;
            color: #fff;
            -webkit-text-shadow: #0077c7 0px 1px 0px;
            text-shadow: #0077c7 0px 1px 0px;
            font-weight: bold;
            font-size: 14px;
            font-family: 'Raleway', sans-serif;
            line-height: 32px;
        }
        .container-default .header.highlighted {
            padding: 0 10px;
            height: auto;
            border: 1px solid #007acc;
            background: #328ecc;
            -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0);
            -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0);
            box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0);
        }

        .container-default .header.highlighted h2
        {
            text-rendering: optimizelegibility;
            margin: 0;
            padding: 0;
            color: #fff;
            -webkit-text-shadow: #0077c7 0px 1px 0px;
            text-shadow: #0077c7 0px 1px 0px;
            font-weight: bold;
            font-size: 14px;
            font-family: 'Raleway', sans-serif;
            line-height: 32px;
        }
    /*.container-default .header h2
        {
            font-size: 14px;
            color: #555555;
            font-weight: bold;
            text-rendering: optimizelegibility;
            -webkit-text-shadow: rgb(255, 255, 255) 0px 1px 0px;
            text-shadow: rgb(255, 255, 255) 0px 1px 0px;
            font-family: 'Raleway', sans-serif;
        }*/




    .container-default .content {
        margin: 0;
        padding: 10px;
        border-width: 0 1px 0 1px;
        border-style: none solid solid solid;
        border-right-color: #ddd;
        border-left-color: #ddd;
        border-bottom: #ddd;
        /*background: #f5f5f5;*/
        /*background: #fafafa;*/
        /*padding: 0 10px 10px 10px;*/
    }

    .container-default .action-bar
    {
        border-right: solid 1px #ddd;
        border-bottom: solid 1px #ddd;
        border-left: solid 1px #ddd;
        /*background: #f5f5f5;*/
        /*background: #fafafa;*/
    }


    .container-default .content h3
    {
        font-size: 14px;
        line-height: 22px;
    }

    .container-default .content form
    {
        margin: 0;
    }


    .container-default .horizontal-rule
    {
        border-bottom: 1px solid #d1d2d3;
    }

     .container .text-underline
    {
         text-decoration: underline;
    }

    .container .screen-text-padding
    {
         padding-left: 350px;
         padding-right:300px;
    }

     .container .printable-header-padding
    {
         padding: 70px;
    }

     .container .horizontal-rule-printable
    {
        border-bottom: 1px solid #000000;
        padding-left: 200px;
        padding-right:320px;
    }

     .container-less-margin-bottom
    {
        margin-bottom: 10px;
    }
    .container-less-margin-bottom .content-border-all
    {
        margin: 0;
        padding: 10px;
        border-width: 0px 1px 1px 1px;
        border-style: none solid solid solid;
        border-right-color: #ddd;
        border-left-color: #ddd;
        border-bottom-color: #ddd;        
    }
    .container-less-margin-bottom .header
    {
        padding: 0 10px;
        height: 32px;
        border: 1px solid #007acc;
        background: #328ecc;
        -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0);
        -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0);
        box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0);
    }
    .container-less-margin-bottom .header h2
        {
            text-rendering: optimizelegibility;
            margin: 0;
            padding: 0;
            color: #fff;
            -webkit-text-shadow: #0077c7 0px 1px 0px;
            text-shadow: #0077c7 0px 1px 0px;
            font-weight: bold;
            font-size: 14px;
            font-family: 'Raleway', sans-serif;
            line-height: 32px;
        }
/*----- New Container container-straight ------*/
.container-straight
{
    margin-bottom: 45px;
}

    .container-straight .header
    {
        padding: 0 10px;
        height: 32px;
        border: 1px solid #d1d2d3;
        background: #e9e9e9;
        -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0);
        -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0);
        box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0);
    }

        .container-straight .header h2
        {
            text-rendering: optimizelegibility;
            margin: 0;
            padding: 0;
            color: #555555;
            -webkit-text-shadow: rgb(255, 255, 255) 0px 1px 0px;
            text-shadow: rgb(255, 255, 255) 0px 1px 0px;
            font-weight: bold;
            font-size: 14px;
            font-family: 'Raleway', sans-serif;
            line-height: 32px;
            display: inline-block;
            vertical-align: super;
        }

    .container-straight .header-straight
        {
            padding: 10px 0;
            height: 32px;
        }

        .container-straight .header-straight h2
        {
            text-rendering: optimizelegibility;
            margin: 0;
            padding: 0;
            color: #555555;
            -webkit-text-shadow: rgb(255, 255, 255) 0px 1px 0px;
            text-shadow: rgb(255, 255, 255) 0px 1px 0px;
            font-weight: bold;
            font-size: 17.5px;
            font-family: 'Raleway', sans-serif;
            line-height: 32px;
            display: inline-block;
            vertical-align: super;
        }

    .container-straight .content
    {
    }

/*------------------------------ Override jquery dialog widget ------------------------------------*/

    .ctm-container-override {
        margin: 0;
        padding: 0px;
        border-width: 0px 1px 1px 1px;
        border-style: none solid solid solid;
        border-right-color: #ddd;
        border-left-color: #ddd;
        border-bottom-color: #ddd;
        border-radius: 0px
    }

    .ctm-container-override .ui-dialog-titlebar {
        padding: 0 10px;
        height: 32px;
        border: 1px solid #007acc;
        background: #328ecc;
        -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0);
        -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0);
        box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0);
        border-radius: 0px;
    }

    .ctm-container-override .ui-dialog-titlebar .ui-dialog-title {
        text-rendering: optimizelegibility;
        margin: 0;
        padding: 0;
        color: #fff;
        -webkit-text-shadow: #0077c7 0px 1px 0px;
        text-shadow: #0077c7 0px 1px 0px;
        font-weight: bold;
        font-size: 14px;
        font-family: 'Raleway', sans-serif;
        line-height: 32px;
    }

    .ctm-container-override .ui-widget-content a {
        color: #007acc
    }



/*------------------------------ Container inverse ------------------------------------*/

.container-default.container-inverse .header
{
    /*background: #fff;*/
}

.container-default.container-inverse .content
{
    background: #f5f5f5;
}

.container-default.container-inverse .action-bar
{
    background: #f5f5f5;
}


.container-info.container-inverse .header
{
    margin: 0;
}

.container-info.container-inverse .content
{
    padding: 10px;
    background: #f5f5f5;
    /*background: #fafafa;*/
}

/*------------------------------ Container utilities ------------------------------------*/

.container-default.narrow-container,
.container-straight.narrow-container,
.container-info.narrow-container
{
    margin-bottom : 10px;
}



/*================================= Navbar ========================================================*/

.ctm-main-navbar .navbar-inner
{
    border-radius: 0px;
    border: 1px solid #328ecc;
}

.ctm-main-navbar .navbar
{
    margin-bottom: 0px;
}

.ctm-main-navbar .navbar-inverse .divider-vertical
{
    border-right-color: #333;
    border-left: 2px solid #000;
    /*border-left-color: #111;*/
    /*border-right-color: #222;*/
}

.ctm-main-navbar i
{
    font-size: 1.0em;
}

.ctm-main-navbar .ctm-nav i
{
    font-size: 1.45em;
}

.ctm-main-navbar .dev-info {
    color: #fff;
    font-size: 10px;
}
    .ctm-main-navbar .dev-info span {
        font-weight: bold;
    }
.ctm-main-navbar .username-item {
    max-width: 100px;
}


/*================================= Breadcrumb ========================================================*/

.breadcrumb /* Override */
{
    margin: 0 0 10px;
    padding: 8px 20px;
    border-bottom: solid 1px #ddd;
    border-radius: 0;
}

.folder-crumbs {
    list-style: none;
    margin-left: 0;
}
.folder-crumbs > li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.folder-crumbs > li > a {
    max-width: 150px;
}

/*================================== Left menu ======================================================*/
.left-menu {
    margin-left: 0;
}

.left-menu .disabled {
    color: #999999;
}
.left-menu .disabled:hover {
    text-decoration: none;
}

.left-menu-item {
    padding-bottom: 8px;
}

.left-menu-item.current {
    font-weight: bold;
}

/*================================= tooltip ========================================================*/
.tooltip-inner /* Override */
{
    white-space: nowrap;
}


/*================================= Tabs ========================================================*/

/* Overrides and extentions */

.tabs .nav
{
    margin-bottom: 0;
}

.container-default.container-inverse .nav-tabs .active a
{
    background-color: #f5f5f5;
}

.ctm-tender-tabs 
{
    font-weight: bold;    
}


/*================================= Tables ========================================================*/

/* Overrides and extentions */

.table-striped.table-inverse tbody > tr:nth-child(odd) > td,
.table-striped.table-inverse tbody > tr:nth-child(odd) > th
{
    background-color: #fefefe;
}

.table-hover.table-inverse tbody tr:hover > td,
.table-hover.table-inverse tbody tr:hover > th
{
    background-color: #ffffff;
}

    .table .table-head td, .table .table-head th
    {
        font-weight: bold;
        border-top-width: 0;
    }

/* Table inside table should not have borders - remove bootstrap default from inner tables*/
.table table , .table table td, .table table th {
    border: none;
}

/* Table inside table should not have borders - remove bootstrap default from inner tables*/
.table-striped table , .table-striped table td, .table-striped table th {
    background-color: transparent !important;
}
/* take away table padding*/
table.no-padding td {
    padding: 0 8px;
}
/*reset no-padding in inner table*/
table.padding td {
    padding: 8px;
}
/*remove border, e.g. for first row in .table if the table comes directly after legacy-container-default-head*/
td.no-border, th.no-border {
    border: none;
}
/*Remove padding on td to make new table with padding inside*/
td.nested-table-container {
    padding: 0 !important;
}
.table.no-first-border > tbody > tr:first-child > td {
    border: none;
}

/*======================== Pagination =======================================*/

/* Overrides and extentions */

.pagination
{
    margin: 10px 0 0 0;
}

    .pagination ul
    {
        /*-webkit-box-shadow: 0 1px 2px #000;
        box-shadow: 0 1px 2px #000;*/
        /* Remove this class if bacground = background: #fafafa;*/
    }

.container-default.container-inverse .pagination ul
{
    /*-webkit-box-shadow: 0 1px 2px #000;
    box-shadow: 0 1px 2px #000;*/
    /* Remove this class if bacground = background: #fafafa;*/
}

.pagination .ctm-pager-info
{
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .pagination .ctm-pager-info > li > span > label,
    .pagination .ctm-pager-info > li > span > input,
    .pagination .ctm-pager-info > li > span > select
    {
        display: inline-block;
        margin: 0px;
        font-weight: normal;
    }

    .pagination .ctm-pager-info > li > span
    {
        border: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
        .pagination a.state-active
        {
            background-color: #efefef;
        }

        .pagination .ctm-pager-info > li > span.ctm-pager-input
        {
            padding: 0;
            border: 0;
        }

            .pagination .ctm-pager-info > li > span.ctm-pager-input > input
            {
                width: 18px;
            }

            .pagination .ctm-pager-info > li > span.ctm-pager-input > select
            {
                width: 64px;
            }


    .pagination .ctm-pager-info > li > a,
    .pagination .ctm-pager-info > li > span
    {
        background-color: transparent;
    }
/*======================== Treeview =======================================*/
.treeview label {
    margin-bottom: 0;
}

/*======================== Popover =======================================*/
.popover {
  max-width: 600px;
}

/*======================== OLD CTM Action bar Classes =======================================*/

.action-bar
{
    padding: 0 10px 0 10px;
    text-align: right;
}


    .action-bar ul
    {
        clear: both;
        margin: 0;
        padding: 10px 0 10px 0;
        border-top: solid 1px #ddd;
        list-style: none;
    }

        .action-bar ul li
        {
            display: inline-block;
            margin: 0;
            padding: 0 5px 2px 0;
        }

.container-straight .action-bar
{
    padding: 0;
}

    .container-straight .action-bar ul
    {
        border: 0;
        padding: 0;
    }

/*======================== Validation =======================================*/

.field-validation-error
{
    color: #D15C5C;
    font-weight: bold;
    display: block;
}

.field-validation-valid
{
    display: none;
}


input.input-validation-error,
select.input-validation-error,
textarea.input-validation-error
{
    border-color: #ef6765 !important;
}

    input.input-validation-error:focus,
    select.input-validation-error:focus,
    textarea.input-validation-error:focus
    {
        border-color: #ef6765;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ef6765;
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ef6765;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ef6765;
    }



.validation-summary-errors
{
    margin-bottom: 20px;
    padding: 8px 35px 8px 14px;
    border: 1px solid #eed3d7;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #f2dede;
    color: #b94a48;
    -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

    .validation-summary-errors > span
    {
        font-weight: bold;
    }

.validation-summary-valid
{
    display: none;
}





/*======================== Misc classes ======================================*/

.spinner-small
{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('data:image/gif;base64,R0lGODlhEAAQAPIAAP///wBmq8La6kKNwABmq2Kgy4Kz1ZK92iH/C05FVFNDQVBFMi4wAwEAAAAh/h1CdWlsdCB3aXRoIEdJRiBNb3ZpZSBHZWFyIDQuMAAh/hVNYWRlIGJ5IEFqYXhMb2FkLmluZm8AIfkECQoAAAAsAAAAABAAEAAAAzMIutz+MMpJaxNjCDoIGZwHTphmCUWxMcK6FJnBti5gxMJx0C1bGDndpgc5GAwHSmvnSAAAIfkECQoAAAAsAAAAABAAEAAAAzQIutz+TowhIBuEDLuw5opEcUJRVGAxGSBgTEVbGqh8HLV13+1hGAeAINcY4oZDGbIlJCoSACH5BAkKAAAALAAAAAAQABAAAAM2CLoyIyvKQciQzJRWLwaFYxwO9BlO8UlCYZircBzwCsyzvRzGqCsCWe0X/AGDww8yqWQan78EACH5BAkKAAAALAAAAAAQABAAAAMzCLpiJSvKMoaR7JxWX4WLpgmFIQwEMUSHYRwRqkaCsNEfA2JSXfM9HzA4LBqPyKRyOUwAACH5BAkKAAAALAAAAAAQABAAAAMyCLpyJytK52QU8BjzTIEMJnbDYFxiVJSFhLkeaFlCKc/KQBADHuk8H8MmLBqPyKRSkgAAIfkECQoAAAAsAAAAABAAEAAAAzMIuiDCkDkX43TnvNqeMBnHHOAhLkK2ncpXrKIxDAYLFHNhu7A195UBgTCwCYm7n20pSgAAIfkECQoAAAAsAAAAABAAEAAAAzIIutz+8AkR2ZxVXZoB7tpxcJVgiN1hnN00loVBRsUwFJBgm7YBDQTCQBCbMYDC1s6RAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P4wykmrZULUnCnXHggIwyCOx3EOBDEwqcqwrlAYwmEYB1bapQIgdWIYgp5bEZAAADsAAAAAAAAAAAA=') /*/img/icn_loading.gif*/;
    *background-image: url('/img/icn_loading.gif'); /* For IE 6 and 7 */
}
    .spinner-small.hide
    {
        display: none;
    }

.navbar .brand
{
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
.no-margin {
    margin: 0;
}

.checkbox-no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

div.ctm-padding-bottom10 {
    padding-bottom: 10px;
}

.input-group {
    float: left;
    margin-right: 10px;
}

.marginbtm {
    margin-bottom: 10px;
}

.marginbtm-20 {
    margin-bottom: 20px;
}

.marginbtm-50 {
    margin-bottom: 50px;
}

.print-section {
    display:none;
}

@media print {
    .print-section { 
        display:block;
    }

    table,
    table tr td,
    table tr th {
	    page-break-inside: avoid;
    }
}

.pagebreak { page-break-before: always; }

.ellipsis {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.ellipsis-col {
	position: relative;
}
.ellipsis-col:before {
	content: '&nbsp;';
	visibility: hidden;
}
.ellipsis-col span {
	position: absolute;
	left: 0;
	right: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.overlay {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.5;
    z-index: 999;
}

    .gif-container {
        position: relative;
        left: 50%;
        top: 50%;
    }

ul.group-item-list {
    margin: 0;
    margin-bottom: 5px;
}

ul.horizontal-list > li {
    display: block;
}

ul.vertical-list > li {
    float: left;
}

.group-item {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    background-color: #e9e9e9;
    border: 1px solid #d1d2d3;
    border-radius: 3px;
    padding: 1px;
}
.padding-right {
    padding-right: 10px;
}
.padding-all {
    padding: 10px;
}
input.input-maxi {
    width: 128px;
}
.full-width {
    width: 100%;
}
.strikethrough, .strikethrough * {
    text-decoration: line-through;
}

.pre {
    white-space: pre;
}

.pre-line {
    white-space: pre-line;
}

.nowrap {
    white-space: nowrap;
}

.ctm-normal-font-weight {
    font-weight: normal !important;
}

.word-break{
    word-break:break-word;
}

.word-break-all {
    word-break: break-all;
}


.font-bold {
	font-weight: bold;
}

/*================================= Icon utilities ========================================================*/
.ctm-icon-link i, .ctm-icon-link:hover i, .ctm-icon-link:visited i, .ctm-icon-link:active i {
	text-decoration: none !important;
	color: #575655;
}
.ctm-icon-link, .ctm-icon-link:hover, .ctm-icon-link:visited, .ctm-icon-link:active {
    text-decoration: none;
}
i.red-icon, .ctm-icon-link i.red-icon {
    color: #f24446
}
i.yellow-icon, .ctm-icon-link i.yellow-icon {
    color: #ffa500;
}
i.blue-icon, .ctm-icon-link i.blue-icon {
    color: #007acc;
}
i.green-icon, .ctm-icon-link i.green-icon {
    color: #64ac5b;
}
i.inverted-icon, .ctm-icon-link i.white-icon {
    color: #fff;
}
i.inactive-icon {
    opacity: 0.3;
}
i[class^=icon-] {
    text-decoration: none;
}
.icon-left-space
{
    margin-left: 5px;
    display: inline-block;
}
.icon-right-space
{
    margin-right: 5px;
    display: inline-block;
}

/*----------- CTM ICON STACK -----------------*/
.ctm-icon-stack {
    display: inline-block !important;
    position: relative;
    width: 1em;
    height: 1em;
    line-height: 1em;
    /*padding-right: 6px;*/
}

.ctm-icon-stack.icon-right-space {
    margin-right: 5px;
}
.ctm-icon-stack.icon-left-space {
    margin-left: 5px;
}

.ctm-icon-stack > i {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}
.ctm-icon-stack > i:first-child {
    left: 0;
    top: -2px;
}
.ctm-icon-stack > i:first-child + i {
    right: -6px;
    top: 2px;
}
/*-------------- END CTM ICON STACK -----------------*/

a i[class^="icon-"], a i[class*=" icon-"] {
    text-decoration: none;
}
i[class^="icon-"], i[class*=" icon-"] {
    line-height: 20px;
}
i.icon-2x, i.icon-3x, i.icon-4x {
    line-height: normal;
}

/*================== Datetime time picker ==============*/

.timecontrol {
    position: relative;
    display: inline-block;
}
.timelist {
    position: absolute; 
    z-index: 1; 
    display: none;
}

/*====================== FLAG ICONS ======================*/
i[class^="icon-legacy"], i[class*=" icon-legacy"] {
    display: inline-block;
}
i.icon-legacy-flag_eu {
    background-image: url('/img/flag_eu.png');
    width: 16px;
    height: 11px;
    
}
i.icon-legacy-flag_en {
    background-image: url('/img/flag_en.gif');
    width: 16px;
    height: 11px;
}

i.icon-legacy-flag_sv {
    background-image: url('/img/flag_sv.gif');
    width: 16px;
    height: 11px;
}

i.icon-legacy-flag_de {
    background-image: url('/img/flag_de.gif');
    width: 16px;
    height: 11px;
}

i.icon-legacy-flag_fr {
    background-image: url('/img/flag_fr.gif');
    width: 16px;
    height: 11px;
}

i.icon-legacy-flag_es {
    background-image: url('/img/flag_es.gif');
    width: 16px;
    height: 11px;
}

i.icon-legacy-flag_fi {
    background-image: url('/img/flag_fi.gif');
    width: 16px;
    height: 11px;
}

i.icon-legacy-flag_nl {
    background-image: url('/img/flag_nl.gif');
    width: 16px;
    height: 11px;
}

i.icon-legacy-flag_lt {
    background-image: url('/img/flag_lt.gif');
    width: 16px;
    height: 11px;
}

i.icon-legacy-flag_lt_low_value {
    background-image: url('/img/flag_lt_low_value.gif');
    width: 28px;
    height: 11px;
}

i.icon-legacy-flag_lt_ts {
    background-image: url('/img/flag_lt_ts.gif');
    width: 16px;
    height: 11px;
}

i.icon-legacy-flag_lt_mc {
    background-image: url('/img/flag_lt_mc.gif');
    width: 18px;
    height: 12px;
}
i.icon-legacy-flag_lt_rk {
    background-image: url('/img/flag_lt_rk.gif');
    width: 16px;
    height: 12px;
}
i.icon-legacy-flag_da {
    background-image: url('/img/flag_da.gif');
    width: 16px;
    height: 11px;
}

i.icon-legacy-flag_ru {
    background-image: url('/img/flag_ru.gif');
    width: 16px;
    height: 11px;
}

i.icon-legacy-flag_no {
    background-image: url('/img/flag_no.gif');
    width: 16px;
    height: 11px;
}

i.icon-legacy-flag_no_half {
    background-image: url('/img/flag_no_half.png');
    width: 16px;
    height: 11px;
}

i.icon-legacy-flag_is {
    background-image: url('/img/flag_is.gif');
    width: 16px;
    height: 11px;
}

i.icon-legacy-flag_pt {
    background-image: url('/img/flag_pt.gif');
    width: 16px;
    height: 11px;
}

i.icon-legacy-flag_el {
    background-image: url('/img/flag_el.gif');
    width: 16px;
    height: 11px;
}

i.icon-legacy-flag_ga {
    background-image: url('/img/flag_ga.gif');
    width: 16px;
    height: 11px;
}

i.icon-legacy-flag_nn {
    background-image: url('/img/flag_no.gif');
    width: 16px;
    height: 11px;
}

i.icon-legacy-flag_ie {
    background-image: url('/img/flag_ie.gif');
    width: 16px;
    height: 11px;
}

/*================== Margin Utility classes ==============*/

/* Top */

.mt-0 { margin-top: 0px !important; }
.mt-1 { margin-top: 1px !important; }
.mt-2 { margin-top: 2px !important; }
.mt-3 { margin-top: 3px !important; }
.mt-4 { margin-top: 4px !important; }
.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-25 { margin-top: 25px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-35 { margin-top: 35px !important; }
.mt-40 { margin-top: 40px !important; }

/* Bottom */

.mb-0 { margin-bottom: 0px !important; }
.mb-1 { margin-bottom: 1px !important; }
.mb-2 { margin-bottom: 2px !important; }
.mb-3 { margin-bottom: 3px !important; }
.mb-4 { margin-bottom: 4px !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-25 { margin-bottom: 25px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-35 { margin-bottom: 35px !important; }
.mb-40 { margin-bottom: 40px !important; }

/* Left */

.ml-0 { margin-left: 0px !important; }
.ml-1 { margin-left: 1px !important; }
.ml-2 { margin-left: 2px !important; }
.ml-3 { margin-left: 3px !important; }
.ml-4 { margin-left: 4px !important; }
.ml-5 { margin-left: 5px !important; }
.ml-10 { margin-left: 10px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-25 { margin-left: 25px !important; }
.ml-30 { margin-left: 30px !important; }
.ml-35 { margin-left: 35px !important; }
.ml-40 { margin-left: 40px !important; }

/* Right */

.mr-0 { margin-right: 0px !important; }
.mr-1 { margin-right: 1px !important; }
.mr-2 { margin-right: 2px !important; }
.mr-3 { margin-right: 3px !important; }
.mr-4 { margin-right: 4px !important; }
.mr-5 { margin-right: 5px !important; }
.mr-10 { margin-right: 10px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-25 { margin-right: 25px !important; }
.mr-30 { margin-right: 30px !important; }
.mr-35 { margin-right: 35px !important; }
.mr-40 { margin-right: 40px !important; }


/* Fix z-index so popovers stay on top of modals */
.popover {
	z-index: 1060 !important;
}

.pre-style {
    background: none;
    padding: 0;
    border: none;
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.table-fixed-layout {
    font-size: 11.5px; table-layout: fixed;
}

hr.seperator-margin {
    margin: 5px 0 !important;
}
div.PDFfont-size {
    font-size: 16px !important;
}

.brand.image-brand img {
    width: 35px;
    height: 16px;
    vertical-align: top !important;
}

.help-label-background {
    background-color: #007acc;
}