﻿@font-face{font-family:'OpenSans Light';src:url('https://wpcdn.voximplant.com/wp-content/themes/voximplant/font/OpenSans-Light-webfont.eot');src:url('https://wpcdn.voximplant.com/wp-content/themes/voximplant/font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('https://wpcdn.voximplant.com/wp-content/themes/voximplant/font/OpenSans-Light-webfont.woff') format('woff'),
url('https://wpcdn.voximplant.com/wp-content/themes/voximplant/font/OpenSans-Light-webfont.ttf') format('truetype'),
url('https://wpcdn.voximplant.com/wp-content/themes/voximplant/font/OpenSans-Light-webfont.svg#open_sanslight') format('svg');font-weight:normal;font-style:normal}

body {
}

/*
    Стиль шапки ConceptCRM
*/
.conceptCRM_MainHeader {

    border-bottom:1px solid #ddd178;
    position:fixed;
    top:0px;
    height:50px;
    width:100%;
    background:#fbed9e;    
}

/*
    Стиль раздела в шапке окна
*/
.conceptCRM_MainHeaderSection {

    float:left;
    padding-left:20px;
    padding-right:20px;
    height:50px;
    border-left:1px solid #fbed9e;
    border-right:1px solid #fbed9e;
}

/*
    Стиль активного раздела в шапке окна
*/
.conceptCRM_ActiveMainHeaderSection {

    float:left;
    background:#ffffd9;
    padding-left:20px;
    padding-right:20px;
    border-left:1px solid #ddd178;
    border-right:1px solid #ddd178;
    height:50px;
}


/*
    Картинка раздела в шапке
*/
.conceptCRM_MainHeaderSectionImg {

    float:left;
    margin-top:1px;
    /*margin-left:20px;*/
}

/*
    Наименование раздела в шапке
*/
.conceptCRM_MainHeaderSectionText {
    
    /*position:absolute;*/
    float:left;
    margin-top:15px;
    margin-left:10px;
    text-align:center;
    /*vertical-align:central;
    line-height:50px;*/
}
.conceptCRM_MainHeaderSectionText:hover {

    text-decoration:underline;
    cursor:pointer;
}

/*
    Блок страниц слева
*/
.conceptCRM_MainPages {

    border-right:1px solid #c9c9c9;
    position:fixed;
    height:100%;
    width:250px;
    background:#f2f2f2;
    padding-top: 81px;
}

/*
    Блок подразделов
*/
.conceptCRM_MainMenu {

    border-bottom:1px solid #ddd178;
    position:fixed;
    top:51px;
    height:30px;
    width:100%;
    background:#ffffd9;

}

/*
    Стиль подраздела главного меню
*/
.conceptCRM_MainMenuSection {

    border:1px solid #ddd178;
    position:relative;
    top:4px;
    height:20px;
    min-width:130px;
    width:auto;
    background:#ffffd9;
    text-align:center;
    padding-left:10px;
    padding-right:10px;
    margin-left:20px;
    display:block;
    float:left;
}

.conceptCRM_MainMenuSection:hover {

    text-decoration:underline;
    cursor:pointer;
}

/*
    Стиль элемента в списке пунктов подраздела
*/
.conceptCRM_MainMenuSectionItem {

    height:30px; 
    padding-left:10px;
    padding-right:10px; 
    line-height:30px;
}

.conceptCRM_MainMenuSectionItem:hover {

    background: #fadb1f;
    cursor:default;
}

.conceptCRM_pageTab {

    border-bottom:1px solid #c9c9c9;
    min-height:30px;
    line-height:14px;
    padding-left:10px;
    position:relative;
}

.conceptCRM_pageTab:hover {

    background:#eaeaea;
    cursor:pointer;
}

/*
    Стиль основной рабочей области
*/
.conceptCRM_mainWorkplace {

    position:fixed;
    height:100%;
    width:100%;
    background:#ffffff;
}

/*
    Заголовки страниц
*/
.pageTitle {
    font-family: sans-serif;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    cursor:default;
}

.file_upload {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*transform: scale(20);*/
    /*letter-spacing: 10em;     /* IE 9 fix */
    /*-ms-transform: scale(20); /* IE 9 fix */
    opacity: 0;
    
}

/* Блок пометки ячейки табличной части */
.checkDiv {
    width:11px;
    height:11px;
    border:1px solid #a6a6a6;
    border-radius:2px;
    float:left;
    margin-right:7px;
    margin-top:1px;
    text-align:center;
    line-height:11px;
    cursor:pointer;
}

/* Фон для отметки 1*/
.checkDiv_checked1{
    background:url(/Images/ConceptCRM/checkTrue.png);
    background-size:cover;
}

/* Фон для отметки 2*/
.checkDiv_checked2{
    width:7px;
    height:7px;
    background-color:#a6a6a6;
    margin-left:2px;
    margin-top:2px;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

.contentBar {
    width: 90px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
}

.barlittle {
    background-color: #2187e7;
    background-image: -moz-linear-gradient(45deg, #2187e7 25%, #a0eaff);
    background-image: -webkit-linear-gradient(45deg, #2187e7 25%, #a0eaff);
    width: 10px;
    height: 10px;
    float: left;
    margin-left: 5px;
    opacity: 0.1;
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-animation: move 1s infinite linear;
    -webkit-animation: move 1s infinite linear;
}

#block_1 {
    -moz-animation-delay: .4s;
    -webkit-animation-delay: .4s;
}

#block_2 {
    -moz-animation-delay: .3s;
    -webkit-animation-delay: .3s;
}

#block_3 {
    -moz-animation-delay: .2s;
    -webkit-animation-delay: .2s;
}

#block_4 {
    -moz-animation-delay: .3s;
    -webkit-animation-delay: .3s;
}

