﻿.StatusTgl
{
    margin:0px !important;
}
.StatusBox
{
    background-color:#448CB8;
    color:#fff !important;
    font-weight:bold;
    padding-left:4px;
    padding-right:7px; 
    border-radius:4px;
}
.StageBox
{
    background-color:#999999;
    color:#fff !important;
    font-weight:bold;
    padding-left:4px;
    padding-right:7px; 
    border-radius:4px;
}
.inner-box-style
{
    padding-top:10px !important;
    height:30px;
    border:2px solid #468eb8;
    border-radius:7px;
    width:305px;
    font-size:13px;
}
        .pagination
        {
            height: 36px !important;
            margin: 18px 0;
        }
        .pagination ul
        {
            display: inline-block !important;
            display: inline !important;
            margin-bottom: 0;
            margin-left: 0;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px; *zoom:1;-webkit-box-shadow:01px2pxrgba(0, 0, 0, 0.05);-moz-box-shadow:01px2pxrgba(0, 0, 0, 0.05);box-shadow:01px2pxrgba(0, 0, 0, 0.05);}
        .pagination li
        {
            display: inline !important;
        }
        .pagination a
        {
            float: left;
            padding: 0 14px;
            line-height: 34px;
            text-decoration: none;
            border: 1px solid #ddd;
            border-left-width: 0;
            cursor: pointer;
            color: #fff;
        }
        .pagination a:hover, .pagination .active a
        {
            background-color: #f5f5f5;
            color: #000;
        }
        .pagination .active a
        {
            color: #000;
            cursor: default;
        }
        .pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover
        {
            color: #000;
            cursor: default;
            background-color: transparent;
        }
        .pagination li:first-child a
        {
            border-left-width: 1px;
            -webkit-border-radius: 3px 0 0 3px;
            -moz-border-radius: 3px 0 0 3px;
            border-radius: 3px 0 0 3px;
        }
        .pagination li:last-child a
        {
            -webkit-border-radius: 0 3px 3px 0;
            -moz-border-radius: 0 3px 3px 0;
            border-radius: 0 3px 3px 0;
        }
        .pagination-centered
        {
            text-align: center;
        }
        .pagination-right
        {
            text-align: right;
        }
        .optionsDD option
        {
            height: 20px;
            font-weight: normal;
        }
        #selectPgSize
        {
            border: 1px solid #ccc !important;
            height: 20px !important;
            margin: 0px !important;
            padding: 0px !important;
            width: 42px !important;
        }
        #contentsection
        {
            padding-bottom: 0px;
        }
        .responsiveSelect
         {
             width:82% !important;
         }  
        
.ui-multiselect{font-size:12px; background-color: #FFFFFF;border: 1px solid #CCCCCC;width: 82% !important;line-height:24px;border-radius: 3px 3px 3px 3px;padding:2px 0 0 4px; text-align:left;background-image:none; }
.ui-multiselect span.ui-icon { float:right ; margin-top: 1px; width: 19px;}
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }
.ui-multiselect-checkboxes li .ui-state-hover{background-image:none !important;border:none !important;background:none!important}
.ui-multiselect-header { display:none }
.ui-multiselect-menu {background-color: #FFFFFF;width:auto !important; border: 1px solid #CCCCCC;display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
.ui-multiselect-checkboxes { padding-left:5px; position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:-2px;margin-right:3px; }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px;list-style:none }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }
.ui-multiselect .ui-icon{background-image:url("../Content/images/ui-icons_454545_256x240.png")}
/*.ui-state-hover span{margin-top:5px !important;}*/
/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }       
 /*-------------- End - Styles for multi select dropdown ---------------------------*/           
         
        
       /*---For lower versions---------*/
         .modal-wide
            {
                width: 960px !important;
                margin-left: -480px !important;
            }
        @media (min-width: 1200px)
        {
            .modal-wide
            {
                width: 960px !important;
                margin-left: -480px !important;
            }
        }
        /* Portrait tablet to landscape and desktop */
        @media (min-width: 768px) and (max-width: 979px)
        {
            .modal-wide
            {
                width: 760px !important;
                margin-left: -380px !important;
            }
        }
        @media (min-width: 480px) and (max-width: 768px)
        {
            .modal-wide
            {
                width: 620px !important;
                margin-left: -315px !important;
            }
        }
        /* Landscape phones and down */
        @media (max-width: 480px)
        {
            .modal-wide
            {
                width: 460px !important;
                margin-left: -230px !important;





            }
        }
   
 /*---Progress Realated page styles--------*/  
 .fuelux .row-fluid .span1_5
 {
     width:10.265%;
     float:left;
 }   
 .myresume
{
    margin-top:7px;
   /* margin-right: -10px;*/
}
.myresume a
{ color:#ffffff;
}.myresume.label-info
{    background-color: #5BC0DE;
}
.sectionGeader
{
    background-color: #DBEAF9;
    line-height: 25px;
    padding-left: 0;
}
.cke_contents
{
    height:300px !important;
}
.progressContent .fuelux .row-fluid [class*="span"]
{
    min-height:10px !important;
}
.requiredtext .tooltip.top
{
   left:0px !important;
}
/*---Profile Related page styles*/
.profilecontent .editable-address span
    {
        width: 70px;
        display: inline-block;
    }
    .profilecontent .popover
    {z-index:8000 !important;
    }
    .profilecontent .popupwidth .popover
    {
        left:9px !important;
    }
   .profilecontent  a.Empty, a.editable-empty
    {
        color:Gray !important;
        font-weight:normal;
     
    }
   .profilecontent div.popover-content .control-group .well
    {
          float: left;
          margin: 0;
          padding: 0;
    }
    
.profilecontent .popover.editable-popover div.control-group, .popover.editable-popover form, .popover.editable-popover span.help-block {
    margin-bottom: 0;
}
.profilecontent .datepicker-inline
{
    width:220px;
    line-height:20px;
}
.profilecontent .editable-input .well
{
    height:auto;
}
/*----Editable popup changing save cancel icons to text*/
.profilecontent .editable-submit:after
{
    content:"Save"
}
.profilecontent .editable-submit .icon-ok
{
    display:none !important;
}

.profilecontent .editable-cancel:after
{
    content:"Cancel"
}
.profilecontent .editable-cancel .icon-remove
{
    display:none !important;
}
.profilecontent .editable-buttons .btn
{
   margin-right:2px;
}


/*------------End--------------------*/
   .modal-backdrop 
        {
            z-index:7050 !important;
        }
        .modal
        {
             z-index:7060 !important;
        }
        .dropdown-menu
        {
             z-index:7070 !important;
        }
        .popover
        {
            width:250px;
        }
       .editable-container.popover {
             width: auto;
       }
        .editableform {
            margin-bottom: 0;
        }
        .editable-date .datepicker:before,
        .editable-date .datepicker:after
        {
            border-bottom:0px
        }