@charset "UTF-8";

@font-face {
    font-family: 'latoblack';
    src: url("/HaliYikamaWeb/javax.faces.resource/main/fonts/lato-black-webfont.eot.xhtml");
    src: url("") format('embedded-opentype'),
        url("/HaliYikamaWeb/javax.faces.resource/main/fonts/lato-black-webfont.woff.xhtml") format('woff'),
        url("/HaliYikamaWeb/javax.faces.resource/main/fonts/lato-black-webfont.ttf.xhtml") format('truetype'),
        url("") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoregular';
    src: url("/HaliYikamaWeb/javax.faces.resource/main/fonts/lato-regular-webfont.eot.xhtml");
    src: url("") format('embedded-opentype'),
        url("/HaliYikamaWeb/javax.faces.resource/main/fonts/lato-regular-webfont.woff.xhtml") format('woff'),
        url("/HaliYikamaWeb/javax.faces.resource/main/fonts/lato-regular-webfont.ttf.xhtml") format('truetype'),
        url("") format('svg');
    font-weight: normal;
    font-style: normal;

}

/*  ----------------------------------------------------------------------------------------------------- */

body{margin:0px; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#20272a; font-family: 'latoregular', "Trebuchet MS", Arial, Helvetica, sans-serif;color:#5C666A;}

#LOGOTEXTSIDE{display:block;width:490px; float:left; height:74px; z-index:999; background-repeat:no-repeat; background-position:center right;
              margin:-20px 0px 0px 0px; padding-top:25px; line-height:30px;}
.logoDarkText{color:#5c666a;}
.logoBlueText{color:#25aae1;}

/* menu side style*/
#MENUSIDE{position: fixed; left: 0px; top: 0px; background-color:#313b3f; border-right:solid 1px #151d21; overflow:hidden; width: 300px; position: fixed;
          -moz-transition: left 0.3s; -o-transition: left 0.3s;-webkit-transition: left 0.3s;transition: left 0.3s;}
#MENUSIDE.active-menu {left: 0px}
#MENUSIDEindent{width:100%; height:auto;}
#LOGO{height:87px; display:block; padding:10px 10px 10px 10px; z-index:997; background-color:#313b3f;text-align: center;}
#LOGO img{width:auto; height:64px; }
.MenuSideMainLink{width:100%; height:45px; display:block; padding:15px 0px 0px 27px; cursor:pointer;}
.MenuSideMainLink input{ padding:6px; background-color:#354044; outline:none; border:0px; border:none; color:#9ba5ac; border-radius:20px;
                         -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.5);}
