/*--------------------Font----------------------------*/
@font-face
{
    font-family:'futura_t_otbold';
    src:url('../fonts/futuratot-bold-webfont.eot');
    src:url('../fonts/futuratot-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/futuratot-bold-webfont.woff') format('woff'),
        url('../fonts/futuratot-bold-webfont.ttf') format('truetype'),
        url('../fonts/futuratot-bold-webfont.svg#futura_t_otbold') format('svg');
    font-weight:lighter;
    font-style:normal;
    -webkit-text-size-adjust:100%
}

@font-face
{
    font-family:'futura_t_otregular';
    src:url('../fonts/futuratot-book-webfont.eot');
    src:url('../fonts/futuratot-book-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/futuratot-book-webfont.woff') format('woff'),
        url('../fonts/futuratot-book-webfont.ttf') format('truetype'),
        url('../fonts/futuratot-book-webfont.svg#futura_t_otregular') format('svg');
    font-weight:normal;
    font-style:normal
}

@font-face
{
    font-family:'futura_t_otdemi';
    src:url('../fonts/futuratot-demi-webfont.eot');
    src:url('../fonts/futuratot-demi-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/futuratot-demi-webfont.woff') format('woff'),
        url('../fonts/futuratot-demi-webfont.ttf') format('truetype'),
        url('../fonts/futuratot-demi-webfont.svg#futura_t_otdemi') format('svg');
    font-weight:normal;
    font-style:normal
}
@font-face
{
    font-family:'futura_t_otmedium';
    src:url('../fonts/futuratot-medi-webfont.eot');
    src:url('../fonts/futuratot-medi-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/futuratot-medi-webfont.woff') format('woff'),
        url('../fonts/futuratot-medi-webfont.ttf') format('truetype'),
        url('../fonts/futuratot-medi-webfont.svg#futura_t_otmedium') format('svg');
    font-weight:normal;
    font-style:normal
}

