@import url("menu.css");
@import url("jquery-ui.min.css");

@font-face {
    font-family: American Typewriter;
    src: url(../font/american_typewriter_medium_bt.ttf);
}
a{font-size: 14px;}
input[type=text],input[type=password],input[type=number],select{
    width:auto;border-radius:4px;height:28px;margin-top: 1px;
    border-top: 0;border-right: 0;border-left:0;border-bottom: 2px solid  #000;font-family:American Typewriter;
}
textarea{font-family:American Typewriter;}
#vry_small_colum{width:30px;}
#client_name{width:25em;}
#result {
    height:20px;
    font-family:American Typewriter;
    color:#333;
    padding:5px;
    margin-bottom:10px;
    background-color:#FFFF99;
}

.load{
    background-image:url(loader.gif);
    background-position:right;
    background-repeat:no-repeat;
}

body{ background:#e1e3e4; margin:0; font-family:American Typewriter; font-size:13px;}


#main{margin:auto ; border: 0px solid black; height: auto;width: 100%;}
#main_top{margin:auto;width: 100%;background: #000;height:45px;position: fixed;box-shadow: 0px 0px 15px 0px #000;z-index: 1 }
#main_left{ margin:auto;height:86%;overflow: auto;width:400px;position: fixed;right: 0;bottom:46px;display:none;
            color:#ccffff; background-color:#000;; text-decoration: none;float: right;z-index: 10000
}
#main_right{ height:auto;width:100%;margin:auto; float: left;margin-top: 54px;position:absolute;}
#main_right .main_right_left{height:auto;width:50%; float: left;}
#main_right .main_right_right{height:auto;width:50%; float: left;}
#main_bottom{height:auto;width:100%;background: #fff;

     border-radius:3px;
      box-shadow:-1px 0px 0px rgba(0,0,0,0.15);float: left;margin-bottom: 60px;}

#main_left a{color: white; text-decoration: none;}
#main_left a:hover{color: white; text-decoration:underline;}

#footer{margin:auto;width: 100%;background: #000;height:45px; position: fixed;bottom: 0;box-shadow: 0 -15px 15px -15px #000;z-index: 0}
#footer .footer_part1{width:18%;float: left;color:#fff;text-align: center;height:100%;padding-top: 1%;}
#footer .footer_part2{width:38%;float: left;height:100%;padding-top: 1%;}
#footer .footer_part3{width:26%;float: left;height:100%;text-align: center;padding-top: 1%;}
#footer .footer_part4{width:18%;float: left;height:100%;text-align: center;padding-top: 1%;}
#client_deal_detail{ margin: auto;
                     width:100%;
                     height:auto;
                     color:#000;
                     font-family:American Typewriter; -webkit-box-shadow: 0 0 1px 1px #ccc inset;
                     -moz-box-shadow: 0 0 1px 1px #ccc inset;
                     box-shadow: 0 0 1px 1px #ccc inset;
                     background: #778899;
}

.client_detail{height:80px;}
#client_deal_detail .top_detail_column{float: left;width:15%;}
#hidden_msg,#location_hidden_msg,#Confirm_Msg
{
    visibility: hidden; height: auto; width: 350px; background-color:#E0E0E0 ;text-align: center;
    border-radius: 10px;padding: 1em;position:fixed;left: 50%;top:50%;border: 2px solid #3300ff; z-index: 99999;
}
.sadbhav_notes{ width: 100%; height: 70px; }
#ERR{color:#000;background: coral; width:100%;height:auto;margin: 1px;-webkit-box-shadow: 0 0 1px 1px #ccc inset;
     -moz-box-shadow: 0 0 1px 1px #ccc inset;
     box-shadow: 0 0 1px 1px #ccc inset;}
#INFO{color:#000;background: #79EA7F; width:100%;height:auto;margin: 1px; border-radius: 5px;-webkit-box-shadow: 0 0 1px 1px #ccc inset;
      -moz-box-shadow: 0 0 1px 1px #ccc inset;
      box-shadow: 0 0 1px 1px #ccc inset;}
#WARN{color:#000;background: #F3FF79; width:100%;height:auto;margin: 1px;-webkit-box-shadow: 0 0 1px 1px #ccc inset;
      -moz-box-shadow: 0 0 1px 1px #ccc inset;
      box-shadow: 0 0 1px 1px #ccc inset;}
