@charset "UTF-8";
/* CSS Document */

.top_menu { 
    text-align:center; 
    display:block;

}

.top_menu div { 
    display:table-cell;
    vertical-align:bottom;

}

@media screen and (max-width: 1000px) {
    .top_menu div { 
        display:block;
        vertical-align:bottom;
        line-height: 40px;

    }
}

@media screen and (max-width:760px) {
    .top_menu div { 
        display:inline-block;
        vertical-align:bottom;
    } 
    .top_menu div:last-child  { 
        display:none;

    }
}


.top_menu img{ 
    height:50px; 
    position:relative;  
    top: 5px; 
    right:3px;  
    opacity: 50%;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    border-radius: 5px !important;

}
.top_menu img:hover { 
    opacity: 100%;
    background-color:rgba(242, 150, 57, 0.32);
}




.right_nav img{ 
    height:50px;
    position:relative; 
    top: 5px; 
    opacity: 50%;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    border-radius: 5px !important;
}
.right_nav img:hover { 
    opacity: 100%;
    background-color:rgba(242, 150, 57, 0.32);
}






.link_button,  .submitbtn { display:inline-table;  margin:10px 5px 10px 0px; padding: 7px 15px 7px 15px; 	font-family: 'avant_garde_medium', serif;  font-size:16px; line-height: 24px;  color:#ffffff; text-align:center; vertical-align: middle; cursor: pointer;   -moz-border-radius: 5px; -webkit-border-radius: 5px;  border-radius: 5px; border:0;  background-color:#696969; text-decoration:none;   }





/*   ADMIN MENU      ADMIN MENU      ADMIN MENU      ADMIN MENU      ADMIN MENU      ADMIN MENU      ADMIN MENU      ADMIN MENU   */
.admin_menu {
    z-index: 999;
    width:280px;
    background-color: #ffffff;
    display:none;
    position: absolute;
    padding:10px; 
    font-size: 16pt; font-family: 'avant_garde_book', serif; 	 line-height: 52px;	text-rendering: optimizeLegibility ;
    -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; border: 1px solid #696969;   
}

.admin_menu div { padding: 0px 10px;   }
.admin_menu div:hover { background-color: #f29639;  }


.admin_menu a { text-decoration: none; }
.admin_menu a:hover { text-decoration: none; color:#000000; }


/*  END  ADMIN MENU      ADMIN MENU      ADMIN MENU      ADMIN MENU      ADMIN MENU      ADMIN MENU      ADMIN MENU      ADMIN MENU   */



/*   GRID      GRID      GRID      GRID      GRID      GRID      GRID      GRID      GRID      GRID      GRID      GRID      GRID      GRID    */
.grid {  }
.grid-item { float: left; }
.fourth {   width: 25%; }

.fifths { width: 20%; }
.fifths:last-child{  text-align: right;  }

.third {   width: 33.3%; }
.half {    width: 50%; }
.two-thirds {    width: 66.6%; }
.three-fourths { width: 75%; }

.whole { width: 100%; max-width:1220px; margin:0px 0px 0px 0px; }
.whole_pad { min-width: 96%; max-width:1220px; margin:0px 0px 0px 0px; padding:2%;    overflow: hidden; }

@media ( max-width: 1250px) { 
    .whole { width: 98%; max-width: 98%; padding: 1%; margin:0px 0px 0px 0px; }
}

@media ( max-width: 1050px) { 
    .whole { width: 96%; max-width: 96%; padding: 2%; margin:0px 0px 0px 0px; }
}


@media screen and (max-width: 760px) {
    .fifths { width: 15%; }
    .fifths:last-child{  width:35%;   }
}

@media screen and (max-width: 980px) {
    .fourth { width: 100%; }
    .three-fourths { width: 100%; }
}

@media screen and (max-width: 780px) { 
    .third { width: 100%; }
    .two-thirds { width: 100%; }
}


@media ( max-width: 1020px) { 
    .half{ width: 96%; padding:0px 2% 0px 2%; }
    .half_right { width: 96%;  padding:0px 2% 0px 2%; }
    .half_left { width: 96%;  padding:0px 2% 0px 2%; }
    .half:first-child{ width: 96%; padding:0px 2% 0px 2%; }
    .half:last-child{ width: 96%; padding:0px 2% 0px 2%; }
}

/*   GRID      GRID      GRID      GRID      GRID      GRID      GRID      GRID      GRID      GRID      GRID      GRID      GRID      GRID    */




/*DASHBOARD     DASHBOARD    DASHBOARD     DASHBOARD    DASHBOARD     DASHBOARD    */


.mini_dashboard {
    display:flex;
    align-items: center; 
    justify-content: space-between;
    margin:10px 10px 10px 0px;
    padding:10px ;
}

.mini_dashboard img {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    border-radius: 5px !important;
}
.mini_dashboard img:hover {
    opacity: 100%;
    background-color:rgba(242, 150, 57, 0.32);
}

.dashboard_container {
    width:100%;   
    margin:0px 0px 0px 0px;    
    cursor: url('mouse-cursor.png') 22 15, pointer;	 
}



.dashboard {
    display:flex;
    align-items: center; 
    justify-content: space-between;
    margin:10px 10px 10px 0px;
    padding:10px ;
    border:1px #000000 solid;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    border-radius: 5px !important;
}

@media screen and (max-width: 780px) { 
    .dashboard {   margin:10px 0px 10px 0px; }

}

.dashboard div {
    width:15% ;
    justify-content: flex-end;  
}

.dashboard div:first-child {
    width:200px;   
    justify-content: flex-start;  
}

.dashboard img {
    height:80px;   
    opacity: 50%;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    border-radius: 5px !important;
}

@media screen and (max-width: 1025px) { 

    .dashboard div:first-child {
        width:150px;   
    }
}

@media screen and (max-width: 780px) { 
    .dashboard img {
        height:40px;   
    }
    .dashboard div {
        width:21% ;
        justify-content: flex-start;  

    }

}




.dashboard img:hover {
    opacity: 100%;
    background-color:rgba(242, 150, 57, 0.32);

}


@media screen and (max-width: 850px) {
    .dashboard img {
        height:70px;   
    }
}
@media screen and (max-width: 780px) {
    .dashboard img {
        height:80px;   
    }
}
@media screen and (max-width: 580px) {
    .dashboard img {
        height:60px;   
    }
}



.dashboard_right_container {
    border:1px #000000 solid;
    margin:10px 0px 10px 0px; 
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    border-radius: 5px !important;
}

.dashboard_right {
    padding:10px;
    display:flex;
    align-items: center; 
    justify-content: space-between;

    font-family: 'avant_garde_medium', serif;  
    font-size:16px; 
    line-height: 24px;  
    color:#696969;
}

.dashboard_right img {
    height:80px;
    border:1px #000000 solid;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    border-radius: 5px !important;
}
@media screen and (max-width: 850px) {
    .dashboard_right img {
        height:70px;   

    }
}

.dashboard_right div:first-child {
    width:100px;
    justify-content: flex-start;  
}
.dashboard_right div:last-child {
    width:calc( 100% - 100px );
    justify-content: flex-start;  
}







.short_trans_list_2  {
    display:flex;
    align-items:flex-start; 
    border-bottom:1px solid #000000;
}
.short_trans_list_2 div {
    padding:5px 5px 5px 5px;
    align-items:flex-start; 

}
.short_trans_list_2 div:first-child {
    width:16%;
}
.short_trans_list_2 div:last-child {
    width:80%;
}







.short_trans_list  {
    display:flex;
    align-items:flex-start; 
    border-bottom:1px solid #000000;
}
.short_trans_list div {
    padding:5px 5px 5px 5px;
    align-items:flex-start; 

}
.short_trans_list div:first-child {
    width:20%;
}
.short_trans_list div:nth-child(2) {
    width:45%;
}
.short_trans_list div:nth-child(3) {
    width:15%;
}
.short_trans_list div:nth-child(4) {
    width:15%;
}
.short_trans_list div:last-child {
    text-align: right;
}

@media screen and (max-width: 780px) { 
    .short_trans_list  {
        display:block;
    }
    .short_trans_list div:first-child {
        width:100%;
    }
    .short_trans_list div:nth-child(2) {
        width:100%;
    }
    .short_trans_list div:nth-child(3) {
        width:100%;
    }
    .short_trans_list div:nth-child(4) {
        width:100%;
    }
    .short_trans_list div:last-child {
        text-align: left;
    }
}


/* END DASHBOARD     DASHBOARD    DASHBOARD     DASHBOARD    DASHBOARD     DASHBOARD    */


/*  /////// em_propert ///////// /////// em_propert ///////// /////// em_propert ///////// /////// em_propert ///////// */

.em_propert {
    display:flex;
    justify-content:flex-start;

    margin:-10px 0px 0px 0px;
    /*    padding:10px ;*/
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    border-radius: 5px !important;
}

@media screen and (max-width: 780px) { 
    .em_propert {   margin:10px 0px 10px 0px; }
}

.em_propert div {
    justify-content: flex-start;  
}

.em_propert div:first-child {
    width:calc( 100% - 100px );
}
.em_propert div:last-child {
    width:100px;
}



.em_propert img {
    height:80px;   
    opacity: 50%;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    border-radius: 5px !important;
}
.em_propert img:hover {
    opacity: 100%;
    background-color:rgba(242, 150, 57, 0.32);
}


@media screen and (max-width: 780px) { 
    .em_propert img {
        height:40px;   
    }
    .em_propert div {
        /*        width:21% ;*/
        justify-content: flex-start;  

    }
}



@media screen and (max-width: 850px) {
    .em_propert img {
        height:70px;   
    }
}
@media screen and (max-width: 780px) {
    .em_propert img {
        height:80px;   
    }
}
@media screen and (max-width: 580px) {
    .em_propert img {
        height:60px;   
    }
}





/*   //////// Action icons /////////    //////// Action icons /////////    //////// Action icons /////////    //////// Action icons /////////   */

.action_icons {
    display:flex;
    /*    align-items: center; */
    justify-content:flex-end;
    margin:10px 10px 10px 0px;
    padding:10px ;
    /*    border:1px #000000 solid;*/
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    border-radius: 5px !important;
}

@media screen and (max-width: 780px) { 
    .action_icons {   margin:10px 0px 10px 0px; }
}

.action_icons div {
    justify-content: flex-end;  
}


.action_icons img {
    height:80px;   
    opacity: 50%;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    border-radius: 5px !important;
}
@media screen and (max-width: 780px) { 
    .action_icons img {
        height:40px;   
    }
    .action_icons div {
        width:21% ;
        justify-content: flex-start;  

    }

}

.action_icons img:hover {
    opacity: 100%;
    background-color:rgba(242, 150, 57, 0.32);
}


@media screen and (max-width: 850px) {
    .action_icons img {
        height:70px;   
    }
}
@media screen and (max-width: 780px) {
    .action_icons img {
        height:80px;   
    }
}
@media screen and (max-width: 580px) {
    .action_icons img {
        height:60px;   
    }
}



/*   //////// ENDS Action icons /////////    //////// Action icons /////////    //////// Action icons /////////    //////// Action icons /////////   */








/*////// table_rows /////   ////// table_rows /////   ////// table_rows /////   ////// table_rows /////   */

/*
#006d3b
#f29639
*/
.table_rows {
    display: block;

}
.table_rows div {
    display:flex;
    justify-content: space-between;
    text-align:left;
    border-bottom:#696969 solid 1px;
}



.table_rows div div {
    text-align:left;
    padding:5px;
    border-bottom:0px;
}
.table_rows div div:first-child {
    width:10%
}
.table_rows div div:nth-child(2) {
    width:20%;   
}
.table_rows div div:nth-child(3) {
    width:15%;   
}
.table_rows div div:nth-child(4) {
    width:15%;   
}
.table_rows div div:nth-child(5) {
    width:50%;   
}

@media screen and (max-width:1000px) {

    .table_rows div {
        display:block;
        border-bottom:#000000 solid 1px;
    }
    .table_rows div div {

    }
}











.table_rows2 {
    display: block;

}
.table_rows2 div {
    display:flex;
    justify-content: space-between;
    text-align:left;
    border-bottom:#696969 solid 1px;
}



.table_rows2 div div {
    text-align:left;
    padding:5px;
    border-bottom:0px;
}
.table_rows2 div div:first-child {
    width:30%
}
.table_rows2 div div:nth-child(2) {
    width:15%;   
}
.table_rows2 div div:nth-child(3) {
    width:15%;   
}
.table_rows2 div div:nth-child(4) {
    width:15%;   
}
.table_rows2 div div:nth-child(5) {
    width:15%;   
}

@media screen and (max-width:1000px) {

    .table_rows2 div {
        display:block;
        border-bottom:#000000 solid 1px;
    }
    .table_rows2 div div {

    }
}








/*////// ENDS  table_rows /////   ////// table_rows /////   ////// table_rows /////   ////// table_rows /////   */



/*
#006d3b
#f29639

rgba(0, 109, 59, 0.41)
rgba(242, 150, 57, 0.43)

*/


.records10col {
    display: block;
    font-size:14px;

}
.records10col div {
    display:flex;
    justify-content: space-between;
    text-align:left;
    border-bottom:#000000 solid 1px;
    /*    border-left:#000000 solid 1px;*/
    color:#000000;
    font-weight: bolder;
}



.records10col div div {
    text-align:left;
    padding:5px;
    border-bottom:0px;
    border-left:#000000 solid 1px;

}
.records10col div div:first-child {
    width:2%; max-width: :2%;
}
.records10col div div:nth-child(2) {
    width:5%;     max-width:5%;   
}
.records10col div div:nth-child(3) {
    width:20%;    max-width:20%;   
}
.records10col div div:nth-child(4) {
    width:20%;     max-width:20%;   
}
.records10col div div:nth-child(5) {
    width:20%;     max-width:20%;   
}
.records10col div div:nth-child(6) {
    width:10%;     max-width:10%;   
}
.records10col div div:nth-child(7) {
    width:10%;      max-width:10%;   
}
.records10col div div:nth-child(8) {
    width:10%;      max-width:10%;   
}
.records10col div div:nth-child(9) {
    width:10%;    max-width:5%;   
}
/*
.records10col div div:nth-child(10) {
width:5%;    max-width:5%;   
}
*/

@media screen and (max-width:1000px) {

    .records10col div div {
        display:block;
        /*        border-bottom:#000000 solid 1px;*/
    }

}


.header_row {
    text-align: left;   
    color:red;
}
.header_row  p{
    text-align: left;   
}


/*  BACKROOM CRUD LIST SYSTEM   BACKROOM CRUD LIST SYSTEM   BACKROOM CRUD LIST SYSTEM */


.backroom_top {	width:96%; padding: 0px 1% 0px 1%;	margin:0px 0px 0px 0px; text-align:left;  list-style:none;	list-style-type:none; text-align:left; }
.backroom_top ul{	display:table-row;  list-style:none;	list-style-type:none; }
.backroom_top li {	display:table-cell; list-style:none;	list-style-type:none; padding:0px 20px 0px 20px; border-right:1px solid #696969; }
.backroom_top li:last-child {	 border-right:0px; }
.backroom_top li:first-child {	padding:0px 20px 0px 0px; }

@media screen and (max-width: 500px) {
    .backroom_top li{	display:block;  border-right:0px;  border-bottom:1px solid #696969; }
    .backroom_top li:last-child {	 border-bottom:0px; }
}



#backroom_list{ width:100%; padding: 0px; margin:0px 0px 0px 0px; text-align:left; float: left; }
#backroom_list ul { display:table; table-layout: fixed;  padding:0px; margin:0px; width:100%;  }
#backroom_list li { display: table-cell;  text-align:left; list-style:none; list-style-type:none; padding:8px 8px 8px 8px; vertical-align: middle; }
#backroom_list img { width:60px; }

#backroom_list_draggable {	width:99%; 	 padding:0px; margin:0px; text-align:left; float: left; }   /*  background-color:#0f0;  */
#backroom_list_draggable ul{ padding:0px; margin:0px; height:35px;  }
#backroom_list_draggable li{  text-align:left; list-style:none;	list-style-type:none; font-size: 16px; color:#000000; } 

#backroom_list_draggable ol { display:table; table-layout: fixed; width:100%;  }
#backroom_list_draggable li li { display:table-cell;  text-align:left; list-style:none;	list-style-type:none; overflow-x: hidden; padding:5px 15px 5px 5px; }

#backroom_list_draggable_responce { top:0px; left:0px; position:fixed; padding: 10%;  display:none;  color:#ffffff; text-align:center; background-color:rgba(0,0,0,0.8);  width:80%; height:100%;  text-align: center; z-index:20;  }



#backroom_list_head{ width:99%; padding:0px; margin:0px; text-align:left; float: left; }
#backroom_list_head ul { padding:0px; margin:0px; height:35px;  }
#backroom_list_head ol { padding:0px; margin:0px; display:table; table-layout: fixed; width:100%;height:35px;    }
#backroom_list_head li { text-align:left; list-style:none;	list-style-type:none; color:#000000; font-size: 16px; }

#backroom_list_head ol ul { padding:0px; margin:0px; display:table; table-layout: fixed; width:100%; color:#000000; }
#backroom_list_head ol li { display:table-cell;  text-align:left; list-style:none;	list-style-type:none; overflow-x: hidden; padding:5px 15px 5px 5px;  }



#backroom_list_draggable_assets {	width:99%; 	 margin:30px 0px 0px 0px; text-align:left; float: left; }   /*  background-color:#0f0;  */
#backroom_list_draggable_assets  ul{ padding:0px; margin:0px; }
#backroom_list_draggable_assets  li{  text-align:left; list-style:none;	list-style-type:none; font-size: 14px; } 
#backroom_list_draggable_assets td {font-size:14px; }


/*  BACKROOM CRUD LIST SYSTEM   BACKROOM CRUD LIST SYSTEM   BACKROOM CRUD LIST SYSTEM */




#rollover {
    position: absolute;
    transform: translate(-50%, -50%);
    opacity: 1;
    width:200px;
    height:auto;
    background-color: #ffffff;
    z-index: 2000;
    margin:10px 10px 10px 0px;
    padding:10px ;
    border:1px #000000 solid;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    border-radius: 5px !important;
    font-family: "avant_garde_book",Helvetica,Arial,sans-serif;  
    font-size:18px; 
    line-height: 24px; 
    color: #000000;
    text-align: center;
    vertical-align: middle;
}







/*DRAG AND DROP DRAG AND DROP DRAG AND DROP DRAG AND DROP  agent_grid*/


.presentation_icon ul {
    padding: 0;
    margin-left:0px; 
    list-style-type: none;
}
.presentation_icon ul li {  
    list-style-type: none; 
    list-style:none; 
    list-style-position:inside; 
    margin-left:0px; 

}

.presentation_icon li { 
    float:left; 
    width:160px; 
    height:200px; 
    padding:18px;
    list-style-type: none; 
    list-style:none; 
    text-align: center;
    font-family: 'avant_garde_medium', serif;  
    font-size:14px; 
    line-height: 20px;  
    color:#696969;
    text-align: center;
    overflow: hidden;
}

.agent_grid {
    width:160px;
    height:160px;
    padding:5px;


    border:1px #000000 solid;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    border-radius: 5px !important;
}


.agent_grid img {
    max-height:150px;
    max-width:150px;

}



@media screen and (max-width:1025px) {

    .presentation_icon li { 
        width:140px; 
        height:200px; 
        padding:18px;
        overflow: hidden;
    }

    .agent_grid {
        width:140px;
        height:140px;
        padding:5px;
        font-size:12px; 
        line-height: 16px;  

    }

    .agent_grid img {
        max-height:130px;
        max-width:130px;
    }
}

@media screen and (max-width:555px) {
    .presentation_icon li { 
        width:90px; 
        height:150px; 
        padding:8px;
        font-size:11px; 
        line-height: 14px;  
        overflow: hidden;
    }

    .agent_grid {
        width:90px;
        height:90px;
        padding:3px;

    }

    .agent_grid img {
        max-height:80px;
        max-width:80px;
    }

}












.strikethrough {
    position: relative; 
    /*    border-color: 1px solid crimson;*/
}
.strikethrough:before {
    position: absolute;
    content: "";
    left: 0;
    top: calc( 50% - 20px );
    right: 0;
    border-top: 20px solid;
    border-color: crimson;

    /*
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
    */
}
.strikethrough img{
    /*    opacity: .5;*/
}


#backroom_list_draggable_responce { top:0px; left:0px; position:fixed; padding: 10%;  display:none;  color:#ffffff; text-align:center; background-color:rgba(0,0,0,0.8);  width:80%; height:100%;  text-align: center; z-index:12000;  }



.fit_me {
    display: block;
}
.fit_me img {
/*    max-width:400px;*/
    width:100%;
}

.mm_left{
    display:inline-block;
    width: calc( 50% - 30px );
    float:left;
    padding:20px;
}
.mm_right{ 
    display:inline-block;
/*     width: calc( 50% - 30px );*/
    padding:20px;
}