@font-face {
    font-family: 'stencil_regular';
    src: url('../fonts/36103_Stencil2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}


/* DEFAULTS
----------------------------------------------------------*/
html
{
    height:100%
    }

body 
{
    height:100%;
    /*background:#eaeaea url('../images/bg.gif') 50% 0;*/
    font-family:'futura_t_otdemi',serif;
    color:#818285;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p {
    margin-bottom: 10px !important;
    margin-top: 1em !important;
    line-height: 1.6em !important;
    font-size: 9.5pt !important;
}

.bold {
    font-weight: bold;
}

.border {
    border: 1px solid;
    padding: 8px;
}

.up{
    text-transform :uppercase!important;
}

.center{
    text-align:center!important;
}

.justify {
    text-align: justify !important;
}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 
{
    font-size: 1.5em !important;
    color: #888888 !important;
    /*font-variant: small-caps !important;*/
    text-transform: none !important;
    font-weight: 200 !important;
    margin-bottom: 0px !important;
}

h1 
{
    font-size: 1.6em !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

h2 
{
    font-size: 1.5em !important;
    font-weight: 600 !important;
}

h3 
{
    font-size: 1.2em !important;
}

h4 {
    font-family: Garamond,sans-serif;
    font-size: 25px !important;
    font-weight: bold !important;
    letter-spacing: -1px;
    margin: 0px !important;
}

h5, h6 
{
    font-size: 1em !important;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 
{
    margin-top: 0px !important;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.item-page {
    margin: auto;
    height: 100%;
    width: 100%;
    overflow: auto;
    display: table;
}

.page
{
    display:block;
    position:relative;
    margin:0 auto;
    width:100%;
    height:100%;
    background-color:white;
    /*webkit-box-shadow: 0 0 9px 2px rgba(0,0,0,0.2);
    moz-box-shadow: 0 0 9px 2px rgba(0,0,0,0.2);
    box-shadow: 0 0 9px 2px rgba(0,0,0,0.2);*/
}

#outercontainer {
    height: 100%;
    width: 100%;
}

.outercontainer-firstrowcell {
    height: 30px;
    padding: 0px;
}

.outercontainer-secondrowcell {
    padding: 0px;
    vertical-align: top;
}

.outercontainer-thirdrow {
    height: 5px;
}

.outercontainer-thirdrowcell {
    height: 5px;
    padding: 0px;
}

.container
{
    /*width: 100%;*/
    margin-left: auto;
    margin-right: auto;
}

.topheader
{
    position: relative;
    margin: 0px;
    padding: 0px;
    float:right;
    min-height:30px;
}

.main
{
    padding: 0px 12px;
    margin: 5px;
    height:100%;
    /*min-height: 350px !important;*/
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 0px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
    /*height:20px;*/
}


/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

.invisible {display: none;}

/* MISC  
----------------------------------------------------------*/
/*.float-left {
    float:left;
}

.float-right {
    float:right;
}

.display-inline-table {
    display:inline-table!important;
}*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}


/*------------------------Site.Master-------------------------------*/
.cf:before, .cf:after {content:" ";display:table}
.cf:after {clear:both}
.cf {*zoom:1}
.of_h {overflow:hidden;}

#main-header {
    display:none;
    height: 40px;
    background-color: #1461ed;
    /*background: url('../images/headpic.jpg') no-repeat 0 0;*/
    background-position: right;
}
#main-header .menu-left,
/*#main-header .menu-right {display:block;height:27px;float:left;}*/
#main-header .menu-left {width:88px;position:relative;}
/*#main-header .menu-right {width:200px;position:relative;}*/
.menu-right {
    float: right;
    position: relative;
    display: block;
    text-align: right;
    padding-right: 30px;
}

.main_header_logo {
    float: left;
    display: inline-block;
    position: relative;
    z-index: 101;
    background: url('../images/logo.png') no-repeat 0 0;
    width: 167px;
    height: 46px;
    margin-right: 23px;
    text-indent: -9999px;
    background-size: contain;
    max-height: 24px;
}
.main_menu_container {
    float: left;
    display: inline-block;
    position: relative;
    z-index: 100;
    width: 100%;
    height: 27px; 
    /*background-image:url('../../images/MenuBg.png');*/
    background-position: right;
    background-repeat: no-repeat;
}
/*.main_menu_container {float:left;display:inline-block;position:relative;z-index:100;left:5px;width:1195px;height:27px;background-image:url('../../images/MenuBg.png');background-position:right;}*/
.main_menu_div {background:#fff;width:900px;display:block;position:relative;height:27px;float:left;}
.main_menu {float:left;width:1000px;}
.main_search {float:right;width:74px;}

.notificationtable {
    width: 100%;
}

.notification_td {
    width: 50px;
    text-align: center;
    border-right: 1px solid black;
}

.notificationsubject_td {
    font-weight: bold;
    float: left;
}

.notificationsubject {
    font-weight: bold;
    color: blue;
    cursor: pointer;
}

.notificationarrived_td {
    text-align: right;
}

.notificationimage_td {
    width: 30px !important;
}

.notificationarrived {
    text-align: right;
    font-size: 11px !important;
}

.notificationlastrow {
    border-bottom: 1px solid #8d8d8d;
}

.oksaw_inpopup {
}

.help_td {
    width: 130px;
}

.loggedin_td {
    float: right;
    border-right: 1px solid black;
    padding-right: 5px;
}

.helpbutton,
.helpbutton div {
    color: #000;
    cursor: pointer;
    line-height:10px;
    font-size: 9px;
    font-weight: bold;
    border: 0px none #ef4d68 !important;
    background-image: none;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    max-height:10px!important;
}


.navbar-logo
{
    float: left;
    display:block;
    margin:0px;
    }

.navbar-TextMain
{
   
    padding-left: 20px;
    font-size: 20px;
    font-weight: 200;
    line-height: 1;
    color: white;
    margin-left: 0px; 
    margin-right: 50px;
}

.gbtc
{
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.gbgt
{
    float: left; /*line-height: 27px;*/
    position: relative;
    padding: 0;
    vertical-align: top;
    margin-right: 20px;
}

.menuitem
{
    cursor: pointer;
}

.menuitem:hover
{
    color: #999;
    background-color: transparent;
    background-image: none;
    background-position: 0 -102px;
    background-repeat: repeat-x;
    outline: none;
    text-decoration: none;
}

.menuItemDrop
{
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: right;
}

.menuItemDrop:hover
{
    color: #999;
    outline: none;
    text-decoration: none;
}

.menuitem:active
{
    color: #666666;
    cursor: pointer;
}

/*-------------------------ASPXControls----------------------*/
.required {
    /*border-color:mediumvioletred !important;*/
}

.htmlrequired {
    border: 2px solid mediumvioletred !important;
}

.dxeListBox .dxeHLC, 
.dxeListBox .dxeHC, 
.dxeListBox .dxeHFC
{    
    display:none!important;
}

.dxeListBoxItem .dxeHFC
{
    display:none!important;
    border:0px none!important;
    }
    
.dxeListBox .dxeHD {
    background: none;
    border: none;
}

#lbProductsContainer .dxeListBox td.dxeLTM, 
#lbProductsContainer .dxeListBox td.dxeTM, 
#lbProductsContainer .dxeListBox td.dxeMIM {
    border: none !important;
}

.color-red
{
    color:#ed4339!important;
    }

/*------------------label------------------*/
.label-heading1 {
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.label-heading2 {
    font-size: 1.5em;
    font-weight: 600;
}

.label-heading3 {
    font-size: 1.2em;
}

.label-heading4 {
    font-size: 1.1em;
}

.label-required, .label-required:after {
    content: "\a*";
    color: red;
    font-size: 9px;
}

.label_approved {
    font-family: stencil_regular;
    font-size: 42px;
    color: darkgreen;
    text-transform: uppercase;
    float:right;
    border: solid;
    padding-left: 5px;
    padding-right: 5px;
}

.label_rejected {
    font-family: stencil_regular;
    font-size: 42px;
    color: red;
    text-transform: uppercase;
    float: right;
    border: solid;
    padding-left: 5px;
    padding-right: 5px;
}

.p-task-desc {
    line-height: 15px;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.label-required, .label-required:after {
    content: "\a*";
    color: red;
    font-size: 18px;
}

.label-loggedin {
    color: white;
    font-weight: bold;
}

.label-view {
    float: left !important;
    color: #818285;
    padding-top: 3px;
    padding-right: 5px;
    padding-left: 5px;
}

.label-baseproperty {
    font-family: Arial,sans-serif;
    font-size: 14px;
    color:#818285!important;
    text-align:center;
    color: white;
    padding-left:10px;
}

.label-container
{
    width:150px;
    }

.label-title {
    padding: 15px 0px;
    font-family: Garamond, sans-serif;
    font-size: 25px;
    font-weight: bold;
    color: #4e3320;
    text-transform: uppercase;
}

.label-edit
{
    font-family: Arial,sans-serif;
    font-size: 14px;
    color:#818285;
    text-align:center;
    }

.label-data {
    font-family: Arial,sans-serif;
    font-size: 14px;
    color: #818285;
    text-align: left;
}

.label-container-100
{
    width:90px;
    padding-right:10px;
    display:inline-block;
    }
    
.label-container-150
{
    width:140px;
    padding-right:10px;
    display:inline-block;
    }

.label-container-200
{
    width:190px;
    padding-right:10px;
    display:inline-block;
    }
    
.label-container-nolimit
{
    padding-right:10px;
    display:inline-block;
    }
    
.label-padding-left-30
{
    padding-left:30px;
    }
 .label-height-30
 {
     height:30px;
     }
.label-controlinfo {
    font-family: Verdana,sans-serif;
    font-size: 10px;
    color: #333333;
    text-align: left;
}
/*-----------------button------------------*/

.button-view,
.button-view div {
    width: 16px;
    height: 16px;
    border: 0px none #ef4d68 !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    padding-top: 2px !important;
    background-image: none;
    background-color: transparent !important;
    cursor: pointer;
    float: left;
}

.button-refresh,
.button-refresh div {
    width: 16px;
    height: 16px !important;
    border: 0px none #ef4d68 !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    padding-top: 2px !important;
    background-image: none !important;
    background-color: transparent !important;
    cursor: pointer;
    float: right;
}

.button-change {
    display: inline-table;
}

.button-link,
.button-link div
{
    color:#ed4339;
    cursor:pointer;
    border:0px none !important;
    background-image:none;
    background-color:transparent!important;
    padding: 0px 0px 0px 0px;
    font-family: Arial,sans-serif;
    font-size: 14px;
    }

.linkbutton,
.linkbutton div {
    color: #ed4339;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    border: 0px none #ef4d68 !important;
    background-image: none;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
}

.linkbutton_readonly,
.linkbutton_readonly div {
    color: #e9e9e9 !important;
    font-size: 12px;
    font-weight: bold;
    border: 0px none #ef4d68 !important;
    background-image: none;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
}

.linkbutton-white,
.linkbutton-white div {
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    border: 0px none #ef4d68 !important;
    background-image: none;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
}

.button-info {
    color: #ed4339;
    cursor: pointer;
    font-size: 12px;
    border: 0px none #ef4d68 !important;
    background-image: none;
    background-color: transparent;
    padding: 2px 0px 0px 0px;
}

.button-history,
.button-history div
{
    color:#ed4339;
    cursor:pointer;
    font-size:12px;
    border:0px none #ef4d68!important;
    background-image:none;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    }

.button-default {
    display: inline-block;
    /*margin-left: 10px;*/
    background: #1461ed !important;
    border-color: #1461ed;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center !important;
    /*padding:5px 10px;*/
    color: #fff;
    -webkit-transition: all 100ms ease-in-out 0;
    -moz-transition: all 100ms ease-in-out 0;
    -ms-transition: all 100ms ease-in-out 0;
    -o-transition: all 100ms ease-in-out 0;
    transition: all 100ms ease-in-out 0;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
    
.button-default div
{
    padding:5px 10px;
    /*background-color:#ef4d68;*/
    
    color:#fff;
    line-height:20px;
    font-size:16px;
    text-transform:uppercase;
    border:0px none #ef4d68!important;
    }


.button-default td
{
    border:0px none #ef4d68!important;
    padding:0px;
    }


    .button-default:hover {
        background: white !important;
        border-color: #1461ed;
        color: #1461ed !important;
    }

    .button-default:hover div{
        
        color: #1461ed !important;
    }

.button-disabled
{
    display:inline-block;
    
    background:#e9e9e9!important;
    border:none;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    text-align:center!important;
    /*padding:5px 10px;*/
    color:#000;
    -webkit-transition:all 100ms ease-in-out 0;
    -moz-transition:all 100ms ease-in-out 0;
    -ms-transition:all 100ms ease-in-out 0;
    -o-transition:all 100ms ease-in-out 0;
    transition:all 100ms ease-in-out 0;
    cursor:default;
    }

.button-disabled:hover 
{
    background:#e9e9e9!important;
}
    
.button-disabled div
{
    padding:5px 10px;
    border:0px none #ef4d68!important;
    color:#fff;
    line-height:20px;
    font-size:16px;
    text-transform:uppercase;
    }
    
.button-default td
{
    border:0px none !important;
    padding:0px;
    }

.pcmButton
{
    /*float:right;*/
    }

/*-----------------textbox-----------------*/

.editbox-container
{
    width:100%!important;
    }

.editbox-container table
{
   
    }

.editbox-container-combo
{
    width:100%!important;
    }

.editbox-container-combo table
{
   
    }

    
.editbox-container input
{
    
    }
    
.editbox-container-long
{
    width:500px;
    margin-right:30px;
    }
    
.editbox-container-300
{
    width:300px;
    margin-right:30px;
    }
    
.editbox-container-300 input
{
    width:280px;
    }

.editbox-container-400
{
    width:400px;
    margin-right:30px;
    }

.editbox-container-400 input
{
    width:380px;
    }
    
.editbox-container-400 textarea
{
    width:380px;
    }
    
.editbox-container-long input
{
    width:480px;
    }

.textbox-focused
{
    border-color:black!important;
    }

.textbox-focused input
{
    border:0px none!important;
    outline-color:#ffffff;
    height:30px;
    }
    
.textbox-focused textarea
{
    border:0px none!important;
    outline-color:#ffffff;
    }

.textbox-default
{
    padding:0px 10px;
    background-color:#fff;
    text-align:left;
    line-height:20px;
    border:2px solid #e9e9e9;
    border-radius:5px 0 5px 0;
    -moz-border-radius:5px 0 5px 0;
    -webkit-left-radius:5px 0 5px 0;
    -webkit-transition:all 100ms ease-in-out 0;
    -moz-transition:all 100ms ease-in-out 0;
    -ms-transition:all 100ms ease-in-out 0;
    -o-transition:all 100ms ease-in-out 0;
    transition:all 100ms ease-in-out 0;
    height:30px;
    width:100%important;
    }

.textbox-default tr  {
    width:100%important;
}
.textbox-focused input,
.textbox-default input
{
    
    font-family: Arial,sans-serif;
    font-size:14px;
    line-height:20px;
    border:0px none !important;
    height:20px!important;
    -ms-padding:2px 8px;
    -webkit-padding:2px 8px 0px 0px;
    -o-padding:2px 8px;
    -moz-padding:2px 8px!important;
    width:100%important;
    }

.textbox-default:hover
{
    border-color:black;
}

.textbox-default:focus 
{
    border-color:black;
    }

.textbox-readonly {
    padding: 0px 10px;
    background-color: #fff;
    text-align: left;
    line-height: 20px;
    border: 0px solid #e9e9e9;
    border-radius: 5px 0 5px 0;
    -moz-border-radius: 5px 0 5px 0;
    -webkit-left-radius: 5px 0 5px 0;
    -webkit-transition: all 100ms ease-in-out 0;
    -moz-transition: all 100ms ease-in-out 0;
    -ms-transition: all 100ms ease-in-out 0;
    -o-transition: all 100ms ease-in-out 0;
    transition: all 100ms ease-in-out 0;
    height: 30px;
    width: 100%important;
    border-color: #e9e9e9 !important;
    color: #e9e9e9 !important;
}

.textbox-readonly input
{
    color:#818285!important;
    }

.textbox-readonly:hover
{
    border-color:#e9e9e9!important;
}

.textbox-default:hover
{
    
}

.textbox-errorframe
{

    }

.textbox-errorframe table.dxeInvalid {
    border-color: #ed4339;
    border-width: 2px;
    border-style: solid;
}

.textbox-errorframe div div div div table {
    border-color: #A0A0A0 !important;
    border-width: 1px;
    border-style: solid;
}

.textbox-errorframe,
.textbox-errorframe td.dxeControlsCell
{
    width:100%!important;
    } 
    
.textbox-errorframe td.dxeErrorCell
{
    max-width:0px!important;
    padding-left:0px;
    padding-right:0px;
    }

/*--------------memobox----------------------*/
.memobox-focused
{
    border-color:black!important;
    }
    
.memobox-focused textarea
{
    border:0px none!important;
    outline-color:#ffffff;
    }

.memobox-default
{
    padding:1px 10px;
    background-color:#fff;
    text-align:left;
    line-height:20px;
    border:2px solid #e9e9e9;
    border-radius:5px 0 5px 0;
    -moz-border-radius:5px 0 5px 0;
    -webkit-left-radius:5px 0 5px 0;
    -webkit-transition:all 100ms ease-in-out 0;
    -moz-transition:all 100ms ease-in-out 0;
    -ms-transition:all 100ms ease-in-out 0;
    -o-transition:all 100ms ease-in-out 0;
    transition:all 100ms ease-in-out 0;
    width:100%;
    }

.memobox-focused textarea,
.memobox-default textarea,
.memobox-default td
{
    padding:2px 8px;
    font-family: Arial,sans-serif;
    font-size:14px;
    line-height:20px;
    border:0px none !important;
    width:10px;

    }

.memobox-default:hover
{
    border-color:black;
}

.memobox-default:focus 
{
    
    }

.memobox-readonly 
{
    padding: 1px 10px;
    background-color: #fff;
    text-align: left;
    line-height: 20px;
    border: 2px solid #e9e9e9;
    border-radius: 5px 0 5px 0;
    -moz-border-radius: 5px 0 5px 0;
    -webkit-left-radius: 5px 0 5px 0;
    -webkit-transition: all 100ms ease-in-out 0;
    -moz-transition: all 100ms ease-in-out 0;
    -ms-transition: all 100ms ease-in-out 0;
    -o-transition: all 100ms ease-in-out 0;
    transition: all 100ms ease-in-out 0;
    width: 100%;

    border-color: #e9e9e9 !important;
    color: #e9e9e9 !important;
}

.memobox-readonly textarea
{
    color:#818285!important;
    }

.memobox-readonly:hover
{
    border-color:#e9e9e9!important;
}

.memobox-default:hover
{
    
}

.memobox-errorframe
{
    }

.memobox-errorframe,
.memobox-errorframe td.dxeControlsCell
{
    width:100%!important;
    } 
    
.memobox-errorframe td.dxeErrorCell
{
    max-width:0px!important;
    padding-left:0px;
    padding-right:0px;
    }

/*--------------htmleditor----------------------*/
.htmleditor-focused {
    border-color: #24c20a !important;
}

    .htmleditor-focused textarea {
        border: 0px none !important;
        outline-color: #ffffff;
    }

.htmleditor-default {
    /*padding:1px 10px;*/
    background-color: #fff;
    text-align: left;
    line-height: 20px;
    border: 2px solid #e9e9e9;
    border-radius: 5px 0 5px 0;
    -moz-border-radius: 5px 0 5px 0;
    -webkit-left-radius: 5px 0 5px 0;
    -webkit-transition: all 100ms ease-in-out 0;
    -moz-transition: all 100ms ease-in-out 0;
    -ms-transition: all 100ms ease-in-out 0;
    -o-transition: all 100ms ease-in-out 0;
    transition: all 100ms ease-in-out 0;
    width: 100%;
}

    .htmleditor-focused textarea,
    .htmleditor-default textarea,
    .htmleditor-default td {
        /*padding:2px 8px;*/
        font-family: Arial,sans-serif;
        font-size: 14px;
        line-height: 20px;
        border: 0px none !important;
        width: 10px;
    }

    .htmleditor-default:hover {
        border-color: #24c20a;
    }

.htmleditor-readonly:hover {
    border-color: #e9e9e9 !important;
}

.htmleditor-default:focus {
}

.htmleditor-readonly {
    /*padding:1px 10px;*/
    background-color: #fff;
    text-align: left;
    line-height: 20px;
    border: 0px solid #e9e9e9;
    border-radius: 5px 0 5px 0;
    -moz-border-radius: 5px 0 5px 0;
    -webkit-left-radius: 5px 0 5px 0;
    -webkit-transition: all 100ms ease-in-out 0;
    -moz-transition: all 100ms ease-in-out 0;
    -ms-transition: all 100ms ease-in-out 0;
    -o-transition: all 100ms ease-in-out 0;
    transition: all 100ms ease-in-out 0;
    width: 100%;
    border-color: #e9e9e9 !important;
    color: #e9e9e9 !important;
}

.htmleditor-readonly table,
.htmleditor-readonly table td {
    border: none;
}

.htmleditor-readonly-preview {
    border-color: #e9e9e9 !important;
    color: #818285 !important;
}

.htmleditor-readonly textarea {
    color: #818285 !important;
}

.htmleditor-readonly:hover {
    border-color: #e9e9e9 !important;
}

.htmleditor-default:hover {
}

.htmleditor-errorframe {
}

.htmleditor-errorframe,
.htmleditor-errorframe td.dxeControlsCell {
width: 100% !important;
}

.htmleditor-errorframe td.dxeErrorCell {
    max-width: 0px !important;
    padding-left: 0px;
    padding-right: 0px;
}

/*--------------listbox----------------------*/
.listbox-default,
.listbox-default table
{
    border:0px none white;
    background-color:#fff;
    color:#818285;
    font-family: Arial,sans-serif;
    font-size: 14px;
    }
    
/*--------------dateedit---------------------*/

.dateedit-default
{
    display:inline-block;
    padding:0px 0px 0px;
    background-color:#fff;
    text-align:left;
    line-height:20px;
    border:2px solid #e9e9e9;
    border-radius:5px 0 5px 0;
    -moz-border-radius:5px 0 5px 0;
    -webkit-left-radius:5px 0 5px 0;
    -webkit-transition:all 100ms ease-in-out 0;
    -moz-transition:all 100ms ease-in-out 0;
    -ms-transition:all 100ms ease-in-out 0;
    -o-transition:all 100ms ease-in-out 0;
    transition:all 100ms ease-in-out 0;
    height:30px!important;
    width:100%;
    }

    .dateedit-default input {
        margin: 3px 8px;
        /*padding:2px 8px;*/
        font-family: Arial,sans-serif;
        font-size: 14px;
        height: 20px !important;
    }

.dateedit-button
{
    background-color:#fff;
    background-image:none;
    border:0px;
    }

/*--------------combobox---------------------*/
.combo-default
{
    display:inline-block;
    background-color:#fff;
    text-align:left;
    font-size:16px;
    line-height:20px;
    border:2px solid #e9e9e9;
    border-radius:5px 0 5px 0;
    -moz-border-radius:5px 0 5px 0;
    -webkit-left-radius:5px 0 5px 0;
    -webkit-transition:all 100ms ease-in-out 0;
    -moz-transition:all 100ms ease-in-out 0;
    -ms-transition:all 100ms ease-in-out 0;
    -o-transition:all 100ms ease-in-out 0;
    -ms-padding:2px 8px;
    -webkit-padding:2px 8px 0px 0px;
    -o-padding:2px 8px;
    -moz-padding:2px 8px!important;
    transition:all 100ms ease-in-out 0;
    
    border-collapse:separate;
    }
    
.combo-default:hover
{
    border-color:black;
    }
    
.combo-focused input,
.combo-default input
{
    margin:0px 10px;
    font-size:12px!important;
    line-height:20px;
    border:0px none !important;
    height:21px!important;
    }
.combo-focused
{
    border-color:black;
    }
    
.combo-focused input
{
    border:0px none!important;
    outline-color:#ffffff;
    height:20px;
    }

.combo-readonly 
{
    border: 0px solid #e9e9e9 !important;
    color: #e9e9e9 !important;
}

.combo-readonly input
{
    color:#818285!important;
    }

.combo-readonly:hover
{
    border-color:#e9e9e9!important;
}

.combo-button
{
    /*-webkit-background-clip:content-box!important;*/
    background:#fff;
    border:0px none #fff;
    padding-top:0px;
    padding-bottom:0px;
    z-index:-100;
    }
    
/*--------------fomview--------------------*/
.fomview-default
{
    margin:0px 10px 0px 0px;
    }

/*----------------roundedpanel-----------------*/
.rounded-error {
    background: #ffb2ae;
}

.rounded-information {
    background: #CCFFCC;
}

.rounded-label-red {
    color: red;
}

.rounded-label-green {
    color: darkgreen;
}

/*----------------radio--------------------*/
.radio-default {
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 2px !important;
    padding-bottom: 3px !important;
    background-image: none;
    border: 2px solid #e9e9e9;
    border-radius: 11px !important;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
}

    .radio-default:hover {
        border-color: #24c20a;
    }

.radio-focused {
    background-color: #fff !important;
}

.radio-readonly {
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 2px !important;
    padding-bottom: 3px !important;
    border: 2px solid #e9e9e9;
    background-image: none;
    border-color: #e9e9e9 !important;
    border-radius: 11px !important;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    /*color:#e9e9e9!important;*/
}

.radio-readonly:hover {
    border: 2px solid #e9e9e9;
}

.radio-readonly span {
    /*background-image:none!important;*/
}

.dxEditors_edtRadioButtonChecked, .dxEditors_edtRadioButtonCheckedDisabled {
    background-image: url('../../images/checked.png') !important;
    background-position: 0px 0px;
}

.dxEditors_edtRadioButtonUnchecked, .dxEditors_edtRadioButtonUncheckedDisabled {
    background-image: none !important;
    background-position: 0px 0px;
}
    
/*----------------checkbox-----------------*/
.checkbox-default
{
    padding-top:0px!important;
    padding-left:0px!important;
    padding-right:2px!important;
    padding-bottom:3px!important;
    border:2px solid #e9e9e9;
    width:20px;
    }

.checkbox-default:hover {
    border-color: #24c20a;
}
    
.checkbox-focused
{
    background-color:#fff!important;
    }

.checkbox-readonly {
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 2px !important;
    padding-bottom: 3px !important;
    border: 2px solid #e9e9e9;
    border-color: #e9e9e9 !important;
    color: #e9e9e9 !important;
}

.checkbox-readonly:hover {
    border: 2px solid #e9e9e9;
}

.checkbox-readonly span {
    /*background-image:none!important;*/
}

.dxWeb_edtCheckBoxUnchecked
{
    background-image: url('../../images/unchecked.png')!important;
    background-position:0px 0px!important;
    }

.dxWeb_edtCheckBoxGrayed {
    background-image: url('../../images/blankchecked.png') !important;
    background-position: 0px 0px !important;
}

.dxWeb_edtCheckBoxGrayedDisabled {
    background-image: url('../../images/blankchecked.png') !important;
    background-position: 0px 0px !important;
}

.dxWeb_edtCheckBoxUncheckedDisabled {
    background-image: url('../../images/unchecked.png') !important;
    background-position: 0px 0px !important;
}

.dxWeb_edtCheckBoxCheckedDisabled {
    background-image: url('../../images/checked.png') !important;
    background-position: 0px 0px !important;
}

.tree-node span.dxWeb_edtCheckBoxUnchecked
{
    border:1px solid #e9e9e9;
    background-color:#fff!important;
    }
    
.tree-node span.dxWeb_edtCheckBoxChecked
{
    border:1px solid #e9e9e9;
    background-color:#fff!important;
    }
    
.grid-default span.dxWeb_edtCheckBoxChecked
{
    border:2px solid #e9e9e9;
    background-color:transparent!important;
    }
    
.grid-default span.dxWeb_edtCheckBoxUnchecked
{
    border:2px solid #e9e9e9;
    background-color:transparent!important;
    }
    
.dxWeb_edtCheckBoxChecked
{
    background-image: url('../../images/checked.png')!important;
    background-position:0px 0px!important;
    }

/*----------------angular radiobutton-------------*/
.angularradio-default {
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 2px !important;
    padding-bottom: 3px !important;
    border: 2px solid #e9e9e9;
}

    .angularradio-default input {
        min-height: 15px;
        min-width: 18px;
        color: white;
        z-index: -1;
    }

.angularradio-focused {
    background-color: #fff !important;
}

/*------------------popup-------------------*/
.popup-default
{
    background:#fff;
    }
.notificationdiv {
    width: 50px;
    height: 32px;
    display: inline-block;
    position: relative;
    margin-right: 5px;
    top: 2px;
    cursor: pointer;
    float: right;
}

.notificationbutton,
.notificationbutton div {
    color: #ed4339;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    border: 0px none #ef4d68 !important;
    background-image: none;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
}
/*--------------language combo-------------*/
/*---------------Languageselector--------------*/
.language-switch {
    float: right;
    width: 120px;
    height: 32px;
    display: inline-block;
    position: relative;
    margin-right: 5px;
    top: 5px;
    cursor: pointer;
}

#cbLanguage,
#cbLanguage > table,
#cbLanguage tr td,
#cbLanguage input
{
    color:#818285;
    font-family:'futura_t_otregular';
    background:#fff!important;
   }
   
.language-combo-buttonstyle
{
    border: 0px none!important;
    background:#eaeaea!important;
    }
    
.language-combo
{
    border: 0px none!important;
    background:#eaeaea!important;
    color:#ef4d68!important;
    font-family:'futura_t_otregular'!important;
    }

.language-combo-listbox
{
    background:#f5f5f5;
    color:#818285;
    border: 1px solid #a4a4a4;
    }
    
.language-combo-itemstyle
{
    color:#818285;
    font-family:'futura_t_otregular';
    background:#f5f5f5;
    }
    
.language-combo-itemstyle-hover
{    
    font-family:'futura_t_otregular';
    font-weight:bold;
    cursor:pointer;
    }

.language-combo-itemstyle-selected
{
    color:#ef4d68;
    }

/*-----------------Hyperlink------------------------*/
.blue-link {
    color: blue;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    border: 0px none #ef4d68 !important;
    background-image: none;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
}

.hyperlink-default
{
    color:#ed4339;
    cursor:pointer;
    }
    
.hyperlink-default:hover
{
    color:#ed4339;
    cursor:pointer;
    }
    
/*----------------RequiredFieldValidator------------*/
.required-default
{
    color:#ed4339;
    }

/*----------------ASPxGridView-----------------*/
/*.gridheader-vertical {
    padding: 0px;
    margin:0px;
    height:200px;
    width:50px;
    word-wrap:break-word;
    -webkit-transform: rotate(90deg)!important;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}*/

.comment_preview {
    background-color: white;
}
.comment_alternate {
    background-color: white;
}

.grid-newbutton {
    cursor: pointer;
}

.grid-default
{
    border-color:#f3f3f3;
    }
    
.grid-alternatecolor
{
    background-color:#F8F8F8;
    border-color:#f3f3f3!important;
    }
    
.grid-row
{
    border-color:#f3f3f3!important;
    height:30px;
    }

.grid-header,
.grid-header table {
    background-color: #dedddd;
    border-color: #f3f3f3 !important;
    color: #818285 !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px;
    height: 16px !important;
}

.grid-header-small,
.grid-header-small table {
    background-color: #dedddd;
    border-color: #f3f3f3 !important;
    color: #818285 !important;
    font-family: Arial, sans-serif !important;
    font-size: 12px;
    height: 16px !important;
}

.grid-headerpanel
{
    }

.grid-cell
{
    color:#818285;
    font-family: Arial, sans-serif!important;
    font-size: 14px;
    border-color:#f3f3f3!important;
    }

.grid-cell-small {
    color: #818285;
    font-family: Arial, sans-serif !important;
    font-size: 12px;
    border-color: #f3f3f3 !important;
}

.grid-cell-wocolor
{
    font-family: Arial, sans-serif!important;
    font-size: 14px;
    border-color:#f3f3f3!important;
    }
    
.grid-commanditem
{
    border-color:#f3f3f3!important;
    color:#e30018!important;
    text-decoration:none;
    }
    
.grid-commandcolumn
{
    background-image:none;
    border-color:#f3f3f3!important;
    font-family: Arial, sans-serif!important;
    font-size: 14px;
    }
    
.grid-table
{
    border-color:#f3f3f3!important;
    }
    
/*--------------grid-----------------*/
.tree-default
{
    min-width:200px !important;
    }

.tree-node
{
    min-width:200px !important;
    }
    
.tree-node-hover
{
    font-weight:bold;
    background-color:#ffffff!important;
    border: 1px solid #ffffff!important;
    }

.tree-node-selected
{
    font-weight:bold;
    background-color:#ffffff!important;
    border-top:0px none!important;
    border-left:0px none!important;
    border-right:0px none!important;
    border-bottom-color:#8BC349!important;
    border-bottom-width:2px!important;
    border-bottom-style:solid!important;
    }

.tree-node-text
{
    color:#818285;
    font-family: Arial, sans-serif!important;
    font-size: 12px;
    }
    
.tree-node-image
{
    }

/*--------------menu-----------------*/

.menu-transparent {
    background-color: transparent!important;
    background-image: none!important;
    border-width:0px!important;
    border-image-width:0px!important;
    padding:0px;
}

.grid-menu {
    float: right !important;
}

.grid-combo {
    float: left !important;
    margin-top: 2px !important;
}

.main-menu
{
    background-color: white!important;
    border:0px!important;
    border-width:0px!important;
    border-image-width:0px!important;
    padding:0px;
    color:#818285;
}

.menu-submenu-default
{
    background-color: whitesmoke!important;
    border-top:5px solid #CACACA!important;
    border-bottom:0px!important;
    border-right:0px!important;
    border-left:0px!important;
    padding:0px;
    width:450px;
    
    }

.menu-submenu-default .dxm-content {
    width:100%;
}
.menu-item-default,
.menu-item-default a 
{
    font-family: futura_t_otdemi, serif;
    font-weight: bolder;
    font-size: 15px;
    line-height: 15px;
    width: 145px;
    height: 20px;
    border-width: 0px !important;
    border-image-width: 0px !important;
    background: white;
    text-align: center;
    color: #818285;
}
.menu-item-hover
  {
    background-color: #9a9b9d;
    color:white;
    border:none 0px none!important;
}
.menu-item-checked
{ 
    background-color: Yellow ;
}
.dxmSubMenuGutter
{
    background: #f5f5f5!important;
    }
.menu-subitem-default,
.menu-subitem-default a
{
    font-family: futura_t_otregular;
    font-size:18px;
    width:450px;
    border-width:0px!important;
    border-image-width:0px!important;
    background-color: #f5f5f5!important;
    color: #818285!important;
   
}

.menu-subitem-hover,
.menu-subitem-hover a
{
    background: #e9e9e9!important;
    border:0px none!important;
    border-image-width:0px!important;
}
.menu-subitem-checked
{ 
    color: #818285;
}

.dxmSubMenuItemWithImage
{
    background: #f5f5f5!important;
    }

.dxmLite .dxm-popup .dxm-gutter
{
    background-image:none!important;
}

.dxmLite .dxm-popup .dxm-content
{
    padding: 0px 0px 0px 0px;
}

/*---------------------------splitter-----------------------*/
.splitter-default
{
    width:100%;
    min-height:400px!important;
    height:100%!important;
    padding-right:0px;
    }
/*-----------------------------tabpage-----------------------*/
.tab-container {
    border: 1px solid #f3f3f3;
    margin-bottom:1px;
    min-height: 300px;
}

.tabpages-default-active {
    border-left:1px solid #f3f3f3!important;
    border-right:1px solid #f3f3f3!important;
    border-top: 1px solid #f3f3f3!important;
    border-bottom: 1px solid white!important;
    background-color:white!important;
}

.tabpages-default-tabstyle {
    border-left:1px solid #f3f3f3!important;
    border-right:1px solid #f3f3f3!important;
    border-top: 1px solid #f3f3f3!important;
    border-bottom: 1px solid white!important;
}

.tabpages-default {
    padding-top:1px;
}

.dxtc-leftIndent,
.dxtc-rightIndent{
    border-bottom: 1px solid #f3f3f3!important;
}
/*-----------------------------dataview----------------------*/
.dataview-default
{
    background-color:#fff;
    border:0px none #fff;
    }
/*---------------------------Page---------------------------*/

#updatePanel
{
    height:100%;
    }

.page-header {
    /*padding-bottom:15px;
    padding-top:15px;*/
    display: table-row;
    height: 20px;
}

.page-container {
    /*padding-top:25px;
    position:relative;
    width:100%;
    height:100%*/
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
}

.page-content {
    /*padding:0px 10px 5px 15px;
    font-family:Arial,sans-serif;
    font-size:14px;
    line-height:17px;
    background:#fff;
    color:#939598;
    box-sizing:border-box;
    border-bottom:2px solid #f3f3f3;
    display:block;
    overflow:auto;
    min-height:430px;
    height:100%!important;*/
    padding: 0px 10px 5px 15px;
    font-family: Arial,sans-serif;
    font-size: 14px;
    line-height: 17px;
    background: #fff;
    color: #939598;
    box-sizing: border-box;
    display: table;
    overflow: auto;
    min-height: 430px;
    height: 100% !important;
    width: 100%;
}

.fullheight
{
    height:100%;
    overflow: auto;
    }

/*.topbar-container {white-space:nowrap !important;}
.sidebar-corner {float:none !important;display:inline-block !important;vertical-align:top !important;width:300px;height:20px; width: 300px;}
.sidebar-top {height:0;border-bottom:20px solid #dedddd;border-left:20px solid transparent;width:300px;}
.sidebar-top-body {background:#dedddd;min-height:20px;height:100%;width:305px;}
.breadcrumbs {height: 23px;float:none !important;display:inline-block !important;vertical-align:middle !important; background:#f3f3f3;min-height:20px;line-height:20px;font-size:15px;color:#9b9b9b;font-family:Arial,sans-serif; width:100%;padding-right:300px;}
.breadcrumbs > div {color:black;width: 100px; float: right; padding-right: 300px;}
.sidebar-main
{
    display:block;
    width:100%;
    }*/

.page-inner-container {
    /*background:#fff;height:100%;
    border-left:1px solid #f3f3f3;
    border-right:1px solid #f3f3f3;*/
    background:#fff;height:100%;
    height:100%;
    display:table-row;
}
.block1 
{
    float:left;width:100%;
}

.page-inner-footer {
    /*min-height: 20px;
    display: inline;
    width: 100%;*/
    height: 25px;
    width: 100%;
    display: table-row;
}
.page-inner-footer-right {
    /*background-image: url('../Images/footer.png');
    background-repeat:no-repeat;
    background-position:right;
    min-height:20px;
    width:50%;
    float:right;
    display:inline;
    margin:0px 0px 0px 0px;*/
    float: right;
    display: inline;
    margin: 0px 0px 0px 0px;
    text-align: right;
    padding-right: 10px;
}
.page-inner-footer-left {
    /*background-color:#9f9f9f;
    min-height:20px;
    width:50%;
    float:left;
    display:inline;
    margin:0px 0px 0px 0px;*/
    background-color: #fff;
    height: 20px;
    width: 50%;
    float: left;
    display: inline;
    margin: 0px 0px 0px 0px;
}

.tree-search-container
{
    display:block;
    overflow:hidden;
    min-height:40px;
    width:100%;
    }

.container-buttonarea
{
    min-height:50px;
    vertical-align:middle;
    border:0px solid;
    padding-top:10px;
    text-align:right;
    width:100%;
    }

/*---------------Collapsible div---------------*/
.collapsed
{
    display:none;
    }

.collapsed-container
{
    border-bottom:2px solid black;
    padding-bottom:10px;
    }

/*---------------drag and drop file upload---------------*/
.dropZoneExternal > div,
.dropZoneExternal > img {
    position: absolute;
}

.dropZoneExternal {
    position: relative;
    border: 1px dashed #f17f21 !important;
    cursor: pointer;
}

.dropZoneExternal,
.dragZoneText {
    width: 350px;
    height: 350px;
}

.dropZoneText {
    width: 300px;
    height: 150px;
    color: #fff;
    background-color: #888;
}

#dropZone {
    top: 0;
    padding: 100px 25px;
}

.uploadControlDropZone,
.hidden {
    display: none;
}

.dropZoneText,
.dragZoneText {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 20pt;
}

.dragZoneText {
    color: #808080;
}

.dxucInlineDropZoneSys span {
    color: #fff !important;
    font-size: 10pt;
    font-weight: normal !important;
}

.uploadControlProgressBar {
    width: 350px !important;
}

.validationMessage {
    padding: 0 20px;
    text-align: center;
}

.uploadControl {
    margin-top: 10px;
}

.Note {
    width: 500px;
}

/*-------------------popupConfirmCancel-------------------------*/
.popupConfirmCancel {
    border: none !important;
    background-color: Transparent !important;
}

.popupConfirmCancel_RoundPanel {
    /*border: solid 1px #ffb2ae!important;*/
    background-color: white !important;
}



.div-row,
.div-row-grid {
    display: block;
    clear: both;
    overflow: hidden;
}

.fullwidth {
    width: 100%;
}

.div-column,
.div-column-grid {
    float: left;
    display: block;
}
/*---------- My CareerExpo----------------*/
.my-fab-mainContainer {
    width: 100%;
    /*height: 556px;*/
    border: 1px solid #C8C8C8;
    background-color: #E4E4E4;
    overflow: hidden;
}

.my-fab-container {
    background-color: white;
    margin: 24px;
}


.my-fab-buttonsContainer {
    height: 24px;
}

.my-fab-button {
    background-color: #C0C0C0;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    float: right;
    margin: 2px;
}

    .my-fab-button:first-child {
        float: left;
    }

.my-fab-title {
    background-color: #C4C4C4;
    height: 31px;
    width: 125px;
    border-radius: 20px;
    margin-left: 60px;
    margin-top: 14px;
}

#myFabContent {
    padding-top: 19px;
    height: 405px;
}

.my-fab-item {
    margin: 16px;
    padding: 16px;
    border-radius: 6px;
    box-shadow: 0px 2px 8px 0 rgba(0,0,0,0.16);
    display: flex;
    background-color: white;
}

.my-fab-container .my-fab-item-selected {
    box-shadow: 0px 2px 16px 0 rgba(0,0,0,0.3);
}

.my-fab-image {
    width: 71px;
    height: 71px;
    background-color: #E6E6E6;
    margin-right: 35px;
    text-align: center;
    vertical-align: middle;
    flex: none;
}

.my-fab-caption {
    background-color: #C0C0C0;
    border-radius: 10px;
    margin-top: 12px;
    margin-bottom: 11px;
    width: 122px;
    height: 18px;
}

.my-fab-text {
    background-color: #DFDFDF;
    border-radius: 10px;
    margin-bottom: 4px;
    height: 13px;
}

.my-fab-border-radius {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}