#block_5 {
    -moz-animation-delay: .4s;
    -webkit-animation-delay: .4s;
}

@-moz-keyframes move {
    0% {
        -moz-transform: scale(1.2);
        opacity: 1;
    }

    100% {
        -moz-transform: scale(0.7);
        opacity: 0.1;
    }
}

@-webkit-keyframes move {
    0% {
        -webkit-transform: scale(1.2);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0.7);
        opacity: 0.1;
    }
}

.buttonSelector, .buttonSelector:hover, .buttonSelector:visited{
    margin-top:-4px;
    cursor:pointer;
    text-decoration:none; text-align:center; 
 padding:5px 5px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px 4px 4px 4px; 	 				 
 border-radius: 4px 4px 4px 4px; 					
 -moz-border-radius-topleft:4px; 					
 -moz-border-radius-topright:4px; 					
 -moz-border-radius-bottomleft:4px; 					
 -moz-border-radius-bottomright:4px;  
 font:13px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#1a1c1c; 
 background-color:#e0e3df; 
 background-image: -moz-linear-gradient(top, #e0e3df 0%, #c2c9c1 100%); 
 background-image: -webkit-linear-gradient(top, #e0e3df 0%, #c2c9c1 100%); 
 background-image: -o-linear-gradient(top, #e0e3df 0%, #c2c9c1 100%); 
 background-image: -ms-linear-gradient(top, #e0e3df 0% ,#c2c9c1 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c9c1', endColorstr='#c2c9c1',GradientType=0 ); 
 background-image: linear-gradient(top, #e0e3df 0% ,#c2c9c1 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
   -webkit-transition: all 0.17s ease-in;
 -moz-transition:  all 0.17s ease-in;
 -o-transition:  all 0.17s ease-in;
 transition:  all 0.17s ease-in;
 min-width:30px;
 display:inline-block;
}
                                
.buttonSelectorActive, .buttonSelectorActive:hover, .buttonSelectorActive:visited{
    margin-top:-4px;
    cursor:pointer;
 padding:5px 5px; 
 border:solid 1px #004F72; 
 text-decoration:none; text-align:center; 
 -webkit-border-radius:4px 4px 4px 4px; 	 				 
 border-radius: 4px 4px 4px 4px; 					
 -moz-border-radius-topleft:4px; 					
 -moz-border-radius-topright:4px; 					
 -moz-border-radius-bottomleft:4px; 					
 -moz-border-radius-bottomright:4px;  
 font:13px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 
 color:#333; 
 background-color:#FFF; 
 
 /*color:#E5FFFF; 
 background-color:#63c73b; 
 background-image: -moz-linear-gradient(top, #63c73b 0%, #25a519 100%); 
 background-image: -webkit-linear-gradient(top, #63c73b 0%, #25a519 100%); 
 background-image: -o-linear-gradient(top, #63c73b 0%, #25a519 100%); 
 background-image: -ms-linear-gradient(top, #63c73b 0% ,#25a519 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25a519', endColorstr='#25a519',GradientType=0 ); 
 background-image: linear-gradient(top, #63c73b 0% ,#25a519 100%);   */
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
 min-width:30px; 
 display:inline-block;
 }