.button{
    -moz-box-shadow: 3px 3px 4px 0px #bbdaf7;
    -webkit-box-shadow: 3px 3px 4px 0px #bbdaf7;
    box-shadow: 3px 3px 4px 0px #bbdaf7;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
    background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
    background-color:#79bbff;
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
    border-radius:9px;
    border:1px solid #84bbf3;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:American Typewriter;
    font-size:13px;
    padding:2px 14px;
    text-decoration:none;
    text-shadow:3px -1px 5px #528ecc;
}
.button:hover{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
    background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
    background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
    background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
    background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
    background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
    background-color:#378de5;

}
.button:active{
    position:relative;
    top:1px;
}
.button_deflt{
    -moz-box-shadow: 3px 3px 4px 0px #3dc21b;
    -webkit-box-shadow: 3px 3px 4px 0px #3dc21b;
    box-shadow: 3px 3px 4px 0px #3dc21b;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7ed695), color-stop(1, #4fab1d));
    background:-moz-linear-gradient(top, #7ed695 5%, #4fab1d 100%);
    background:-webkit-linear-gradient(top, #7ed695 5%, #4fab1d 100%);
    background:-o-linear-gradient(top, #7ed695 5%, #4fab1d 100%);
    background:-ms-linear-gradient(top, #7ed695 5%, #4fab1d 100%);
    background:linear-gradient(to bottom, #7ed695 5%, #4fab1d 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ed695', endColorstr='#4fab1d',GradientType=0);
    background-color:#7ed695;
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
    border-radius:9px;
    border:1px solid #18ab29;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:American Typewriter;
    font-size:13px;
    padding:1px 10px;
    text-decoration:none;
    text-shadow:3px -1px 5px #2f6627;
    
}
.button_deflt:hover{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4fab1d), color-stop(1, #7ed695));
    background:-moz-linear-gradient(top, #4fab1d 5%, #7ed695 100%);
    background:-webkit-linear-gradient(top, #4fab1d 5%, #7ed695 100%);
    background:-o-linear-gradient(top, #4fab1d 5%, #7ed695 100%);
    background:-ms-linear-gradient(top, #4fab1d 5%, #7ed695 100%);
    background:linear-gradient(to bottom, #4fab1d 5%, #7ed695 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fab1d', endColorstr='#7ed695',GradientType=0);
    background-color:#4fab1d;

}
.button_deflt:active{
    position:relative;
    top:1px;
}

.screen_summery{margin-bottom: 10px;background: #CCCC99 ;padding:5px; text-align: center; font-weight: bold;font-family:American Typewriter; font-size:13px;border:1px solid #79bbff}

#ui-datepicker-div, .ui-datepicker{ font-size: 15px; }


.field_lbl_reg
{
    color:blue;
    font-size: 15px;
}
.field_lbl_read
{
    color:#A8A8A8 ;
    font-size: 15px;

}

.text_normal_upr_req
{
    text-transform: uppercase; 
    color:#990000;
    background-color: #fffec2;
    font-family:American Typewriter;
}

.text_normal_nonupr_req
{
    font-family:American Typewriter;;
    color:#990000;background-color: #fffec2;
}

.text_normal_upr_nonreq
{
    text-transform: uppercase; 
    color:#990000;
    font-family:American Typewriter;;
}

.text_normal_nonupr_nonreq
{
    color:#990000;
    font-family:American Typewriter;;
}

.text_normal_upr_pref
{
    text-transform: uppercase; 
    color:#990000;
    background-color: #d9ffff;
    font-family:American Typewriter;;
}

.text_normal_nonupr_pref
{
    color:#990000;
    background-color: #d9ffff;
    font-family:American Typewriter;;
}

.section_header
{
    background-color: #B0E0E6 ;
    color:#000;
}

.RegularText
{
    font-family:American Typewriter;;
}

#HG{color: white;background: #A00000  ;


    border: 1px solid black;
    padding:5px;
font-size: 13px;
}
#AC{color: white;background: #006600;

    border: 1px solid black;
    padding:1%;
    margin-top: 1.5%;
}
#DL{color: white;background: #A8A8A8;

    border: 1px solid black;
    padding:1%;
    margin-top: 1.5%;
}
#HT{ color:white; background: red;
     -webkit-animation-name: blink;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-timing-function: cubic-bezier(1.0, 0, 0, 1.0);
     -webkit-animation-duration: 1s;
     padding: 0.2em;
}
#inactive{color:#ccc;background: #999;border:2px solid #333;}
#inactive:hover{color:#ccc;background: #999;;border:2px solid #333;}

.PopBox{
    position:absolute; display: none;  top: 13%;    left: 10%; width: 80%;
    padding:0px;
    background-color:#A8A8A8 ;
    border-radius: 5px;
    border: 2px solid black;
    color: #F0F8FF; 



}
#agent_city
{
    border: 1px solid black;

    height: auto;
    width:100%;
    display: none;

}


.initial_hidden
{
    display:none;
}
.table_header,.table_header a{
    background-color: #CAE8EA;
    color:#000000; 
    letter-spacing: 1px;


}
.table_data{
    background-color: #E0E0E0 ;

}
table { border-collapse: collapse; }
.odd_rows{
    background-color: #F5FBFB  ;
    font-size: 15px;
    color:#506B74;
    -webkit-transition: background 0.3s linear;
        -moz-transition: background 0.3s linear;
        -ms-transition: background 0.3s linear;
        -o-transition: background 0.3s linear;
        transition: background 0.3s linear;
        cursor: pointer;
    
}

.odd_rows:hover{
    background-color: #B0C4DE;
    color:#000;
}
.even_rows{
    background-color:#FFFFFF ;
    font-size: 15px;
    color:#506B74;
    -webkit-transition: background 0.3s linear;
        -moz-transition: background 0.3s linear;
        -ms-transition: background 0.3s linear;
        -o-transition: background 0.3s linear;
        transition: background 0.3s linear;
        cursor: pointer;
   


}
.even_rows:hover{
    background-color:#B0C4DE;
    color:#000;

}

.PN{
    color:#F0F8FF; height: 25px; width:auto; background-color:#990000; 
    border: 1px solid black; text-decoration: none;
}
.CMPT
{
    color:#F0F8FF; height: 25px; width:auto; background-color:#A8A8A8 ; 
    border: 1px solid black; text-decoration: none;
}
.WT
{
    color:#F0F8FF; height: 25px; width:auto; background-color:#A8A8A8 ;  
    border: 1px solid black; text-decoration: none;
}
.PSPND
{
    color:#F0F8FF; height: 25px; width:auto; background-color:#A8A8A8 ;  
    border: 1px solid black; text-decoration: none;
}
.TRMNT
{
    color:#F0F8FF; height: 25px; width:auto; background-color:#A8A8A8 ;  
    border: 1px solid black; text-decoration: none;
}
.status{
    background-color:#A8A8A8 ; border: 1px solid black; border-radius: 3px; color:white;
}

#overlay {
    visibility: hidden;
    position: fixed;
    left: 0;
    top: 0;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 1000;

}


#overlay div {
    width:150px;
    margin: 100px auto;
    background-color: #000;
    border-radius: 5px;
    padding:15px;
    text-align:center;
    color:white;
    position:fixed;left: 40%;top:35%;
    opacity: .80;

}
#image_upload_tag{
    height:200px;

    text-align: center;
}
.upload_photo_top_div{
    height:10px;
}
.img_dsc_area{
    height: 100px;
    width: 300px;
}
.img_desc{
    color:#66ccff;
    width: 100%;
    height: auto;
    background: #A8A8A8 ;
}
.apple-rss-single-line-mode .apple-rss-subject
{
    font-size: 15px !important;
    letter-spacing: 0.06em !important;
}

.apple-rss-multi-line-mode .apple-rss-subject
{
    letter-spacing: 0.06em !important;
}
#main_left #sidebar{
    padding: 2% 1% 1% 1%;
    background: #000;
    width:98%;
    height: auto;
    float: right;
    -webkit-box-shadow: 1px 1px 1px 1px #ccc inset;
     -moz-box-shadow: 1px 1px 1px 1px #ccc inset;
     box-shadow: 1px 1px 1px 1px #ccc inset;
     font-size: 10px;
}

.sidebar_div1{width:100%;color:#000; margin-bottom:20px;}
.sidebar_div1 td{color:white;font-size: 10px;}
.recent_client{margin-left: 100px;color:#fff;float: left}
.recent_client a{color:CCCC99;}
form {
    margin-bottom: 0em;
}

#NRML_MSG{
    background: #f8f8f8;
    padding: 0.2em;
    color:#000;
    font-size: 15px;
}

@-webkit-keyframes blink {
    from {
        opacity: 1.0;
    }
    to {
        opacity: 0.0;
    }
}
#URGNT_MSG {
     font-size: 15px;
    background: red;
    -webkit-animation-name: blink;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(1.0, 0, 0, 1.0);
    -webkit-animation-duration: 1s;
    padding: 0.2em;


}
#NEW_MSG{background: red;

         padding: 0.2em;}

.flash_msg{
    font-size:13px;
    width:99%;
    margin: .1em;
}

#popDiv{z-index: 99999;}
.ontop {
    z-index: 999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    position: fixed;				
    background-color: #333333;
    color: #aaaaaa;
    opacity: 1.0;

}


.popup {
    padding:1% 1% 1% 1%;
    width: 80%;
    height: auto;
    position: absolute;
    color: #000000;
    background-color: #F0F8FF;
    /* To align popup window at the center of screen*/
    top: 2%;
    right: 4%;
    margin-left: -150px;
}
.unread_msg{border:2px solid black;overflow: auto;width:98%; color:#fff;padding:1% 1% 1% 1%;background: #A8A8A8 ;height:500px;}
#main_left .flash_msg .popup a{color:#000;margin-right: 5%;}
.reply{ border: 1px solid #000;margin: 1% 1% 1% 1%;background: #ccc;display:block;}
.unread_msg .messages{border:1px solid #000;margin-bottom: 1%;padding:1% 1% 1% 1%;width:auto;background: #fff;color:#000;height:auto;}
.messages a{color:#000;}
.unread_user{color:red;}
.read_user{color:#006600}
#sent_arch_msg,#bucket_data{border:2px solid black;overflow: auto;width:98%; color:#fff;padding:0 1% 1% 1%;background: #A8A8A8 ;height:500px;}
.flash_msg_sent_arch{font-size:13px;
                     width:98%;
                     background: #4C2828;;

                     border-bottom: 2px solid #000000;
                     padding:1%;
                     margin-top: 1%;

}
.flash_msg_sent_arch:hover{
    font-size:13px;
    width:98%;


}
#buj_in_words{width:12em;height:auto;}
.email_message{color: #00ff66;height:1em;}

.online_user{color:lightgreen;border-color: #006600;}
.offline_user{color:#A8A8A8 ;}
.location_pn{background: coral;}
#locations{width:100%;}
#del_rep_sts{z-index: 9999;display:none;position:fixed;top:40%;left:50%;height:auto;width:28em; background: #A8A8A8 ;border: 2px solid black;color:white;padding:1em;}
#message_location{color:#006600;text-align: center;height:2em;}

#events{
   background-color: #F8F8F8;;
height: auto;
padding:7px;
-webkit-box-shadow:0px 3px 5px #cacaca;
-moz-box-shadow:0px 3px 5px #cacaca;
box-shadow:0px 3px 5px #cacaca;
font-size: 13px;
  margin-top: 2px;
  -webkit-transition: background 0.3s linear;
        -moz-transition: background 0.3s linear;
        -ms-transition: background 0.3s linear;
        -o-transition: background 0.3s linear;
        transition: background 0.3s linear;
        cursor: pointer;
}
#events:hover{background-color: #ccc;;}
.event_note1,.event_note2{background: #ccc;
            height:auto;
            width:150px;
            z-index: 100000;
            padding: 10px;
            display: none;
            border: 1px solid #000;
-webkit-box-shadow:0px 3px 5px #cacaca;
-moz-box-shadow:0px 3px 5px #cacaca;
box-shadow:0px 3px 5px #cacaca;
border-radius: 5px;
position: absolute;


}
.event_note1{margin-left: 100px;
}


.event_note2{margin-left: -175px;}
#bucket_div{
    border:2px solid #F8F8F8;background: #F8F8F8 ;height:auto; width:28em;padding:1em;position: absolute
}
#bucket_div a{background: #A8A8A8 ;font-size: 15px;}
.buckets{
    height: auto;width: 98%;
    padding: .6em;
}
.buckets .bucket_name{
    float: left;
    font-size:13px;
    width:85%;
    color:#000; height: auto; width:82%; background-color: #CCCC99;;
    border-radius: 3px; border: 1px solid #3300ff; text-decoration: none;font-family:American Typewriter;
    margin-bottom: .3em;
    cursor: pointer;
}

.updt_clmn{background: #4C2828;;color: white}



.example{height:auto;
         display: none;
         width:10em;
         border-radius: 3px;
         border: 1px solid #000;
         position:  absolute;
         color:#000;
         background: #F3FF79;
         margin-right:8.5em }
.in_words{height:auto;
          display: none;
          width:10em;
          border-radius: 3px;
          border: 1px solid #000;
          position:  absolute;
          color:#000;
          background: skyblue;
          margin-left:10em}

.new_token_msg{height:90%;width:48%;overflow: auto;border: 2px solid white;float: left;}
#push_deal_form{display: none; height: auto; width: auto; background-color:#E0E0E0 ;
                border-radius: 10px;padding: 1em;border: 2px solid #3300ff;
}

#login{
    height:auto;
    width:300px;
    border: 1px solid #333;
    
    background: #fff;
    color:white;
    left:35%;
    top:30%;
    
    
    position: absolute;
    text-align: center;
    padding:10px;;
    border-radius:7px;
    -webkit-box-shadow: 0 0 1px 1px #ccc inset;
    -moz-box-shadow: 0 0 1px 1px #ccc inset;
    box-shadow: 0 0 1px 1px #ccc inset;
}



.bucket_by_user{width:30%;height:48%;overflow: auto;border: 1px solid #fff;float: left;margin: .3em;padding-left: .5em;padding-right: .5em;}

.bucket_by_user_bucket_name{background: #4C2828;;padding: .5em;margin-bottom: .3em;}


.paginate {
    padding: 0px;
    margin: 0px;
    height: 30px;
    display: block;
    text-align: center;
}
.paginate li {
    display: inline-block;
    list-style: none;
    padding: 0px;
    margin-right: 1px;
    width: 30px;
    text-align: center;
    background: #4CC2AF;
    line-height: 25px;
}
.paginate .active {
    display: inline-block;
    list-style: none;
    padding: 0px;
    margin-right: 1px;
    width: 30px;
    text-align: center;
    line-height: 25px;
    background-color: #666666;
}
.paginate li a{
    color:#FFFFFF;
    text-decoration:none;
}
.page_result{
    padding: 0px;
}
.page_result li{
    background: #E4E4E4;
    margin-bottom: 5px;
    padding: 10px;
    font-size: 15px;
    list-style: none;
}
.page_result .page_name {
    font-size: 15px;
    margin-right: 5px;
}

.uploaded_photo{width:60%;margin: auto;text-align: center;margin-bottom: 5px;}
.uploaded_photo1,.uploaded_photo2,.uploaded_photo3{width:33%;height:150px;float: left;padding: 7px;}
.uploaded_photo2 img{height:100%;width:100%}

.heighlight{
    background: rgba(255, 230, 0, 0.5);
    display:inline-block;
}

ul{
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
}
#view_phone{
    padding: 5px;
    border-radius:3px;
      box-shadow:-1px 0px 0px rgba(0,0,0,0.15);
      position: absolute;;display: none;
      background: #CCCC99;
      border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;text-align: left;
}
#view_deal_detail{ padding: 5px;
    border-radius:3px;
      box-shadow:-1px 0px 0px rgba(0,0,0,0.15);
      position: absolute;;display: none;
      background: #CCCC99;
      border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;text-align: left;}
.tabs {
    width:100%;
    display:inline-block;
    

}
/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {
    display:block;
    clear:both;
    content:'';
}
.tab-links li {
    margin:1px 1px -1px 0px;
    float:left;
    list-style:none;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
     border-radius:3px;
      box-shadow:-1px 0px 0px rgba(0,0,0,0.15);
      
}

.tab-links a {
    padding:5px 10px;
    display:inline-block;
    border-radius:3px 3px 0px 0px;
    background:#CCCC99;
    font-size:13px;
    font-weight:200;
    color:#000;
    transition:all linear 0.15s;
    text-decoration: none;

}

.tab-links a:hover {
    background:#fff;
    text-decoration:none;
}

li.active a, li.active a:hover {
    color:#000;
    background: #fff;
    font-weight: bold;
}

.tab-content {
background: #fff;
      border-radius:3px;
      box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
      border: 1px solid #999;
}

.tab {
    display:none;
}

.tab.active {
    display:block;
}
.tab{ padding: 10px;margin-bottom: 30px;}




.container-4:hover button.icon, .container-4:active button.icon, .container-4:focus button.icon{
    outline: none;
    opacity: 1;
    margin-left: -50px;
  }
 
  .container-4:hover button.icon:hover{
    background: white;
  }