/* 
    Document   : main
    Created on : Aug 18, 2014, 10:42:39 AM
    Author     : User
    Description:
        Purpose of the stylesheet follows.
*/

.container{
    width: 1200px !important;
}

body  {
    background-image: url('../img/pattern3.png');
    background-color: #F8F8F8;
}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left !important;
}

.top-header-line{
    background: black;
}
.top-header-line span{
    color: white;
}

.logo{
    margin-top: 10px;
}
.logo img{
    float: left;
}
.logo h3{
    float: left;
    padding: 0px 0px 0px 25px;
}
.outer{
    background: rgb(216, 216, 216);
    padding: 0px 0px 15px 0px;
    border-bottom: 1px solid rgb(170, 170, 170);
}
.small-logo{
    padding: 13px;
}
.small-logo img{
    float: left;
    padding: 0px 20px 0px 0px;
}
.chart{
    height: 700px;
    border: 1px solid rgb(170, 170, 170);
    margin: 10px 0px 10px 0px;
}
.img-start-down-arrow{
    /*    position: relative;*/
    top: 48px;
    left: -29px;
}
.img-activity-down-arrow{
    /*    position: relative;*/
    top: 52px;
    left: -10px;
}
.img-activity-left-arrow{
    /*    position: relative;*/
    left: -87px;
    top: 50px;
}
.img-activity-right-arrow{
    /*    position: relative;*/
    left: 72px;
    top: -78px;
}
.activity{
    width: 200px;
    height: 80px;
    background: rgb(213, 213, 213);
    /*    position: relative;*/
    top: 50px; 
    border: 1px solid rgb(126, 122, 122);
    border-radius: 8px;
    padding: 10px;
}
.activity-mid{
    left: -6px;
}
.activity-left{
    left: -137px;
}
.activity-right{
    top: -77px;
    left: 125px;
}
.btnbar{
    padding: 10px 0px 0px 0px;
}
.btnbar button{
    width: 25px;
}

.end-point{
    position: relative;
    width: 150px;
    background: rgb(218, 215, 140);
    border: 1px solid rgb(165, 165, 156);
    border-radius: 6px;
}

.end-point img{
    padding: 0px 10px 0px 10px;
    width: 45px;
}
.mycol{
    width: 480px;
    padding: 5px 15px 0px 15px;
    float: left;
}
.mycol-next{
    border-left: 1px solid rgb(199, 199, 199);
}
.chart{
    background: white;
    padding: 15px;
}
.stop-close{
    width: 17px;
    height: 17px;
    position: absolute;
    left: 146px;
    top: -9px;
    opacity: .5;
    cursor: pointer;
    background: url('../img/close_delete.png') no-repeat 0px 0px;
}

.stop-close:hover{
    opacity: 1;
}
.dbl-outer{
    position: relative;
}


.flag-close{
    width: 17px;
    height: 17px;
    position: absolute;
    left: 146px;
    top: -9px;
    opacity: .5;
    cursor: pointer;
    background: url('../img/close_delete.png') no-repeat 0px 0px;
}
.flag-close:hover{
    opacity: 1;
}
.small-body .activity{
    height: 50px;
    padding: 3px;
}
.small-body img{
    padding: 0px 0px 7px 0px;
}

.img-activity-right-arrow, .img-activity-left-arrow{
    margin: 0px 0px 5px 0px;
}
#basicModal{
    display:none;
}
.arrow-text{
    font-size: 9px;
    color: red;
}