.MenuSideMainLinkDark{background-color:#20282b !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.MenuSideMainLink:hover{background-color:#20282b; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.MenuSideMainLink img{width:30px; height:auto; float:left;}
.MainLinkText{color:#9ba5ac; font-size:20px; margin:2px 0px 0px 60px; display:block;}

.SubMenuLinkContainer{width:auto; padding:20px; overflow:hidden; background-color:#20282b; display: none;}
.SubMenuLink{width:100%; display:inline-block; float:left; padding:6px 0px; cursor:pointer; border-radius:4px; -webkit-border-radius:4px; color:#659eb3; font-size:14px;}
.OpenSubMenuLink{width:100%; color:#fca752; display:inline-block; float:left; padding:6px 0px; cursor:pointer; border-radius:4px; -webkit-border-radius:4px; font-size:18px;}
.SubMenuLink:hover{background-color:#101517; color:#8dc5d9;}
.OpenSubMenuLink:hover{background-color:#101517; color:#fda752;}

/* content side style*/
#CONTENTSIDE{width:auto; overflow:hidden; z-index:1; margin-left:300px; background-color:#eff3f6;}
#CONTENTSIDEindent{width:100%; height:auto;}
.ContentSideSections{display:block; border-bottom:solid 1px #bcc7cf; padding:30px;}
.MOBILE .ContentSideSections{padding:14px 24px;}
#PFTopLinksCover{background-color:#eff3f6;height: 60px;}
#PFMobileTopLinksCover{ position:inherit;}
.PFTopLinks{width:80px; display:inline-block; text-align:center; padding:5px; border-radius:5px;  font-size:12px; -webkit-border-radius:5px; margin-top:-10px; -webkit-transition: all 0.5s ease; 
            -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; overflow:hidden;}
.PFTopLinks:hover, .PFTopLinksMobile:hover{background-color:#e0e5e9;
                                           -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.PFTopLinksMobile{width:20%; display:inline-block; text-align:center; padding:1%; border-radius:5px;  font-size:11px; -webkit-border-radius:5px;
                  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; overflow:hidden;}
.PFTopLinks img, .PFTopLinksMobile img{width:80%; height:55px;}
.PFGrayText{color:#aab7c1;}
.PFDarkText{color:#313b3f;}

.PropertyBox{box-sizing: border-box; float:left; padding:3%; overflow:hidden; text-align:center; border-radius:5px; -webkit-border-radius:5px; display:block;}
.PropertyBox img{width:53%;}
.PropertyBox .PropertyTopic{display:block; color:#25aae1; font-size:18px;}
.PropertyBox .PropertyText{display:block; color:#5C666A; font-size:14px;}

.MOBILE .PropertyBox{width:27%; height:250px; float:left; padding:3%; overflow:hidden; text-align:center; border-radius:5px; -webkit-border-radius:5px; display:block;
                     -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.MOBILE .PropertyBox img{width:80%;}
.MOBILE .PropertyBox .PropertyTopic{display:block; color:#25aae1; font-size:12px;}
.MOBILE .PropertyBox .PropertyText{display:block; color:#8c9aa5; font-size:11px;}

.widgetsLink{width:90%; height:auto; background-image:url(""); background-position:top; background-repeat:no-repeat; background-size:contain; display:table;
             text-align:center; padding:5%;}
.widgetsLink img{width:40%; height:auto; margin-top:5%;}
.widgetsLink span{ width:100%; margin-top:10px; overflow:hidden; height:50px; display:table; font-size:14px;}
.widgetsLink:hover span{color:#fdd106; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

.MOBILE .widgetsLink img{width:40%; height:auto; margin-top:1%;}
.MOBILE .widgetsLink span{ width:100%; margin-top:0px; overflow:hidden; height:50px; display:table; font-size:11px;}

.BoxesIndent{width:85%; float:right; padding-top:30px;}
.brandLogo{ background-image:url("/HaliYikamaWeb/javax.faces.resource/main/images/brandLogo.svg.xhtml"); background-repeat:no-repeat; background-position:center; background-size:contain; width:70px; height:70px; display:block;
            margin:10px 10px 10px 0px; float:left;}

.MOBILE .BoxesIndent{width:85%; float:none; margin:0px auto; padding-top:30px;}

/** ThemeSwitcher **/
.navOverlay{width:200px; max-height:400px; overflow-y:auto; background-color:#eff3f6; border:solid 1px #bcc7cf; z-index:99999999999; position: absolute; 
            border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); 
            box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); margin-left:-60px; display: none;}
.navOverlay a{display:block; padding:10px; border-bottom:solid 1px #bcc7cf; text-align:left; color:#87939B; overflow:hidden;}
.navOverlay a:hover{ color:#fdd106;}
.navOverlay a span.ui-theme{width:30px; height:27px; float:left; border:solid 1px #D7DCE0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.navOverlay a span.ui-text{ display:inline-block; margin-top:7px; margin-left:10px; font-size: 14px;}
/* cursor */
.cursorPointer{cursor:pointer;}

/* OTHERS */
a{ text-decoration:none; outline:none;color: #25AAE1}
.dispBlock{display:block !important;}
.TextShadow{text-shadow: 0 1px 0 #ffffff}
.TextShadowNone{text-shadow:none;}
.underline{ text-decoration:underline;}
.fontSize34{font-size:34px;}
.fontSize30{font-size:30px;}
.fontSize28{font-size:28px;}
.fontSize24{font-size:24px;}
.fontSize21{font-size:21px;}
.fontSize18{font-size:18px;}
.fontSize14{font-size:14px;}
.fontSize12{font-size:12px;}
.fontSize10{font-size:10px;}
.fontSize9{font-size:9px;}
.fontSize8{font-size:8px;}
.ContentX{width:95% !important; margin-bottom:30px; text-align:center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; 
          transition: all 0.5s ease;}
.ContentX .defaultText{font-size:16px;}
.ContentX .defaultTopic{font-size:34px; line-height:36px; text-align:center;}
.ContentX .PropertyBox{height:220px;}
.ContentX .PropertyBox .PropertyTopic{font-size:14px;}
.ContentX .PropertyBox .PropertyText{font-size:12px;}
.PFTopLinksCover{padding-top:130px !important; height:auto !important; min-height:60px !important; text-align:left !important;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; 
                 -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.PFTopLinksCover .PFTopLinks{float:left !important; margin-top:0px;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;
                             transition: all 0.5s ease;}

.wid50{width:50px;}

.texAliCenter{text-align:center;}

/* margins */
.marginRight10{margin-right:10px;}
.marginRight20{margin-right:20px;}
.marginBottom20{margin-bottom:20px;}
.marLefRigAuto{ margin-left:auto !important; margin-right:auto !important;}

/*fonts*/
.blackFont{font-family: 'latoblack', "Trebuchet MS", Arial, Helvetica, sans-serif;}
.regularFont{font-family: 'latoregular', "Trebuchet MS", Arial, Helvetica, sans-serif;}

.bordersOfMenuSide{border-top:solid 1px #404a4e;}
.hiddenIcons{opacity:0; filter:alpha(opacity=0);margin-left:-30px}
.hiddenLogo{opacity:0; filter:alpha(opacity=0);margin-left:-62px}
.emptyBox{display:block; height:121px;}

/* display */
.dispTable{display:table;}
.overHidden{overflow:hidden;}

/* floating */
.floatRight{float:right;}
.floatLeft{float:left;}

/* content boxes*/
.Content33{width:33%; }
.Content66{width:65%; background-position:left top; background-repeat:no-repeat;}
.Content100{width:100%;}

/* general text styles */
.defaultText{font-size:18px; color:#5C666A;}
.defaultTopic{font-size:46px; color:#e26e60; line-height:46px; padding:10px 0px 10px 0px;}

/* buttons */
.BigButton{width:90%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:table; font-size:18px; font-family: 'latoblack', "Trebuchet MS", Arial, Helvetica, sans-serif; color:#404c51; margin:10px 0px 10px 0px; cursor:pointer;
           padding:20px; border-radius:5px; border-right:solid 60px #404c51;}
.BigButton img{ margin-right:-60px; height:23px;}	

.YellowBtn{background-color:#fdd106; -webkit-box-shadow: 0px 2px 0px 0px rgba(231,191,9,1); -moz-box-shadow: 0px 2px 0px 0px rgba(231,191,9,1); box-shadow: 0px 2px 0px 0px rgba(231,191,9,1);}
.YellowBtn:hover{ background-color:#fcdb42;}
.OrangeBtn{background-color:#fba751; -webkit-box-shadow: 0px 2px 0px 0px rgba(212,135,56,1); -moz-box-shadow: 0px 2px 0px 0px rgba(212,135,56,1); box-shadow: 0px 2px 0px 0px rgba(212,135,56,1);}
.OrangeBtn:hover{ background-color:#feb66d;}

/* text colors */
.orange{color:#fca752;}
.gray{color:#5C666A;}
.pink{color:#e26e61;}
.yellow{color:#fdd106;}
.green{color:#39b54a;}
.blue{color:#25aae1;}
.subitem{color:#84939f;}

.fixedTop{position:fixed !important; margin-top:0 !important;}
.animated{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

input.searchInput {
    padding-left: 30px;
}

.ui-tabs .ui-tabs-nav li.tab-doc {
    float: right
}

/** ClearFix **/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

/* override */
.ui-widget {
    font-size: 90%;
}

.Implementation {
    background-color:#ffffff;
}

.Implementation h3 {
    margin-top: 40px;
}

.SubSubMenu {
    padding: 15px 30px;
}
.SubSubMenu ul {
    margin: 0;
    padding: 0;
    width: 100%;
}
.SubSubMenu ul li {
    list-style: none;
    width: 20%;
    float: left;
}

.SubSubMenu ul li a:hover {
    color: #fdd106
}

.Source h3 {
    margin-top: 0px;
}

/* Tabs Source */
.Source .ui-tabs {
    background: none;
    border: 0 none;
}

.Source .ui-tabs .ui-tabs-nav {
    background: none;
    margin-bottom: -1px;
    padding: 0 !important;
}

.Source .ui-tabs .ui-tabs-nav li {
    background: #DFE4E6;
    border-color: #BCC7CF;
    box-shadow: none !important;
}

.Source .ui-tabs .ui-tabs-nav li.tab-doc {
    margin-right: 0;
}

.Source .ui-tabs .ui-tabs-nav li.ui-state-hover.ui-state-default a {
    color: #5C666A;
}

.Source .ui-tabs .ui-tabs-nav li.ui-state-default a {
    color: #84939F;
    font-family: 'latoregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-shadow: none;
}

.Source .ui-tabs .ui-tabs-nav li.ui-state-active a {
    color: #5C666A;
}

.Source .ui-tabs .ui-tabs-nav li.ui-state-hover {
    box-shadow: none; 
}

.Source .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    background: #EFF3F6;
}

.Source .ui-tabs .ui-tabs-panels {
    border-top: 1px solid #BCC7CF;
}

/** Responsive **/
@media (min-width: 1441px) {
    .PFTopLinks {
        display: block
    }

    .mobileLogoCover {
        display: none;
    }

    #mobile-menu-btn {
        display: none;

    }

    .PFNextGen iframe {
        margin-left: 100px;
    }
}

@media (max-width: 1740px) {
    #LOGOTEXTSIDE {
        width: auto;
        background: none;
    }

    #LOGOTEXTSIDE span {
        font-size: 24px;
    }

    #PFTopLinksCover .PFTopLinks {
        padding-left:0;
        padding-right:0;
    }
}

@media (max-width: 1440px) {
    .PFTopLinks {

        display: block;
    }

    #LOGOTEXTSIDE {
        display: block;
    }
    #PFTopLinksCover {
        position: fixed;
        top: 0;
        width: 100%;
        box-sizing: border-box;
        height: 115px;
        padding: 30px 15px 15px 15px;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
        -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
        z-index: 200;
    }

    .mobileLogoCover {
        display: block;
        float: right;
    }

    #mobile-menu-btn {
        display: inline-block;
        font-size: 36px;
        margin-left: 24px;
        color: #5c666a;
        -moz-transition: color .3s;
        -o-transition: color .3s;
        -webkit-transition: color .3s;
        transition: color .3s;
    }

    #mobile-menu-btn:hover {
        color: #25AAE1;
    }

    #MENUSIDE {
        z-index: 200;
        left: -301px;
        top: 105px;
        -webkit-box-shadow: 3px 0 6px rgba(0,0,0,0.3);
        -moz-box-shadow: 3px 0 6px rgba(0,0,0,0.3);
        box-shadow: 3px 0 6px rgba(0,0,0,0.3);
    }

    #MENUSIDEindent {
        padding-bottom: 105px;
    }

    .content-container {
        margin-top: 120px;
    }

    #CONTENTSIDE {
        margin-left:0
    }


    .ContentSideSections{
        padding:14px 24px;
    }

    .Content33 {
        width: 100%;
    }

    .Content66 {
        width: 100%;
    }

    .ui-tabs .ui-tabs-nav li.tab-doc {
        float: left
    }

    .ui-tabs.ui-tabs-top > .ui-tabs-nav li {
        width: 100%;
    }

    .BigButton {
        width: 100%;
    }

    .PFNextGen iframe {
        margin-left: 0;
    }
}

@media (max-width: 640px) {
    .SubSubMenu > ul > li {
        width: 50%;
    }

    .PropertyBox {
        width: 100%;
        height: auto;
    }

    .PropertyBox .PropertyText {
        font-size: 18px;
    }
}

/* Themes */
.ui-theme {background: url("") no-repeat top left;display: block;}
.ui-theme.ui-theme-afterdark{ background-position: 0 0; width: 30px; height: 25px; } 
.ui-theme.ui-theme-afternoon{ background-position: 0 -75px; width: 30px; height: 25px; } 
.ui-theme.ui-theme-afterwork{ background-position: 0 -150px; width: 30px; height: 25px; } 
.ui-theme.ui-theme-aristo{ background-position: 0 -225px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-black-tie{ background-position: 0 -302px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-blitzer{ background-position: 0 -379px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-bluesky{ background-position: 0 -456px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-bootstrap{ background-position: 0 -533px; width: 30px; height: 26px; } 
.ui-theme.ui-theme-casablanca{ background-position: 0 -609px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-cruze{ background-position: 0 -686px; width: 30px; height: 25px; } 
.ui-theme.ui-theme-cupertino{ background-position: 0 -761px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-dark-hive{ background-position: 0 -838px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-delta{ background-position: 0 -915px; width: 30px; height: 30px; } 
.ui-theme.ui-theme-dot-luv{ background-position: 0 -995px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-eggplant{ background-position: 0 -1072px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-excite-bike{ background-position: 0 -1149px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-flick{ background-position: 0 -1226px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-glass-x{ background-position: 0 -1303px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-home{ background-position: 0 -1380px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-hot-sneaks{ background-position: 0 -1457px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-humanity{ background-position: 0 -1534px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-le-frog{ background-position: 0 -1611px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-midnight{ background-position: 0 -1688px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-mint-choc{ background-position: 0 -1765px; width: 30px; height: 27px; }
.ui-theme.ui-theme-omega{ background-position: 0 -915px; width: 30px; height: 30px; } 
.ui-theme.ui-theme-overcast{ background-position: 0 -1842px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-pepper-grinder{ background-position: 0 -1919px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-redmond{ background-position: -80px 0; width: 30px; height: 27px; } 
.ui-theme.ui-theme-rocket{ background-position: -80px -77px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-sam{ background-position: -80px -154px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-smoothness{ background-position: -80px -231px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-south-street{ background-position: -80px -308px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-start{ background-position: -80px -385px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-sunny{ background-position: -80px -462px; width: 30px; height: 25px; } 
.ui-theme.ui-theme-swanky-purse{ background-position: -80px -537px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-trontastic{ background-position: -80px -614px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-ui-darkness{ background-position: -80px -691px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-ui-lightness{ background-position: -80px -768px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-vader{ background-position: -80px -845px; width: 30px; height: 27px; } 
.ui-theme.ui-theme-metroui{ background: url("") no-repeat top left; display: block;width: 30px; height: 27px;} 

.event1{
    background-color: red !important;
    border-color: red !important;
    opacity: 0.7;
    background: linear-gradient(-90deg,  #ccc 0px, #ccc  20px,transparent 10px, transparent 20px);
}
.event1iptal{
    background-color: red !important;
    border-color: red !important;
    opacity: 0.7;
    background: linear-gradient(-90deg,  #000 0px, #000  20px,transparent 10px, transparent 20px);

}
.event1onay{
    background-color: red !important;
    border-color: black !important;
}

.event2{
    background-color: orange !important;
    border-color : orange !important;
    opacity: 0.7;
    background: linear-gradient(-90deg,  #ccc 0px, #ccc  20px,transparent 10px, transparent 20px);

}
.event2iptal{
    background-color: orange !important;
    border-color : orange !important;
    opacity: 0.7;
    background: linear-gradient(-90deg,  #000 0px, #000  20px,transparent 10px, transparent 20px);

}
.event2onay{
    background-color: orange !important;
    border-color: black !important;
}
.event3{
    background-color: darkcyan !important;
    border-color : darkcyan !important;
    opacity: 0.7;
    background: linear-gradient(-90deg,  #ccc 0px, #ccc  20px,transparent 10px, transparent 20px);    
}
.event3iptal{
    background-color: darkcyan !important;
    border-color : darkcyan !important;
    opacity: 0.7;
    background: linear-gradient(-90deg,  #000 0px, #000  20px,transparent 10px, transparent 20px);    
}
.event3onay{
    background-color: darkcyan !important;
    border-color : black !important;
}
.event4{
    background-color: #D2B48C !important;
    border-color : #D2B48C !important;
    opacity: 0.7;
    background: linear-gradient(-90deg,  #ccc 0px, #ccc  20px,transparent 10px, transparent 20px);      
}
.event4iptal{
    background-color: #D2B48C !important;
    border-color : #D2B48C !important;
    opacity: 0.7;
    background: linear-gradient(-90deg,  #000 0px, #000  20px,transparent 10px, transparent 20px);      
}
.event4onay{
    background-color: #D2B48C !important;
    border-color : black !important;
}
.event5{
    background-color: #C7615F !important;
    border-color : #C7615F !important;
    opacity: 0.7;
    background: linear-gradient(-90deg,  #ccc 0px, #ccc  20px,transparent 10px, transparent 20px);     
}
.event5iptal{
    background-color: #C7615F !important;
    border-color : #C7615F !important;
    opacity: 0.7;
    background: linear-gradient(-90deg,  #000 0px, #000  20px,transparent 10px, transparent 20px);     
}
.event5onay{
    background-color: #C7615F !important;
    border-color : black !important;
}
.event6{
    background-color: #6A5ACD !important;
    border-color : #6A5ACD !important;
    opacity: 0.7;
    background: linear-gradient(-90deg,  #ccc 0px, #ccc  20px,transparent 10px, transparent 20px);     
}
.event6iptal{
    background-color: #6A5ACD !important;
    border-color : #6A5ACD !important;
    opacity: 0.7;
    background: linear-gradient(-90deg,  #000 0px, #000  20px,transparent 10px, transparent 20px);     
}
.event6onay{
    background-color: #6A5ACD !important;
    border-color : black !important;
}
.left{
    text-align : left;  
}
.right{
    text-align : right;  
}
.center{
    text-align : center;  
}
.bold{
    font-weight: bold;
}
.italic{
    font-style: italic;
}
.small{
    font-size: 8px;
}
.max250{
  height: 250px;
  overflow: auto;
}
.singleLine{
    text-wrap : none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.direktifDevamEdiyor{
    display: block;
    background-color: darkcyan !important;
    color: white;
}
.direktifOnayBekleyen{
    display: block;
    background-color: orange !important;
    color: white;
}
.direktifTamamlanan{
    display: block;
    background-color: #6A5ACD !important;
    color: white;
}
.direktifMiatDolan{
    display: block;
    background-color: red !important;
    color: white;
}
.panel1{
    background-color: #FFFFEF;   
}
.panel2{
    background-color: #E5FFE7;   
}
.red{
    color: red;
}
.redBG{
    background: red;
}
.mizanKaydiVar{
    display: block;
    background-color: greenyellow !important;
    color: white;
}

.mizanKaydiYok{
    display: block;
    background-color: red !important;
    color: white;
}
.title{color:#25aae1; font-size:18px;}
.titleSmall{color:#25aae1; font-size:14px;}
.contentSmall{font-size:12px;}
.ui-state-disabled{
    filter: Alpha(Opacity=100);
    opacity: 0.8 !important;
}

.soruDurumu1{
    display: block;
    background-color: orange !important;
    color: white;
}
.soruDurumu2{
    display: block;
    background-color: darkcyan !important;
    color: white;
}
.soruDurumu9{
    display: block;
    background-color: red !important;
    color: white;
}
.threeDot250{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 250px;
}
.threeDot200{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
}
.threeDot100{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
}
.arizaDurumu1{
    display: block;
    background-color: orange !important;
    color: white;
}
.arizaDurumu2{
    display: block;
    background-color: #D2B48C !important;
    color: white;
}
.arizaDurumu3{
    display: block;
    background-color: #6A5ACD !important;
    color: white;
}
.arizaDurumu4{
    display: block;
    background-color: #C7615F !important;
    color: white;
}
.arizaDurumu8,.arizaDurumu9{
    display: block;
    background-color: red !important;
    color: white;
}

.arizaDurumu10{
    display: block;
    background-color: darkcyan !important;
    color: white;
}
.ToUpperCase{
    text-transform: uppercase;
}

.MenuSideMainLink {
    width: 100%;
    height: 100%;
    display: block;
    padding: 5%;
    cursor: pointer;
    vertical-align: middle;
}
.smallOptions{
    font-size: x-small !important; 
    width: 60px !important;
}

.buttonSuccess{
    background-color: green;
}
.buttonWarning{
    background-color: yellow;
}
.buttonDanger{
    background-color: red;
}